Registration for our Hackathon and our "Intro to Data Structures and Algorithms" course are open!

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!

Chocolate Cake Recipe

Project #1: Cake website

Project #2: Music Player

Project #3: Instagram Clone

Resources

YouTube Playlist

Google Slides

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.

Web Dev Syllabus

Class Syllabus

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

Template, Demo