Guides

Sequenced learning roadmaps that tie the tutorials on this site into a clear order.

Each guide is a curated path, not a new topic: it tells you which articles to read, in what order, and what to focus on at each stage, then points you to runnable examples to practise. If the rest of the site is a library, these are the reading lists. Pick the roadmap that matches what you want to build and work through it top to bottom.

Backbone and single page apps

• Backbone.js Learning Path From the big picture through the four building blocks, real code, and where Backbone fits today.
• SPA Developer Roadmap What a SPA is, routing, state, SEO, rendering strategy, and building a working example.

Search and rendering

• JavaScript SEO Roadmap Why it is hard, how Google crawls and renders, indexing, audits, and applying it in code.
• Rendering Learning Path The browser pipeline, client versus server rendering, hydration, performance, and practice.
• Frontend Performance Roadmap Where time goes, rendering cost, layout thrashing, loading cost, and measuring first.

Architecture and realtime

• Frontend Architecture Roadmap What it is, component communication, state, performance, and structuring for scale.
• Realtime Apps Roadmap Transport, push updates, state synchronization, conflict resolution, and latency handling.

Explore the full library