Block 01 · FOUNDATION TO PRODUCTION
Web Development
A structured HTML, CSS, and JavaScript path adapted from the Web Dev Interactive Course.
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.
LessonQuizExerciseReviewProject - Module 025 activities
Forms & Accessibility
Create accessible forms with labels, useful input types, validation attributes, landmarks, and meaningful alternative text.
LessonQuizExerciseReviewProject - Module 035 activities
CSS Foundations
Use selectors, the cascade, the box model, typography, colors, spacing, variables, and calculated values.
LessonQuizExerciseReviewProject - Module 045 activities
Flexbox, Grid & Positioning
Organize interfaces with Flexbox, Grid, named areas, positioning, stacking contexts, and sensible alignment.
LessonQuizExerciseReviewProject - Module 055 activities
Responsive Design & Motion
Use fluid sizing, media queries, responsive visibility, transitions, animations, and reduced-motion fallbacks.
LessonQuizExerciseReviewProject - Module 065 activities
JavaScript Fundamentals
Work with variables, values, operators, conditions, loops, functions, scope, arrays, and objects.
LessonQuizExerciseReviewProject - Module 075 activities
DOM & Events
Select elements, update content and classes, handle user events, and render lists from application state.
LessonQuizExerciseReviewProject - Module 085 activities
Async APIs & Persistence
Use promises, async/await, fetch, JSON, error handling, and localStorage to build data-driven pages.
LessonQuizExerciseReviewProject - Module 095 activities
Modern JavaScript Patterns
Apply array methods, destructuring, spread syntax, classes, modules, reusable data transformations, and clean boundaries.
LessonQuizExerciseReviewProject - Module 105 activities
Web App Capstones
Combine HTML, CSS, JavaScript, accessibility, APIs, and persistence into complete applications.
LessonQuizExerciseReviewProject - Module 115 activities
Tooling, Git & Delivery
Use modules, package scripts, formatting, Git branches, useful commits, environment configuration, and a repeatable deployment workflow.
LessonQuizExerciseReviewProject - Module 125 activities
Testing & Debugging
Debug systematically, isolate pure logic, write focused tests, inspect browser tools, and protect important behavior from regressions.
LessonQuizExerciseReviewProject - Module 135 activities
Performance, Security & Deployment
Measure loading, reduce expensive work, validate untrusted input, avoid unsafe HTML, protect secrets, and verify production behavior.
LessonQuizExerciseReviewProject