Web Client Programming

In this lab we were once again given the documents like the previous two labs to complete this assignment. The task was to create a cycle between two sections and they would change images. We had to add the missing CSS and JS files and then add the code in the js file. The code we added was the class of the section and then .cycle. Furthermore, we manipulated the speed, and time of which the cycle by adding the parameters and a value. This help reduce the amount of images being shown at the same time which helps with spacing and organization making us better web developers.

In this Lab we were also given the html, css, and Javascript files to complete this lab like in the previous one. This time we had to fix the images and make them into a carousel that would slide between images. The problem was that some of the css links and js files were missing and weren't in the actual html index so that we had to add them and also add the jQuery functions to the js file. In the jQuery file we added .owlcarousel on the property div id that the images are in. Also we added a time parameter that controlled when the images would move.

In this lab we were assigned the html, css and javascript documents from a specific website and our task was to make the quote from the top of the page change on each refresh meaning that each time you would open the page a different quote out of 6 would appear. We used jQuery to help us with quotes and the function we used was a math expression (.random) with the quote property which we had to manually type like the original. In addition, we assigned a variable called quote that contained the quotes and we initialized it with the jQuery statements.

In this lab we had to create a accordion that had information about our favorite subject and would respond on a mouseover. To complete the lab I used CSS and the jQuery library and called the mouseover function that would drop the information from the div box pertaining my question and reason why I like that certain subject. Furthermore, I used the siblings element and assign how fast the information would drop from the div. Also What allowed us to call this function with these elements was the jQuery library that is a simpler version of javascript and saved us time and energy from making it more complex.

In this lab we are continuing from lab 5 and now adding a stop button that would pause the animation. Using the .stop function and adding the parameters (true) would stop all action and (true,true) would skip the animation. There isn't much of difference between Lab 5 and 6 since its just adding 3 buttons (skip, stop, reset). These skills can help in situational times when it requires how to manipulate animations and their parameters.

In lab 5 we learned how to animate with jQuery. The task was to create a box/square that would respond when clicking button, it would do the animation assigned in the jQuery. We also leaned how to assign a time value so that we can choose to make the animation faster or shorter. Furthermore, the animations we had to include were a size change, hide, transform and hide. Each of these required a different values such as changing the height value or border radius, and the object's position.

Today I went to the Metropolitan Museum of Art and there was a variety pieces of art that caught my attention but one in particular surprised me. Thomas Hart Benton's America Today was a beautiful work of art as it went around an entire room portraying the labor and work to built America as an industrial country. Benton was born in 1889 and died in 1975, he created this piece of art between 1930-1931. All of the space is being covered with color and details so that it looks more appealing. Also he used eggs specifically the yolk to create a egg tempera paint, and used room sized canvas panels to create his work of art.