Lab 12

This lab was about creating a JavaScript accordion. The software that I used for this lab was Adobe Dreamweaver CS6. First of all, I made an accordion by using html tags and CSS. Then, I typed the questions and the answers about my favorite subject, Math in every box. After that, I used the provided code to create an animation for the accordion to roll down when the mouse is over. For that I inserted the JavaScript and CSS to put in some effects on the accordion. Last but not least, I tested the lab to make sure that everything works.

At the conclusion of this lab, I learned how to use JavaScript to make an accordion. Also, this lab helped me to create a menu bar in Project 3. This lab is relevant to Web Design because the JavaScript accordion can make a website or web page interactive. In the future, I can use the skills I obtained from this lab when I need to create a website or web page that contains a JavaScript accordion menu bar.

Lab 11

Lab 11 was similar to the previous lab since we were learning the rudiments of animating in jQuery and javascript. Hence, this lab was about creating another animation which was to insert the hover over effect on a designated area of the webpage. For which I created two div boxes with my own choice of colors and applied the animation codes on the divs in order for it to function. As a result, whenever I brought my mouse over on top of the div, it highlights itself and made it seem like a button. I really liked this effect because I no longer had to use Photoshop to create a button nor did I use any button codes. It just made coding even simpler and fun because this effect was applicable to anything, be it a picture or a text font. In conclusion, I have learned a new way of creating a button using Javascript. This lab will help me apply these animations on my buttons in my future labs and projects.

Lab #10

This lab was my first jQuery lab. It was basically about creating a webpage which consists of 4 different types of animations which includes fading in/out and slide up/down by using jQuery and Dreamweaver CS6. Firstly, I started off by creating a new html file and putting in my name, date, lab number etc. Then, I created another file for my javascript and inserted the code that my teacher had provided me with. In fact, I tried to play around with the code and try new things but since this was my first time, I wasn't successful in creating a different animation. Therefore, I just followed the procedures that I was provided with. As a result, it turned out pretty well and I have 4 text boxes with different animations. One sliding in, another sliding out and the other two fading in and out. The hardest part of this lab was trying to line the boxes up in an order so that it looked more organized and not random. Also, it took me a while to troubleshoot the fade in animation because at first I didn't see any animation for the fade in, but then I realized that the text box was already there so I had to make the text box disappear first in order for it to fade in. This lab can benefit in my future labs and projects. 

Hour of Code

The Hour of the Code was about integrating all the things that I learned in Hour of Code to one html document and making it work. For this, I used Adobe Dreamweaver to copy the code that I had created in the Hour of the Code to complete this lab. First, I visited the website for Hour of Code to understand how to make a simple web page with CSS, a nameplate with JavaScript and rotating planets with CSS. Lastly, I put all the codes I learned and created from the website for Hour of Code in one html file for this lab. After putting all the codes, I made some few changes in the contents of the web page.

As a result of this lab, I learned how to make an animation with CSS and JavaScript.
I also learned some few important tips and the relevance of coding to my life by listening to the three guest speakers in class. In the future, I can use the techniques I learned from this lab to create an interactive and creative website.

Project 3

Project 4

Lab 16

This lab was about creating a text animation with JavaScript and jQuery. I also used Adobe Dreamweaver to complete this lab. Firstly, I started off by typing a brief description of the lab and created three buttons in the html document for this lab. The three buttons are for the user of this web page to click to start the text animation and change the font-size of the text. After creating buttons, I applied JavaScript so that the buttons would perform their own tasks. Also one of the hardest things that I faced in this lab was to make the button work as I wanted them to. Even though I troubleshooted it, I wasn't able to make the animation work as I wanted to.

As a result of this lab, I learned how the change in the size of text works through JavaScript by completing this lab. I can apply the skills I obtained from this lab when I need to make a convenient web page which allows the user to change the font-size of the content.

Lab 15

