Course 6 of 8
JavaScript in the Browser
Make pages interactive: the DOM, events, forms, rendering from state, localStorage and fetch, ending with Tally as a working app.
Modules
7
Lessons
34
Level
About This Course
Now JavaScript meets the page. This course shows how the browser turns HTML into a live tree you can read and change, and how to respond to clicks, typing and form submissions. You build and validate forms, render lists from data, save that data so it survives a refresh, and fetch data from the network with async JavaScript. By the end, Tally is a working app in the browser: users add, edit, delete and filter expenses, see totals update instantly, and keep their data in localStorage.
You'll Be Able To
- Select, create and change elements using the DOM
- Respond to user actions with events, including event delegation
- Build and validate forms in JavaScript
- Render and update the interface from state and persist it with localStorage
- Fetch data from an API with async JavaScript and handle loading and error states
What's Inside
- 1
The DOM
5 lessons
- 2
Events
5 lessons
- 3
Forms and input
5 lessons
- 4
Rendering dynamic UI
5 lessons
- 5
Persistence
4 lessons
- 6
Async JavaScript and fetch
6 lessons
- 7
Project: Tally in the browser
4 lessons