Web Development Bootcamp

Learning outcomes

By the end of this course you will be able to:

• Write clean, semantic, accessible HTML5 that meets WCAG 2.1 AA
• Build fully responsive interfaces with CSS Flexbox, Grid and mobile-first technique
• Write modular ES6+ JavaScript using functions, DOM manipulation and async/await
• Use Git and GitHub version control workflows on a public repository
• Consume REST APIs and render asynchronous data in a live application
• Debug methodically and deploy a production site to a public URL

Curriculum

18 modules · 52 lessons · 4 projects · 75-question final assessment

1. Module 1 — Introduction to Web Development3 lessons

   • What Is Web Development?20 min
   • How the Web Works25 min
   • Development Tools and Workflow20 min
2. Module 2 — HTML Fundamentals3 lessons

   • Document Structure and Semantic Elements25 min
   • Text, Links, Images and Media25 min
   • Lists, Tables and Data25 min
3. Module 3 — CSS Fundamentals3 lessons

   • Selectors, the Cascade and Specificity30 min
   • The Box Model and Spacing25 min
   • Colour, Typography and Design Tokens25 min
4. Module 4 — Layout with Flexbox3 lessons

   • The Flex Container and Main Axis25 min
   • Growth, Shrink and Basis25 min
   • Practical Flex Patterns25 min
5. Module 5 — Layout with CSS Grid3 lessons

   • Defining Tracks25 min
   • Placing Items and Named Areas30 min
   • Responsive Grid Patterns25 min
6. Module 6 — Responsive Web Design3 lessons

   • Mobile-First Method and Media Queries25 min
   • Fluid Type and Spacing25 min
   • Responsive Images and Media25 min
7. Module 7 — Accessibility3 lessons

   • Semantics and Screen Readers25 min
   • Keyboard Navigation and Focus30 min
   • Accessible Forms, Contrast and ARIA30 min
8. Module 8 — UI and UX Principles2 lessons

   • Hierarchy, Spacing and Consistency25 min
   • Interaction States and Feedback25 min
9. Module 9 — JavaScript Fundamentals3 lessons

   • Values, Variables and Types25 min
   • Operators, Comparison and Conditionals25 min
   • Loops and Iteration25 min
10. Module 10 — JavaScript Functions3 lessons

    • Declaring, Calling and Returning25 min
    • Scope, Closures and Hoisting30 min
    • Pure Functions and Composition25 min
11. Module 11 — Arrays and Objects3 lessons

    • Working with Arrays25 min
    • Objects, Destructuring and Spread25 min
    • map, filter and reduce25 min
12. Module 12 — The Document Object Model3 lessons

    • Selecting and Traversing25 min
    • Creating, Updating and Removing Nodes30 min
    • Classes, Attributes and Styles25 min
13. Module 13 — Events and Interactivity3 lessons

    • Listeners and the Event Object25 min
    • Bubbling, Capturing and Delegation30 min
    • Debouncing, Throttling and Responsiveness25 min
14. Module 14 — Forms and Validation3 lessons

    • Form Elements and Submission25 min
    • Constraint Validation and Custom Messages25 min
    • Client Validation Is a Courtesy, Server Validation Is the Boundary25 min
15. Module 15 — Web APIs and Asynchronous JavaScript3 lessons

    • Promises and async/await30 min
    • fetch and Error Handling30 min
    • Storage and Other Browser APIs25 min
16. Module 16 — Debugging and Developer Tools2 lessons

    • Reading Errors and Using the Debugger25 min
    • A Debugging Method25 min
17. Module 17 — Git and Version Control3 lessons

    • Repositories, Commits and History25 min
    • Branching and Merging25 min
    • Remotes, Pull Requests and Collaboration25 min
18. Module 18 — Professional Practice and Final Project3 lessons

    • Planning and Scoping the Final Project25 min
    • Code Quality, Performance and Security Basics25 min
    • Deploying and Presenting Your Work25 min

What you will build

A complete, responsive, deployed portfolio website with source published on GitHub.