JavaScript Curriculum
Capstone — Todo App
hardThe coffee shop manager needs a task tracker for daily prep work. It needs to work offline, sync with the server when online, animate nicely, and never lose data. Every Chapter 02 skill has a place in this app.
Capstone — Build a Todo App
Every Chapter 02 skill has a home in this app. This is not a toy — it is a real, production-quality task tracker that works offline, syncs with a server, and handles errors gracefully.
Your Skill Checklist
Track every Chapter 02 skill as you implement it:
Live Todo App
The fully working app — explore every feature before building your own:
Chapter 02 Complete
Every DOM and Browser API skill — all 20 lessons:
You can script any browser behaviour. Chapter 03 → React is next.
Your Challenge
Build the Todo App from scratch. All 18 checklist items must be ticked. Core features: add todos with validation, toggle complete, delete, filter (all/active/completed), persist to localStorage, fetch initial todos from https://jsonplaceholder.typicode.com/todos?_limit=5, animate new items with IntersectionObserver, copy todo text with Clipboard API.
Challenge
Build the complete Todo App. All 18 checklist items must be ticked before you submit. Requirements: DOM manipulation, event delegation, form handling with validation, localStorage persistence, fetch for initial data, try/catch error handling, IntersectionObserver animation, and Clipboard API copy button.
Capstone — Todo App
hardThe coffee shop manager needs a task tracker for daily prep work. It needs to work offline, sync with the server when online, animate nicely, and never lose data. Every Chapter 02 skill has a place in this app.
Capstone — Build a Todo App
Every Chapter 02 skill has a home in this app. This is not a toy — it is a real, production-quality task tracker that works offline, syncs with a server, and handles errors gracefully.
Your Skill Checklist
Track every Chapter 02 skill as you implement it:
Live Todo App
The fully working app — explore every feature before building your own:
Chapter 02 Complete
Every DOM and Browser API skill — all 20 lessons:
You can script any browser behaviour. Chapter 03 → React is next.
Your Challenge
Build the Todo App from scratch. All 18 checklist items must be ticked. Core features: add todos with validation, toggle complete, delete, filter (all/active/completed), persist to localStorage, fetch initial todos from https://jsonplaceholder.typicode.com/todos?_limit=5, animate new items with IntersectionObserver, copy todo text with Clipboard API.
Challenge
Build the complete Todo App. All 18 checklist items must be ticked before you submit. Requirements: DOM manipulation, event delegation, form handling with validation, localStorage persistence, fetch for initial data, try/catch error handling, IntersectionObserver animation, and Clipboard API copy button.