Engrain by ByteRush

WEB 22 modules · 56 concepts

The web platform

Rendering, networking, storage, workers and browser APIs.

  1. WEB.01Browser architecture and the rendering pipelineexplain how bytes become pixels and what triggers each pipeline stage.5 concepts · 5 ready
  2. WEB.02The DOM in depthwork with the DOM efficiently and correctly.2 concepts · 1 ready
  3. WEB.03Events in depthmaster event propagation and input events.4 concepts
  4. WEB.04Observersuse observer APIs instead of polling and scroll handlers.3 concepts · 1 ready
  5. WEB.05Client-side storagechoose the right storage and understand limits, security and eviction.3 concepts · 1 ready
  6. WEB.06Workers and service workersmove work off the main thread and build offline-capable apps.3 concepts · 3 ready
  7. WEB.07HTML in depthuse modern HTML features that replace custom JavaScript.3 concepts · 2 ready
  8. WEB.08CSS in depth I: the cascade and modern selectorspredict which styles apply and organise CSS at scale.3 concepts · 2 ready
  9. WEB.09CSS in depth II: layout and stackingexplain layout algorithms and stacking so any layout bug can be diagnosed.5 concepts · 4 ready
  10. WEB.10Responsive and adaptive designbuild layouts and media that adapt to any device and user preference.3 concepts · 2 ready
  11. WEB.11Animationsbuild smooth, accessible animations.3 concepts
  12. WEB.12Networking I: HTTP and transportexplain HTTP versions, connections and TLS.3 concepts · 3 ready
  13. WEB.13Networking II: cachingdesign caching from browser to CDN.2 concepts · 2 ready
  14. WEB.14Networking III: origins, CORS and cookies across sitesexplain the same-origin policy and CORS precisely.2 concepts · 2 ready
  15. WEB.15APIs: REST and GraphQLdesign and consume APIs well from the frontend side.2 concepts · 1 ready
  16. WEB.16Real-time communicationchoose and implement polling, SSE or WebSockets correctly.2 concepts · 2 ready
  17. WEB.17fetch in depthuse the Fetch API fully and correctly.2 concepts · 1 ready
  18. WEB.18Routing internalsbuild and debug client-side routing.1 concepts · 1 ready
  19. WEB.19Web componentsbuild framework-agnostic components with platform APIs.1 concepts
  20. WEB.20Graphics: Canvas and SVGchoose and use Canvas or SVG for charts, editors and visualisations.2 concepts
  21. WEB.21Media streaming and WebRTCunderstand video delivery and peer-to-peer communication at design-interview depth.1 concepts
  22. WEB.22PWAs and device APIsbuild installable, offline-capable apps and use device capabilities responsibly.1 concepts