BrainBit Infotech TeachingWeb Development · Beginner · 69 hours
JavaScript
Take students from a first script to working web apps, with live code and console previews, step-through animations and a practice API server.
Slide decks in this course
- Part 1: JavaScript Foundations 101 slides
- Part 2: Data & the DOM 95 slides
- Part 3: Advanced JavaScript 77 slides
- Part 4: OOP, Pro Skills & Capstone Apps 58 slides
Syllabus
| Module | Covers |
|---|---|
| Part 1 · JavaScript Foundations | First program, variables, data types and operators, strings, numbers and Math, decisions, loops, functions and scope |
| Part 2 · Data & the DOM | Arrays and array methods, objects and JSON, selecting and changing the page, events, forms and validation, rendering lists |
| Part 3 · Advanced JavaScript | Timers, dates and animation, localStorage, callbacks, promises and async/await, fetch and APIs, modern ES6+ and error handling |
| Part 4 · OOP, Pro Skills & Capstone Apps | Classes, OOP and modules, debugging, browser APIs and best practice, and five capstone apps |
What your students will be able to do
- Write programs with variables, data types, operators, decisions, loops and functions
- Work with strings, numbers, arrays, objects and JSON
- Select and change page elements, handle events and validate forms with the DOM
- Use timers, dates and localStorage to build apps that remember
- Fetch data from APIs with promises and async/await, and handle errors
- Organise code with classes and modules, debug it, and build complete apps
Questions teachers ask
Do students need to know HTML first?
Basic HTML helps. The HTML + CSS course on this site covers it.
Do students need to install anything?
No. The decks run in any browser, offline too, with a built-in Code Lab and a practice API server inside the deck.
How is the course split?
Four decks: Foundations, Data & the DOM, Advanced JavaScript, and OOP, Pro Skills & Capstone Apps, with five practice examples per module.