JS
JavaScript — Intermediate
Build real interactive pages: handle forms and events properly, understand closures, `this` and classes, load data with fetch and async/await, organise code into modules, remember data with localStorage, and put it all together in a complete to-do app.
Lessons
- 1Events, Forms & ValidationHandle form submission, validate input, show errors and use event delegation for lists.
- 2Regular ExpressionsValidate and extract text with patterns: test, match, matchAll, named groups, replace and split.
- 3Closures & `this`Functions that remember their surroundings, private state, and how `this` is decided.
- 4Classes, Inheritance & Prototypesclass syntax, constructors, getters, static members, private #fields, extends and the prototype chain.
- 5Async JavaScript: Promises, async/await & fetchLoad data without freezing the page, with loading and error states.
- 6Working with APIs: POST, Headers & ErrorsSend JSON with fetch, add auth headers, handle HTTP errors and timeouts, and cancel requests with AbortController.
- 7ES Modules & Build ToolsSplit code into modules with import/export, load them in the browser, and use npm with Vite.
- 8Saving Data: localStorage & JSONRemember settings and data between visits with localStorage, safely converting to and from JSON.
- 9Accessibility (a11y)Build pages everyone can use: semantic HTML, labels, keyboard support, focus management and ARIA.
- 10Project: A Complete To-Do AppCombine state, rendering, delegation, filters and persistence into one well-structured app.