Skip to content
Contact
Back to learning library

Phase 03 · Foundations

Professional Browser JavaScript and Web APIs

Build interactive browser applications with the DOM, events, storage, HTTP requests and progressive enhancement.

Open repositoryWatch on YouTubeStarter branch

Company-level project

Interactive Business Operations Dashboard

Begin from the starter branch, work through the modules and use the main branch as a completed reference after making a genuine attempt.

JavaScriptDOMFetchWeb StoragePWA Foundations
Open starter projectView completed referenceAssessment resources

Recommended sequence

Complete the modules at your own pace.

Every module links to the exact GitHub resource folder and its stable code-reference tag.

  1. 01

    DOM, Rendering and Interface State

    Study the resources, complete the practical lab, validate the result and record any limitation.

    Code referencep03-module-01-dom-rendering-and-interface-state
    ResourcesVideo
  2. 02

    Events, Forms and Accessible Interaction

    Study the resources, complete the practical lab, validate the result and record any limitation.

    Code referencep03-module-02-events-forms-and-accessible-interaction
    ResourcesVideo
  3. 03

    Storage, Fetch and Browser APIs

    Study the resources, complete the practical lab, validate the result and record any limitation.

    Code referencep03-module-03-storage-fetch-and-browser-apis
    ResourcesVideo
  4. 04

    Testing, Performance, Security and PWA Integration

    Study the resources, complete the practical lab, validate the result and record any limitation.

    Code referencep03-module-04-testing-performance-security-and-pwa-integration
    ResourcesVideo

Project review

Build first. Compare second. Explain every decision.

Build from starter
Run validation
Compare with main
Document limitations
Explain the architecture