Created by Joseph Verdon
November 4th, 2022
This lab focused around creating and styling a website from scratch to be used throughout the semester as a portfolio of sorts. This lab was my first time using HTML and CSS and I used some refrences from w3schools in order to assist with the creation of this website.
I am not sure if any of the CSS I used in this website is currently considered advanced however, I did use floating divs to create columns for my web pages content.
I enjoyed this lab very much as this is my first coding class since I switched from a CS major to an IS&T Major. I really enjoy being able to create this website from scratch using only basic and advanced HTML and CSS.
Link to Lab 1November 14th, 2022
In this lab, we were tasked with created a single page style website that used virtual pages to display content. Along with this, we had to make the display responsive to the window size adding support for smaller sized screens.
Just looking at the difference between this site and my lab 2 site already makes me want to revamp this site with different visuals, a responsive layout and more content. It seems quite simple to create a single page layout and make it look nice. The hardest part was just getting used to using tables and responsive aspects.
Link to Lab 2March 14th, 2022
In this lab, we were tasked with creating a dating website that used JavaScript to alter the sites DOM. We needed to make 20 profiles for users to look through and either add to their list of likes, or pass and have them not show up in future searches. Speaking of We also needed to create some form of search option to narrow results to more digestible content.
I really enjoyed this lab although i didnt start as early as I should have. As for some advanced teqniques, I used the same responsive design methods from the previous lab and I used java script to create all of the profiles on the site making the html very minimal. I used JSON structure instead of regular JavaScript objects because I mixed them up and I had already written too much code to change it. I also used javascript to ensure that the people that were liked could not be added multiple times and the people that were passed could not show up again.
Link to Lab 3March 28th, 2022
In this lab, we were tasked with expanding upon the previous lab by adding a profile creation page and a profile editing page. We also had to move the like section to its own page aswell as create a place to review the profiles that you passed incase you passed by mistake.
I enjoyed updating a previous lab with more information and functionality. Some advanced teqniques I used include: moving the css color hexes to variables so I could change the colors with ease, using jquery to provide some functions for less code overall, and local browser storage to store the over profile array, the liked profile and passed profile ids.
Link to Lab 4