JS
JavaScript — Advanced
Understand how JavaScript really runs and build fast, safe, reusable front-ends: the browser event loop, iterators and generators, Proxies for reactivity, performance techniques, Web Workers, Web Components, and defending against XSS.
Lessons
- 1The Event Loop, Tasks & RenderingWhy the page freezes, how tasks and microtasks are ordered, and where rendering fits in.
- 2Iterators, Generators & SymbolsMake your own objects work with for...of and spread, and produce values lazily with generators.
- 3Proxy, Reflect & Building ReactivityIntercept property access with Proxy and build a tiny reactive store that updates the page automatically.
- 4Testing JavaScriptUnit tests with Node's built-in test runner: assertions, table tests, async code, mocks and coverage.
- 5Performance: Debounce, Throttle & ObserversControl how often expensive code runs, animate smoothly, and load content only when it's visible.
- 6Web WorkersRun heavy computations on a background thread so the page never freezes.
- 7Web ComponentsCreate your own reusable HTML elements with Custom Elements, Shadow DOM and slots.
- 8Front-End Security: XSS & CSPHow cross-site scripting happens, safe DOM APIs, sanitising HTML, safe URLs and Content Security Policy.
- 9Introduction to ReactComponents, props, JSX, state with useState, lists with keys, controlled forms and loading data with useEffect.