Lab 12 Reflection Journal

                   For lab 12, I created something like an accordion using the dl, dd, and dt tags and with a jQuery function. It was nice learning about the new html tags that I had no previous knowledge of it. It was sort of like a list, with the format of a heading and subheading so I put colors that contrasted and went well with each other. I put in the jQuery function that was given to us and it used the addClass, siblings, and nth child attribute. I figured that it would work for things similar to the dl, dd, and dt tags like the li, ul, and ol tags, and it can also be applied to the table tags. I saw that there were many ways to do it producing the same outcome so I found it to be really cool and interesting. For the content, I had to write 8 questions and answers about a subject that I like, I chose web design. First I had to create these questions and answer them then put it in the dl, dd, and dt tags. After I checked that it worked, I uploaded it onto the server and submitted it. 

Lab 11 Reflection Journal

              For this lab, I had to create a dim and bright effect that switches when I hovered over the division tags and it also replaced the text when you hover over it and when you hover out of it, it goes back to the original text. First I created the division tags with text on it and gave them id names. Then using jQuery, I made a variable containing the new text the original text would be replaced with. Using the id names I gave the division tags, I put a function for when the mouse enters and when the mouse leaves. When the mouse enters, I put a fading to effect on the division and using that division id name, I changed the html to put a different text speaking of the jQuery magic. Then when the mouse leaves, I put the original text back and put another fading to effect but with different speeds and opacity. I did the same thing with the other division tag. After that I uploaded it onto the server after I checked that it was working well. In the beginning there was like a glitch with my jQuery, because it kept on blinking from dim to bright instead of doing it with the hovering effect. Then I fixed it and put in something extra with replacing the text back to the original after I took the mouse out of the division tag.

Lab 10 Reflection Journal

             Lab 10 was my first jQuery lab where I learned how to use it to create effects and manipulate objects. I used the hidden, show, fade in, and fade out effects. I first made division tags and put css on it to make it look like a box/button. Then I gave them each a id name so that each of them can perform the specific effect that I wanted to display. I created a table to organize each of the demonstrations to be clear on it. For the jQuery, the format is $(id-name).effect and I put in something extra on the top of the table. I made 2 division tags with separate text of one division saying bye and fading out and then the other division right after that division disappears, fades in saying hello again and staying there. I combined all the effects together to show my knowledge and understanding of how to use jQuery for effects.