Before you begin
Prerequisites
Hidden — select the eye to show
Block 01 · FOUNDATION TO PRODUCTION
Web Development
A structured HTML, CSS, and JavaScript path adapted from the Web Dev Interactive Course.
13 modules65 activitiesAbout 45 hoursBeginner to advancedLesson → Quiz → Exercise → Project
What you will master
Course outcomes
Hidden — select the eye to show
Final proof of skill
Mastery capstone
Hidden — select the eye to show
Completion standard
Earn the Mastery title
Hidden — select the eye to show
Progress one module at a time
Course map
- Module 015 activities
HTML Foundations
Build semantic documents with a correct page shell, headings, paragraphs, links, images, lists, and tables.
LessonQuizExerciseReviewProjectStart module - Module 025 activities
Forms & Accessibility
Create accessible forms with labels, useful input types, validation attributes, landmarks, and meaningful alternative text.
LessonQuizExerciseReviewProjectStart module - Module 035 activities
CSS Foundations
Use selectors, the cascade, the box model, typography, colors, spacing, variables, and calculated values.
LessonQuizExerciseReviewProjectStart module - Module 045 activities
Flexbox, Grid & Positioning
Organize interfaces with Flexbox, Grid, named areas, positioning, stacking contexts, and sensible alignment.
LessonQuizExerciseReviewProjectStart module - Module 055 activities
Responsive Design & Motion
Use fluid sizing, media queries, responsive visibility, transitions, animations, and reduced-motion fallbacks.
LessonQuizExerciseReviewProjectStart module - Module 065 activities
JavaScript Fundamentals
Work with variables, values, operators, conditions, loops, functions, scope, arrays, and objects.
LessonQuizExerciseReviewProjectStart module - Module 075 activities
DOM & Events
Select elements, update content and classes, handle user events, and render lists from application state.
LessonQuizExerciseReviewProjectStart module - Module 085 activities
Async APIs & Persistence
Use promises, async/await, fetch, JSON, error handling, and localStorage to build data-driven pages.
LessonQuizExerciseReviewProjectStart module - Module 095 activities
Modern JavaScript Patterns
Apply array methods, destructuring, spread syntax, classes, modules, reusable data transformations, and clean boundaries.
LessonQuizExerciseReviewProjectStart module - Module 105 activities
Web App Capstones
Combine HTML, CSS, JavaScript, accessibility, APIs, and persistence into complete applications.
LessonQuizExerciseReviewProjectStart module - Module 115 activities
Tooling, Git & Delivery
Use modules, package scripts, formatting, Git branches, useful commits, environment configuration, and a repeatable deployment workflow.
LessonQuizExerciseReviewProjectStart module - Module 125 activities
Testing & Debugging
Debug systematically, isolate pure logic, write focused tests, inspect browser tools, and protect important behavior from regressions.
LessonQuizExerciseReviewProjectStart module - Module 135 activities
Performance, Security & Deployment
Measure loading, reduce expensive work, validate untrusted input, avoid unsafe HTML, protect secrets, and verify production behavior.
LessonQuizExerciseReviewProjectStart module