Intermediate level · Module 6 of 6 · 17 guided hours
Intermediate JavaScript Project
Build the offline-friendly exchange rate and budget app with modules, asynchronous code, storage and quality tooling.
Learning objectives
- Plan a modular browser application
- Implement API, storage and offline behaviour
- Review, test and present the application
Topics
- module design
- state and rendering
- API client with caching
- persistence
- manual and automated checks
- presentation
Lessons
-
Lesson 1 Designing the Budget App
Plan the modules, state, data flow and screens of the budget app before coding.
module responsibilitiesapplication statedata flowoffline plan
-
Lesson 2 Implementing the Features
Implement rates, conversions, budget entries, persistence and offline behaviour module by module.
module implementationintegrationcaching strategycurrency conversion
-
Lesson 3 Quality, Review and Presentation
Lint, review and test the app, act on feedback and present it.
review checklistlint cleanoffline testREADME
Practical activity
Build the level project in three reviewed stages: design and module skeleton, features, then quality and presentation.
Expected outcomes
- A complete, robust browser application
- Experience of a code review cycle
Assessment
The level project assessed against its criteria, including a demonstration with the network switched off.
Taught live by an instructor — online or in person. Free course lessons are for self-study and do not lead to a certificate — see registration options.