Week 1
Lesson 1
Setup and Preparation
Introduction to HTML, CSS, and JavaScript. Set up and explore the coding environment. Use the browser inspector to explore the HTML of different websites.
Lesson 2
HTML Basics
Building the foundation of webpages. Learn the basics of HTML, including the structure and use of entry-level tags. Create a simple webpage.
 Week 2
Lesson 3
CSS Basics
Styling your webpages. Introduction to CSS and how it can be used to style HTML elements. Apply classes and IDs to style the webpage created in the previous lesson.
Lesson 4
Creating Animated Characters - Bunny Project
Bringing a bunny to life. Use CSS and basic JavaScript to create and animate a bunny character.
 Week 3
Lesson 5
Creating Animated Characters - Dinosaur Project
Bringing a dinosaur to life. Use CSS and basic JavaScript to create and animate a dinosaur character that breathes fire.
Lesson 6
Advanced CSS Styling
Enhancing webpage aesthetics. Learn about advanced CSS styling, including different fonts and formatting techniques. Apply advanced CSS styles to improve the design of the webpage.
 Week 4
Lesson 7
CSS Page Layout
Designing webpage layouts. Explore CSS layout techniques, including positioning, margins, padding, and borders. Design the layout of a website.
Lesson 8
Personal Website Development
Building your own website. Use HTML, CSS, and basic JavaScript to build a personal website. Construct a multi-page website to showcase projects and ideas.
 Week 5
Lesson 9
Web Game Development
Making interactive games. Learn to develop a basic web game where characters respond to keyboard inputs. Create a game where characters move based on keyboard inputs or mouse movements, using JavaScript.
Lesson 10
Final Project Presentation
Showcase your creativity. Review course concepts and allow students to present their final projects. Students share their final projects, receive feedback, and celebrate their accomplishments.