Week 12 ยท 45-60 min
Review, Polish, and Wrap-Up
Week Summary
A quick preview of the main ideas in this week before you begin the slides.
- Reviewing HTML Structure
- Reviewing CSS Styling
- Reviewing JavaScript Basics
- Reviewing DOM Manipulation
Glossary
Review these key terms before starting this week. They are kept simple so students can learn the new vocabulary before moving into the slides.
- Reviewing HTML Structure
- Reviewing HTML Structure
- Reviewing CSS Styling
- Reviewing CSS Styling
- Reviewing JavaScript Basics
- Reviewing JavaScript Basics
Reviewing HTML Structure
Progress
1 / 8
Consolidate HTML, CSS, and JavaScript skills before the capstone.
Read one card at a time. Focus on the main idea first, then look at the visual on the right to help it stick.
Review document structure and common tags.
Revisit lists, links, images, and tables.
Review forms and input types.
These building blocks support every webpage.
Confidence here supports the capstone build.
Remember
A strong HTML foundation makes later styling and scripting much easier.

Reviewing HTML Structure
Slide 1 of 8
Use arrows or dots to move through the lesson
Practice
- Write 2-3 sentences about what you learned this week.
Coming Next Week: Take the weekly quiz, then continue to the next week.
Project Brief
Complete the "Build a Personal Website" project across weeks 11-12.
What to Build
- Day 1: Sketch a site map and wireframe for 3-4 pages.
- Day 2: Build the HTML structure for all pages with consistent navigation.
- Day 3: Create an external stylesheet and apply consistent colors and fonts.
- Day 4: Build a Flexbox-based layout for at least one page.
- Day 5: Make the site responsive using a media query and relative units.
- Day 6: Add one interactive JavaScript feature such as a content-changing button, form validator, or click counter.
- Day 7: Test the site across different screen sizes and fix layout issues.
- Day 8: Review all pages for consistent styling, working links, and correct alt text.
- Day 9: Prepare a short walkthrough explaining design and code choices.
- Day 10: Present the website live, demonstrating navigation and the interactive feature.
Self-Assessment Rubric
- HTML structure and semantic correctness โ 20%
- CSS styling consistency and layout quality โ 25%
- Working JavaScript interactivity โ 25%
- Responsive design โ 15%
- Presentation and organization of files โ 15%