My dashboardSign in

Frontend

concepts
31
systems
14

Core concepts

The browser, top to bottom.

Introduction3 hubs · 9 topics

What is frontend system design3 topicsHow the course is structured3 topicsIts role in modern apps3 topics

Non-functional requirements4 hubs · 16 topics

Read for freePerformance4 topicsRead for freeAccessibility and compatibility4 topicsLocalization and i18n4 topicsMaintainability4 topics

Fundamentals4 hubs · 15 topics

Read for freeHow browsers render content4 topicsRead for freeFormatting contexts and CSS positioning4 topicsDOM and virtual DOM4 topicsState management3 topics

Performance and optimization9 hubs · 30 topics

Network performance4 topicsRendering performance3 topicsMedia rendering4 topicsPage load time4 topicsJavaScript performance4 topicsVirtualization3 topicsInfinite scroll vs pagination3 topicsCookies and sessions2 topicsMonitoring3 topics

APIs, protocols and data formats3 hubs · 11 topics

Client-server protocols4 topicsAPI architectural styles4 topicsData formats3 topics

Design patterns and architecture6 hubs · 21 topics

Architecture patterns4 topicsSPAs vs MPAs3 topicsMicro-frontends3 topicsComponent-based architecture4 topicsData retrieval4 topicsData flow patterns3 topics

Security2 hubs · 8 topics

Authentication and authorization4 topicsSecure transmission and content policies4 topics

Systems

Real apps, one feature per topic.

Social media3Endless feeds someone else is writing to while you read.

Commerce2Browse, choose, pay. Correctness is money.

Media players2Playback that must not stall when the network does.

Communication3Two copies of the truth, kept honest.

Productivity4Every keystroke is a write.