Web Client Programming By Andoni N.

Link to Lab4 In this lab, we used javascript and JQuery with objects and methods to create our own panda that has multiple commands. As the image below illustrates, there are three buttons that when pressed a text below will pop up that states the ninja has performed the task. To complete this we first created an array that defines the ninja such as his name and the commands. Within the commands are functions that would make the text pop up below the buttons. So when the buttons are clicked, it calls the array and the specific command which would then call the function. This lab was very interesting because it shows just how versatile objects and methods are because we didn't have to create different functions, it was all inside the array and had specific names which made the process less complex.

Link to Lab3 This lab was the first one which we incorporated JQuery into the code. There were 5 different exercises we had to complete. The first one included having a button that would change a specific word in the text to a different one. For example, if I wanted to change the word "blue" to "purple", all I would have to do is click the button and all the blues would change to purple. The second exercise includes 3 buttons that when clicked would either add a box to the already existing boxes, make the boxes into circles, and change the color of the boxes. The third exercise is a mock survey that includes options that are supposed to be dragged in order. The final exercise is to create a canvas and button that when clicked would add a triangle and the other button would rotate the triangle. Because it was the first lab in which we used JQuery, it provided a basis for future labs. We could use and improve the skills we learned in this lab for future labs...

Link to Lab2 In this lab, we reviewed the different JavaScript commands we can use to display a message, such as the alert, confirm, prompt, document.getElementById, console.log, and document.write. This is why when the page first loaded, there were multiple alerts, prompts, and confirms windows that popped up. The two "Hello World" texts are document.write commands. The "chia mondo" is actually a regular p tag but is changed when you click no when it asks you "Do you want to change know that in Spanish?", if you clicked yes then the tet would appear as "demo". Although it cannot be seen on the webpage, there is a console log that appears when you go to Developer Tools.  This lab's purpose was to learn the basics of JavaScript in order for us to use the skills in the future when we want to be more creative with our texts.

Link to Homepage Another year, another homepage, and because it is senior year, this has to be the best homepage. But not right now, it is still a work in progress, though, at the end of the year it will be an amazing page.        In this lab, we were tasked to create a new homepage for our WCP portfolio. The homepage was created using basic HTML and CSS. It included a paragraph introducing ourselves for the third time in this class. One of the tasks was to include a navigation bar on the homepage.             I completed the lab using Dreamweaver. This lab will help me as a web designer because it makes it easier for people to locate the work I create through my portfolio whether it be Digital Design, Web Client Programming, Visual Design.