Lab 15 was about creating a contact form by using Adobe Dreamweaver. I began by typing the questions for the form and a brief description of this lab in the html document using the screenshots of the sample work. Then, I created my own  CSS by changing the background color of the contact form and font size of the text. After that, I inserted the button saying, "Contact Me" through the use of JavaScript so that the contact form will slide down to the web page for this lab as the user clicks on the button. In addition, I also changed the speed of the sliding animation of the contact form by playing around with the javascript codes and found out about the speed.

At the end of this lab, I learned how to create a contact form and also learned that it is always good to play around with the codes because you never know what you might discover. This lab is relevant to Web Design because a web designer can use a contact form to receive feedback from the clients. Besides, I had to create a contact form for my intern last summer and I really struggled, but since now I know how to create it, I will not be having a hard time creating one. This skill can be used to create a website with contact form and for workplaces.

Lab 14

This particular lab was about creating pull quotes. I used Adobe Dreamweaver to complete this lab. I started off by writing a paragraph in which I explained what my favorite subject is in my definition in the html document for this lab. I also wrote why Math is my favorite subject and how it has changed the way people think about how it is relevant to us in life. Then, I inserted the JavaScript code that the teacher had provided us with so that the first line of each paragraph would show as a pull quote.

In conclusion, I learned how to make a pull quote through the use of JavaScript. This lab is relevant to Web Design because I can use pull quotes to emphasize the important part of my written work on the web page or a line that I want the clients to notice. In the future, I can apply these skills when I need to use pull quotes to make viewers notice the most important line of a paragraph or like a news heading.

Lab 13

Lab 13 was about using JavaScript to replicate a specific content of a web page when triggered. I used Adobe Dreamweaver to complete this lab. First of all, I had to create a server to each lab and project that I have completed so far in this semester. Then, I created a new html document for this lab and typed in my New Year's resolution. After this step, I inserted the screenshot of my server and JavaScript for this lab so that when the user click on the screenshot, the image duplicates itself.

I learned how to replicate an image through the use of JavaScript by completing this lab. In the future, I can apply the technique I obtained from this lab when I need to create a website or web page in which the user is allowed to clone an image or text.

2k16 New Year's Resolution

This year's New Year Resolution for me is to get rid of all my bad habits which includes procrastination, being respectful to my parents etc. I will assure to keep this resolution by trying to not take any of these actions or wrong doings. Besides, I am looking forward to become a giver this year. I feel like I've been really selfish and take things for granted. Therefore, I am hoping to give more this year rather than taking more. I am starting to realize that not everyone is provided with what I take things for granted such as food, shelter, clothes and stuffs like that. This realization struck me last year when I went to give out care packages to the homeless with my volleyball club and organization. This really had a great impact on me. It changed the way I view things and not only that, but it also made me feel ashamed of how I sometimes just walked by a homeless person without even caring. This can help me keep my New Year's Resolution. Also, another resolution for this year is to go pro at Volleyball and getting accepted into the College that I want to get in. I am pretty sure that I am not going to go pro but I can try by practicing a lot and I can already see improvements in Volleyball since last year. Currently, I spent my Sundays playing Volleyball in a church team and at the same time doing some community services such as giving out care packages to the homeless. In conclusion, these are my resolution for 2016 and I hope that I keep my resolution.

Podcast Reflection

The Moth Podcast is the best out of all the other podcasts simply because it was one of the easiest and simplest podcasts where I could listen to stories. Whereas, other podcasts weren't that easy to navigate stories and some podcasts cost money to listen to stories. 

Amir Baghdadchi's story "Flying Home" was one of the best stories among all of the other stories. Primarily, because it was very amusing to listen and I couldn't stop listening to it. In fact, I wanted to listen more about it. "Flying Home" is a short story about a bearded man who's returning to his home and also about how Government Agents are Racial Profiling a person just because he's bearded and based on how his passport is oddly compared to others. The way Amir Baghdadchi describes the situation is very hilarious and hysterical.