Hệ thống Web hiện đại

Khám phá lộ trình cấp hệ thống từ DNS và HTTP qua thực thi trình duyệt, dựng hình, kiến trúc frontend và ranh giới backend.

Trang này là một tầng định hướng bao quát trên các khái niệm chuẩn hóa. Việc nhúng lộ trình học tập tại đây không tự động đánh dấu các khái niệm đó là đã bao phủ; độ bao phủ chỉ được ghi nhận từ nội dung bài học chuyên sâu ở những nơi khác trong Atlas.

Hệ thống Web hiện đại

Xây dựng mô hình tư duy cấp hệ thống về cách trình duyệt, giao thức mạng, quá trình dựng hình, kiến trúc frontend và ranh giới backend phối hợp với nhau.

Đối tượng phù hợp: Kỹ sư phần mềm muốn tư duy trên toàn bộ vòng đời yêu cầu và dựng hình web thay vì chỉ học riêng lẻ một framework.
Mức độ tiếp cận mục tiêu: Hiểu bản chất

8 / 16 khái niệm hiện đã có bài học

Mục tiêu đạt được

Truy vết một yêu cầu từ DNS và TLS xuyên qua trình duyệt đến ranh giới ứng dụng.
So sánh các phương pháp dựng hình và tải dữ liệu frontend chính dựa trên ràng buộc và đánh đổi kỹ thuật.
Nhận diện vị trí bộ nhớ đệm (caching), bảo mật trình duyệt và thiết kế backend API định hình hành vi web.

Các bước trong lộ trình

DNS Resolution
Mức độ mục tiêu: Hiểu bản chất
Chưa có bài học Atlas
HTTP Request Lifecycle
Mức độ mục tiêu: Vận hành thực tế
Nội dung Atlas hiện có
- Vòng đời Request HTTP: Từ URL đến Phản hồi (Response)
TLS and HTTPS
Mức độ mục tiêu: Hiểu bản chất
Chưa có bài học Atlas
Browser Runtime
Mức độ mục tiêu: Hiểu bản chất
Chưa có bài học Atlas
Browser Event Loop
Mức độ mục tiêu: Hiểu bản chất
Nội dung Atlas hiện có
- Cơ chế hoạt động của Event Loop trong Trình duyệt
Browser Rendering Pipeline
Mức độ mục tiêu: Hiểu bản chất
Chưa có bài học Atlas
Same-Origin Policy and CORS
Mức độ mục tiêu: Hiểu bản chất
Chưa có bài học Atlas
HTTP Caching
Mức độ mục tiêu: Hiểu bản chất
Nội dung Atlas hiện có
- CSR vs SSR vs SSG: Lựa chọn mô hình Rendering
CDN Behavior
Mức độ mục tiêu: Hiểu bản chất
Nội dung Atlas hiện có
- CSR vs SSR vs SSG: Lựa chọn mô hình Rendering
CSR, SSR, and SSG
Mức độ mục tiêu: Hiểu bản chất
Nội dung Atlas hiện có
- CSR vs SSR vs SSG: Lựa chọn mô hình Rendering
Hydration
Mức độ mục tiêu: Hiểu bản chất
Nội dung Atlas hiện có
- CSR vs SSR vs SSG: Lựa chọn mô hình Rendering
Frontend Data Fetching
Mức độ mục tiêu: Hiểu bản chất
Nội dung Atlas hiện có
- CSR vs SSR vs SSG: Lựa chọn mô hình Rendering
Component Boundaries
Mức độ mục tiêu: Hiểu bản chất
Chưa có bài học Atlas
Frontend Bundle Performance
Mức độ mục tiêu: Hiểu bản chất
Chưa có bài học Atlas
Backend Request Lifecycle
Mức độ mục tiêu: Vận hành thực tế
Chưa có bài học Atlas
API Design
Mức độ mục tiêu: Vận hành thực tế
Nội dung Atlas hiện có
- Phân tích Kiến trúc Thanh toán Đáng tin cậy (Reliable Checkout)

Hệ thống Web hiện đại