Phase 03: Professional Browser JavaScript and Web APIs

This is a self-paced learning repository. Follow the modules in the recommended order, but study and practise according to your own schedule.

The completed project is available on main. The starter branch provides a clean beginning.

What you will build

Interactive Business Operations Dashboard

Recommended learning path

Module	Topic	Videos	Code reference
1	DOM, Rendering and Interface State	Watch on YouTube	p03-module-01-dom-rendering-and-interface-state
2	Events, Forms and Accessible Interaction	Watch on YouTube	p03-module-02-events-forms-and-accessible-interaction
3	Storage, Fetch and Browser APIs	Watch on YouTube	p03-module-03-storage-fetch-and-browser-apis
4	Testing, Performance, Security and PWA Integration	Watch on YouTube	p03-module-04-testing-performance-security-and-pwa-integration

Technology and engineering areas

• JavaScript
• DOM
• Fetch
• Web Storage
• PWA foundations

Repository structure

modules/       ordered learning resources and practical labs
project/       completed reference on main; clean beginning on starter
assessment/    project requirements, review questions and rubric
docs/          supporting curriculum and engineering references
resources/     reusable templates and reference material

Video lessons

Watch lessons, demonstrations, debugging sessions and project walkthroughs on the Oliseyenum channel:

▶ https://www.youtube.com/@oliseyenumomodi

As individual videos are published, their direct links can be added to VIDEOS.md.

How to use this repository

git clone https://github.com/oliseyenumomodi/phase-03-professional-browser-javascript.git
cd phase-03-professional-browser-javascript
git switch starter

Move through the modules in order. Use module tags to inspect each reference point:

git tag
git checkout p03-module-01-dom-rendering-and-interface-state
git switch main

Project review

After completing the modules:

1. build the project from the starter branch;
2. run the supplied checks;
3. compare your decisions with main;
4. review the assessment requirements;
5. explain the architecture, trade-offs and limitations.

Author

Oliseyenum Omodi
Software Engineer • Builder • Instructor
Oliseyenum Studio • Powered by Illumination Gate

Build. Teach. Share.