Web Client Programming Blog

For this lab, we implemented AJAX into our HTML document. We were already given a function that looks for a text file. All I had to was put some text within that text file and put in the same folder as the HTML doc. If the function can't find a text file, it will send out an alert with an error saying that no such file has been found. On the other hand, if the text file has been found, the tag being affected will change.

For this lab, we have to create a carousel of links at the bottom of the page. We had to utilize some vendor JavaScript given to us in the zip file to create the carousel. To complete the carousel, we had create some JavaScript that automatically scrolls through the carousel as to keep it from being static.

For this lab, we had to find a way to get a new testimonial each time the user refreshes the page. This was quite easy to achieve since all I had to do was put all the testimonials into an array and create a randomizer which changes the quote upon refresh. The most difficult part of this lab was getting "math.floor" to work. Eventually, I got the function to work and a new quote was chosen each time I refreshed the page.

In this lab, we had to create an "accordion" of information in our HTML documents. This lab was made super easy with the use of the ".accordion()" method. The most boring part of this lab was copying and pasting "div" and "h" tags and putting information in to condense it all. Once all is done, you get an accordion which is a great way to condense information down into a neat, organized space.

This lab is exactly like lab 5, however, there are some minor changes to the code and the addition of a stop and finish button. The stop and finish button affects almost every animation except the last one because it uses a ".css()" method instead of a ".animate()" method. My only gripe with the stop command is that it only affects one animate command and not the other. In the future, I hope to find an alternate method of  stopping and finishing two animate commands at the same time.

In this lab, we had to utilize the jQuery animate method. This lab was particularly challenging because my original intention for the code was to have the buttons be a toggle, but as I kept going it proved itself to be not worth going after. After thinking about it, I decided to have the buttons animate the property then return it to its original state rather than having it be a toggle. For future projects, the animate method can be useful for keeping the user on the page instead of redirecting the user to another page. The method can also be useful for transitioning between elements to keep a flow of ideas coming in.

A clone is a local copy of an existing repository to make feature branches on. A branch is a change made to the cloned repository that changes the original. We need branches in a project to test the versatility and longevity of the project. A commit is a record of any changes made to the repository