Web Client Programming Blog

In lab 4, we worked with objects to help manipulate an HTML document. We were supposed to create an object based on a ninja or something of our choosing, we had to include properties of the object that we made up. The most important part of the lab was the methods we had to create in the object. This took the form of functions inside properties that reacted when a particular button was pressed. For one of the functions, we had to include a parameter inside the method. I noticed that people were using for loops when creating this method. However, I found an alternate solution: a variable that gets its value from a prompt with a user input that will be included in the function. In the end, I felt satisfied that I found an alternate solution that could also be way better than a proven solution.

In this lab, we were tasked with completing 5 jQuery exercises developed by MIT. These exercises helped us get into how jQuery and get comfortable with it. These exercises demonstrated the syntax of jQuery and a particular end goal that the exercise wanted you to reach. I struggled with this lab because jQuery is a completely new topic to me, so I had to take my time to really understand each exercise. When I finished each exercise I made sure that each exercise worked and was able to be interacted with.

In this lab, we experimented with internal JavaScript in an HTML document. We messed with various commands like "document.write()", "alert()", and "console.log()". We also incorporated prompts and if statements to create a sort-of "form" for the user to input and create a message of their liking. This lab demonstrated what happens when a web developer incorporates JavaScript into their HTML document, we get to see the basics of DOM manipulation on a simple document. I am mostly familiar with the commands used in this lab as I was either introduced or reintroduced to these commands in the summer homework. However, this is the first time I experimented with these commands in an actual HTML file.

In this lab, we were setting up our file trees to prepare for our main portfolio. Essentially, we had to take a picture of our file tree of our WCP, DD, and VD directories. However, our we didn't have anything in our WCP and VD folders yet so they were of the least concern to the main portfolio directory. My main challenge in setting up our main portfolio was changing the main index from my DD homepage to a new index for my final portfolio. Eventually, I managed to get everything working after performing many trial and errors.