Web Fundamentals Learning Path
A five-step progression from understanding how the web works to deploying fast, production-ready sites. Each step builds on the previous one, and every resource links to detailed reading cards with chapter breakdowns.
Estimated time: 8–12 weeks at 5–10 hours per week
Understanding the Web Platform
Before writing any code, understand how browsers request, receive, and render pages. Learn the HTTP request-response cycle, how DNS resolution works, and why document structure matters.
HTML and CSS Foundations
Build your first pages with semantic HTML. Learn the box model, flexbox, grid, and responsive design patterns. Focus on writing markup that machines and humans can both parse correctly.
JavaScript Essentials
Variables, functions, events, and DOM manipulation. Understand scope, closures, and asynchronous patterns. This is where the interactive web begins.
Asynchronous Patterns and APIs
Fetch data from servers, handle promises, work with JSON. Understand AJAX patterns and how they evolved into modern web APIs and single-page applications.
Performance and Deployment
Optimize load times, implement caching strategies, and understand content delivery. Learn what makes sites fast and how to measure real-world performance.
Recent Updates
TypeScript Modern Checks That Prevent Runtime Bugs
Practical TypeScript compiler options and coding patterns that catch real bugs before they reach production. Covers strict mode, branded types, and exhaustive checks.
Caching Strategy for Static and Hybrid Sites
A decision framework for choosing cache headers, CDN rules, and invalidation strategies across fully static, ISR, and hybrid rendering architectures.
Frontend Performance Budgets: Ship Less JavaScript
How to set meaningful performance budgets for JavaScript bundles, enforce them in CI, and make trade-off decisions when budgets are exceeded.
Fix High INP: Long Tasks and Event-Handler Patterns
Practical techniques for reducing Interaction to Next Paint scores by breaking up long tasks, deferring non-critical work, and restructuring event handlers.
What comes next?
After completing this path, explore specialized topics in our Web Development hub or branch into Backend Development for server-side skills.