Chia Sẻ Khóa Học Front-End System Design [Khóa 5809 A]
20 tháng 8 2025
/
No Comments
Đi sâu vào Front-End System Design để tạo ra các giao diện người dùng hiệu quả và có khả năng mở rộng! Nắm vững các nền tảng cốt lõi của UI: box model, browser rendering, DOM manipulation, state management và performance. Thực hành bằng cách xây dựng tính năng infinite scrolling với IntersectionObserver. Củng cố kiến thức đã học với một phần phỏng vấn thiết kế được mô phỏng, vẽ sơ đồ một social media news feed.
Mục lục:
1. Giới thiệu:
- ✓ Giới thiệu.
2. Core Fundamentals:
- ✓ Box Model.
- ✓ Browser Formatting Context.
- ✓ Browser Positioning.
- ✓ Reflow.
- ✓ Composition Layers.
- ✓ Browser Rendering.
3. DOM API:
- ✓ DOM & Querying.
- ✓ DOM Performance Best Practices.
- ✓ DOM Templating Exercise.
4. Web API cho Complex UI Pattern:
- ✓ Observer API.
- ✓ Infinite Scroll với IntersectionObserver.
- ✓ MutationObserver.
- ✓ MutationObserver Exercise.
- ✓ ResizeObserver.
- ✓ ResizeObserver Exercise.
5. Virtualization:
- ✓ Virtualization Technique.
- ✓ Coding Virtualization từ đầu.
- ✓ Loading New Data.
- ✓ Tạo một Virtualization Pool.
- ✓ Recycling Elements.
- ✓ Virtualization Pool Q&A.
- ✓ Handle Top Virtualization.
6. Application State & Network Connectivity:
- ✓ Application State Design.
- ✓ Network Connectivity.
- ✓ Server-Sent Events.
- ✓ Web Sockets.
- ✓ Classic REST & GraphQL.
7. Web Application Performance:
- ✓ Performance Optimization.
- ✓ JavaScript Bundling & Loading.
- ✓ CSS, Images & Rendering.
8. Systems Design Interview: Social Media News Feed:
- ✓ Requirements & Mock-Up.
- ✓ Application State & API.
- ✓ Optimizing Performance.
9. Kết thúc.
NHẬN GET EBOOK TRÊN AMAZON THEO YÊU CẦU