Learning path overview
How Frontend Applications Actually Work
Follow the browser from HTML and CSS to interaction, asynchronous work, state, security, accessibility, and performance.
Browser foundations before framework recipes
Understand the work beneath the interface.
Read in order, or enter at a specific failure boundary. The lessons explain how a browser produces pixels, responds to people, schedules JavaScript, and eventually supports the patterns used by frontend frameworks. This makes it easier to review AI-generated UI code rather than accept an update whose browser behavior you cannot explain.
- For
- Learners who know basic HTML, CSS, and JavaScript syntax, including developers who have used React or another frontend framework.
- Prior knowledge
- Basic web-app experience is enough. The linked lessons below are useful preparation, not a requirement to complete the earlier path.
- You will understand
- Browser rendering, DOM interaction, async execution, and later the boundaries of layout, state, data, security, performance, and accessibility.
- Published reading
- 52 minutes estimated across 3 published lessons. Planned lessons are excluded.
Opening a lesson does not record progress. No account, completion score, or certificate is attached to this path.
The frontend sequence
Ten lessons in learning order
- How Browsers Turn HTML and CSS Into PixelsRead lesson →
- The DOM, Events, and User InteractionRead lesson →
- The JavaScript Runtime, Event Loop, and Async CodeRead lesson →
- CSS Layout and Responsive InterfacesPlanned · not yet published
- Components, State, and RenderingPlanned · not yet published
- Data Fetching, Loading, Errors, and CachingPlanned · not yet published
- CSR, SSR, SSG, Hydration, and Server ComponentsPlanned · not yet published
- Same-Origin, CORS, XSS, and Browser Security BoundariesPlanned · not yet published
- Bundles, Code Splitting, and Frontend PerformancePlanned · not yet published
- Semantic HTML and AccessibilityPlanned · not yet published
Read the available lessons individually or in sequence. The other 7titles describe the planned curriculum and do not open empty pages.
Optional preparation