Web Client Programming Blog

In this project, we were placed in groups and assigned a module to make a website on from the Everfi website. In my group's case, we had to make a website on the Credit Score module. Getting the information was easy but coming up with a consistent and pleasing theme was the hardest part. In the end, I settled on a simple black and white theme. I also found a JS library which has interactive sliders; I thought that could help demonstrate the different levels of credit scores one could attain.

The CTE Expo is an event where we are supposed to advertise the CTE academies to the freshmen encouraging them to join.  In the Web Design Academy's case, the sophomores showcased their business card projects, the juniors showcase their main indexes  and apps and the seniors showcased their most recent projects. When the freshman came, I was show my best work and make a case as to why the freshmen should consider joining Web Design. I addressed concerns some of the freshmen had and conversed with some of the teachers and answered any questions they had.

In this project, we were tasked wit compiling the information we gathered from listening to podcasts over the winter break into a website. I listened to Stuff You Missed in History Class and TED Radio Hour so I used those in the creation of my website. I included a summary of each podcast for each station and a link to each podcast so the user can visit the site directly and listen to it. We also had to make a game related to the podcasts we listened to; I made a trivia game that is based on information from the podcasts I used.

For this lab, we had to create a rock, paper, scissors game in HTML. This time, the game was modified so that what normally wins is reversed. For this lab, I made heavy use of switch statements as I experimented with them before and I felt confident that they would be useful for this. In the end, the final product works as intended but I didn't how to include a delay so that the page would take a second to reveal the results of the match.

In this lab, we had to create interactions which manipulated CSS variables on a predefined image. To create fully functional sliders, I collaborated with my classmates to help think about how the sliders would change the CSS itself. In the end, we created a slider which manipulated CSS on an object.

For this lab, we had to make a responsive page that played sounds when certain keys were pressed and had a fully functional clock that told the time. Making the keyboard was easy, all I had to do was find audio files and assigned them a key which played them when pressed. The clock was more difficult since I had to figure how to implement and calibrate it. Eventually, I got the clock working along with a fully functional keyboard.

This lab is the last lab where we deal with the starter webpage from the two previous labs. We were supposed to add a search bar into the webpage. I had a difficult time adding the bar since I didn't know how to make it look and function properly. Eventually, I looked at actual search bars to see how they work and adapted it to my webpage.