014 phần · 93 phút đọc
Hệ thống & kiến trúc
Từ UI chat streaming, RAG trả lời đúng, MCP server cho agent đến bảo mật ứng dụng LLM — những gì một web developer cần để đưa tính năng AI lên production.
- 1Xây dựng UI chat AI streaming mà vẫn mượt: SSE, ReadableStream, markdown tăng dần và nút Stop
- 2RAG trả lời đúng trong thực tế: chunking, hybrid search với pgvector, reranking và đánh giá
- 3Model Context Protocol thực chiến: xây MCP server production bằng TypeScript
- +1 phần nữa
Xem chuỗi023 phần · 72 phút đọc
Hệ thống & kiến trúc
Một modular monolith NestJS đi từ request lifecycle và ranh giới module, qua background job không mất việc, đến xác thực bằng passkey và session đúng cách.
- 1NestJS trong production: request lifecycle, dependency injection và ranh giới module cho một modular monolith
- 2Background job đáng tin cậy trong NestJS với BullMQ: retry, idempotency và transactional outbox
- 3Xác thực trong NestJS cho đúng: passkey, session hay JWT, và refresh token rotation
Xem chuỗi038 phần · 85 phút đọc
Hiệu năng
Đo trước bằng Core Web Vitals, rồi đi lần lượt qua ảnh, font, cache, bundle, render React và event loop — mỗi chặng gỡ một nguyên nhân khiến trang chậm.
- 1Core Web Vitals: hiểu đúng LCP, INP, CLS và cách tối ưu
- 2Tối ưu ảnh từ đầu đến cuối: định dạng, srcset, lazy loading và next/image
- 3Web font đúng cách: nhanh, không nhảy layout và hiển thị tiếng Việt chuẩn
- +5 phần nữa
Xem chuỗi045 phần · 52 phút đọc
Frontend & giao diện
Một mô hình tư duy cho layout, container queries, design token, rồi để Popover API, anchor positioning và thẻ dialog native gánh bớt JavaScript.
- 1Một mô hình tư duy cho CSS layout: từ normal flow đến flexbox và grid
- 2Container queries và responsive hiện đại: component tự biết mình rộng bao nhiêu
- 3Design token và theming với CSS custom properties: từ màu thô đến dark mode
- +2 phần nữa
Xem chuỗi055 phần · 35 phút đọc
Hệ thống & kiến trúc
Nhìn ứng dụng như một hệ thống: state machine, chiến lược xử lý lỗi, đồng bộ offline-first và feature flag — những quyết định giữ codebase khoẻ khi nó lớn dần.
- 1Tư duy hệ thống, đừng chỉ nghĩ theo màn hình
- 2State machine cho UI: loại bỏ những trạng thái không thể xảy ra
- 3Chiến lược xử lý lỗi ở frontend: từ error boundary đến retry và báo cáo lỗi
- +2 phần nữa
Xem chuỗi064 phần · 27 phút đọc
Học hỏi & sự nghiệp
Những kỹ năng không nằm trong framework nào: ghi chép, review code, ước lượng trung thực và những gì thật sự thay đổi trên đường từ mid lên senior.
- 1Ghi chép như một kỹ sư
- 2Code review là một kỹ năng: cách review và cách nhận review
- 3Ước lượng công việc frontend một cách trung thực
- +1 phần nữa
Xem chuỗi