Project Directory

This page contains all of the web pages I built for summer semester CSIS 1430.

‣ HTML & CSS

Tables

This assignment demonstrated the HTML table tags and their use to structure data.
We built a table with some of our favorite YouTube videos, and added information to the columns.

Visit Page
Superhero Style

This assignment demonstrated the use of CSS to style an HTML document.
We created our own stylesheet to give the provided site a theme and improve legibility.

Visit Page
Pizza Parlor: Horizontal Menu

This assignment demonstrated using float and lists to create a horizontal nav-bar.
We used the previous 'Pizza Parlor' site as a template to add our horizontal nav-bar.

Visit Page
Little Boxes

This assignment demonstrated using nothing but divs to create an illustration.
I used divs, lots of flexbox, and border radius to draw a computer tower.

Visit Page
Pizza Parlor: Midterm

This midterm required us to complete our Pizza Parlor site by adding content and an ordering page.
I created the ordering page, which utilized several input types.

Visit Page
Photoshop To Code

This assignment required us to take a website concept made in Photoshop and recreate it in HTML and CSS.
I used flexbox extensively to create the play grid and on-screen keyboard.

Visit Page

‣ Javascript

Happy Birthday Program

This assignment demonstrated JS fundamentals such as prompt() and alert().
We built a program that prompts the user for their name, age, and month of birth — and outputs information pertaining.

Visit Page
The Lottery Game

This assignment demonstrated using JS to gather user input and modify HTML elements.
We built a program that prompts the user for a number of lotto picks, and randomly generates those lotto numbers.

Visit Page
Mad Libs Game

This assignment demonstrated using JS to concatenate several words into a paragraph.
We built a program that takes user provided words from a form, then concatenates them to produce a mad-lib.

Visit Page
Pizza Parlor: Bootstrap

This assignment demonstrated using Bootstrap to create responsive and styled webpages.
We took our original unstyled Pizza Parlor webpage and used Bootstrap classes to create a cohesive and responsive site.

Visit Page
Tic Tac Toe

This assignment demonstrated using JS to respond to onClick() events that modify the page.
We built a page that is populated by a JS function to create a Tic-Tac-Toe grid, and the main game loop and win conditions to play.

Visit Page

Reflection

This course has been highly informative on the technology and terms behind HTML, and CSS – I’ve benefited greatly from learning the CSS selector syntax, which provides a lot of very powerful ways to customize web pages.
It has also been an interesting experience using JavaScript, which I haven’t ever used prior; especially in the case of variable declaration and how weakly typed the language is. JS concatenation in particular was very… opinion forming, and has made me appreciative of other languages choosing to either use distinct operators or requiring some form of casting to a string type – JS on the other hand creates lots of opportunities for adding numbers that result instead in a very long string.
Another neat tool has been Bootstrap, which I had heard of before in passing, but now understand the reason for its widespread utilization, since it allows for rapidly creating responsive, consistent, and rich web pages with a very short development tail when styling.