CSCE 242 Section 001

Emma Hubert

In this course we will be learning to use HTML and CSS to create and design webpages. We will also be learning how to use JavaScript to increase funtionality and utilize node and server side to store and retrieve data from a server.

Assignments

Assignment 1 - Basic HTML

A website about a topic of my choosing. Get to know me with two images, two paragraphs, two links, a bulleted list, and a table.

Assignment 2 - Basic CSS

A website about a topic of my choosing (Beach Sunsets) with navigation, a theme, and matching styling using CSS. See styled pictures, text, and a table.

Assignment 3 - Page Layout

A website utilizing html elements: header, footer, nav, section, aside, & article. Includes a navigation bar and CSS styling using flexbox and media query.

Assignment 4 - Updated Home Page

Updated my home page (this webpage) to link each assignment with screenshots and links with a description of each assignment.

Assignment 5 - Recreate CSS page

A recreation of this page using CSS and HTML.

Assignment 6 - Main Page Projects Section

Updated my home page (this webpage) to include links to project assignments.

Assignment 7 - Intoduction Into Javascript

First javascript assignment where I change one image to another by clicking, rotate an image with a slider bar, and add stars to a column by clicking.

Assignment 8: Conditionals

Created a webpage using html and css styling. Implemented a javascript toggle menu and two exercises. One of which switched a picture on key presses and the other switches pictures via a slider.

Assignment 9: Loops

Created a webpage using html and css styling. Implemented Javascript toggle menu and one exercise that bounces a ball up and down with the click of a button and the other provides a decription when clicking on a picture.

Assignment 10 - Arrays

Javascript assignment using arrays to create a banner that switches an advertisement every 2 seconds and an associative array of images and attributes.

Assignment 11- Classes

Javascript assignment using a Tree class to display an array of trees. Each tree/image is displayed on home page and when clicked on a modal appears with additioanl information.

Assignment 12- Parsing JSON

JavaScript assignment parsing a provided JSON file and displaying the content using javascript.

Projects

Project 1 - Topic(pdf)

Project 1 - Wireframes

Wireframed the pages of my website (Hip-HQ). No styling added yet, just basic grey/white color scheme. The basic layout of what my webpage will look like.

Project 1 - HTML & CSS

Wrote the html and css for the pages of my website (Hip-HQ). No advanced styling added yet, just basic grey/white color scheme.

Project 1 - Colors, Pictures, & text

Updated my webpage (HipHQ) to include pictures, text, and colors. Also implemented a toggled hamburger menu with javascript.

Part 4.5 Improve Your Website:

Made the changes listed in this pdf.

Part 5: JSON File Parsing

Added this JSON file in order to display the different brands on the Brand page of my website using Javascript.

Part 6: Client Side Form Validation/Javascript

Added a Contact Me form (home page), a form to save your favorites (favorites page), and added youtube iframe videos on the creators page.

Part 7 - Back End Implementation

Code Repo Client Side

Code Repo Server Side

Live Demo