Monday, December 7, 2015

Lab 12


In my opinion lab 12 was totally amazing because it was something new for me. Eventhough it was made based on JQuery, but still it was something really unique and nice. It was like if you go on top one line where there is a specific topic then it will expand and show more information about that topic. First my teacher went over the code as she always does and explained us the code step by step. We basically had to create three pages for it which was html, css and JavaScript. It seemed easy to me since I knew a bit about JQuery so I coped every code step by step and I was happy that I finished, but unfortunately I had to face troubleshoot this time as well. I always face troubleshoot, but this time it wasn't that big. It was a small mistake which my friend helped me to figure out. Lastly I finished and upload it to my server.

I used Dreamweave for this lab. This is related to to web design because this is something unique to present to a client to give them some idea about web design. This skill will help me in the future with my labs and projects. I also really liked this lab because I got chance to learn something new from this lab. It was something new and interesting for me. Also I would really love to learn something more like this in the future.



Friday, December 4, 2015

Lab 11


Lab 11 was about JQuery as well. We were basically learning more about JQuery. I liked this lab as well because it was amazing like the other one. For this lab first my teacher went over the code that she always does and explain us every step in details. Then she showed us the example of how the lab is going to be seen if we preview and when she showed I was so excited since it was something new and amazing. Second my teacher printed the css, JS, and html codes so we can follow the code step by step and don't make any mistakes. So I was copying copes step by step correctly and this time I had to faced no troubleshoot and I was so happy for it. Then when I finished copying the codes I changed my background color, fix the font style, etc. Lastly, I preview it and upload it to my server. 

I used Dreamweave for this lab only. It is relevant to web design because it was created by using css, JS and html to create it in a website which is part of web design. JS function that I used was .ready, .mouseenter, .fadeTo, and .mouseleave. Also css function that I used was #ddiv and #d. This skill will help me in the future with the labs and projects. 





Thursday, December 3, 2015

Lab 10



Lab 10 was about all about JQuery. It was something totally new for me so I was really excited to learn about it. For this lab I had to create Div function with fadeIn, fadeOut, slideUp, and slideDown. Before everything I had to downloaded JQuery and save it to my Dropbox so the process can work. So for the lab my teacher went by and explained us every steps in detail. Whenever she was done with one step, she would give us time to finish that step so we can catch up the next step. I copied every code step by step since she told us to do that. When I was doing the final step I had to go though one troubleshoot.

I was bit confuse because all of my code was right then I was like why doesn't it work. Fortunately my friend saved me again. She figured out the problem and fix my lab. Lastly I uploaded it to my server and submit it. I used Dreamweave for this lab. The JQuery function that I used was div, and script. This will help me in the future with my upcoming labs and projects. Also I would love to learn more about JQuery because I find it interesting. I feel like I can create lots of different things in a browser using JQuery in a better way than html.