Web Client Programming By Andoni N.

This lab was the final lab we did for the year and our task was to have this base image with sliders that affect the spacing, blurriness and background color of the image. Although this lab seems very difficult the amount of HTML and JavaScript needed to complete is quite small. The JavaScript used can be found below.

This lab is the final stage of this chain of related labs and we were assigned to add a search bar that was linked with youtube. Therefore, when you click search, it wouldn't search the website but take you to youtube and show you related videos with the keywords you searched

This lab could be considered to actually be two labs because one part of the lab was to create these sort of piano keys that when the key indicated is pressed would play a sound and the other half of the lab was to create a functioning clock. The keys were made using divs and because each key on a keyboard is associated with a number the code can be created so when the key is pressed a specific sound can be played and as the image above shows I chose to use memes from the internet. The clock was created using a div that had a border-radius which would transform the box into a circle and the handles of the clock also was created with divs that have white borders and every second the angle of the handle would change resembling the movement of a clock.

APIs are combinations of functions and procedures that access the feature of applications. For this lab, we were asked to work on the previous lab 12 and add APIs. This lab was quite simple because websites such as Facebook and Twitter offer the code that embeds the API to the webpage. Unfortunately, because this lab was done at school many of the websites whose APIs we were asked to include were blocked; therefore, the only APIs I included were from Twitter and Pinterest. 

In this lab, we were assigned to create a webpage that would have a sidebar that included youtube videos and when clicked the video would pop up with the title, uploader, and the number of views. To do so it involved JQuery and also one single array that could be found below. Now with this array there included the id, title, author, and views which combined with JQuery commands that creates Iframes and other HTML elements that create the window with the video and all the information included. 

This was a group project and the idea behind it is the same idea as the actual show, the Shark Tank. At the beginning of this project, we were told to come up with a product that we were gonna sell, then each of us was assigned a group and the idea was to design a web page for that group's product. The group we were assigned to had a product that was a health app. This image above shows the image that we created for the group. We created a logo and even multiple different pages for the website such as product page, contact us page, and others. This was a great experience to design a website for made up clients and to work with a group.