Web Development
About
This camp is for students who want to learn how to create their own websites from scratch! This will include basic introduction to HTML, CSS, and JavaScript, and in the end, students will be able to create basic websites to share with the world!
Prerequisites
Google Account
A laptop/desktop to code on
Internet connection
Goals
Basic proficiency in HTML, CSS, JavaScript
Created a final, functional website alongside multiple mini-projects
Fundamental foundation allowing students to explore the field of front-end development further outside of class.
Final Projects
Final projects were submitted on January 15th! Below is a gallery of some final projects that students permitted us to share on our website. More details about the assignment below the gallery. We are so proud of our web dev learners!
Music Player
This website simulates an enlarged music player card with a slider and pause/play interface, matching the impressive modern styles seen in popular music streaming apps like Spotify or iTunes. Though it doesn't play music, it does come with a fitting thumbnail and style!
Chocolate Cake Recipe
This website is styled like a recipe blog with various different layouts and instruction styles used to provide a chocolate cake recipe. You can even try the recipe for yourself, and leave a comment in the website's review system, at the bottom of the page!
Project #1: Cake website
Requires:
Writing HTML + JS
document.getElementById needed
Pre-Existing CSS (already done)
Uses fundamentals taught in class
Customizable
Presents a recipe of ANY food you would like, the example is cake, and has interactive images, review features, text, bulleted lists, and all kinds of things
Resources
We have linked a YouTube playlist for the class along with a Google Slides to view at. The YouTube playlist will be updated as class progresses.
