jvinhit//lab

Search posts

Type to search across journal entries.

↑ ↓ navigate ↵ open esc close

FileSystem/Archive

// Journal_Archive

609 entries total — 32 series + 38 standalone.

Series

All series >
NestJS Zero to Hero — Modern TypeScript Back-end Development Lộ trình tiếng Việt 20 phần biến một project TaskFlow từ HTTP API đầu tiên thành back-end production bằng NestJS 11 và TypeScript strict. Chặng nền tảng giải thích controller, provider, dependency injection, module graph, request lifecycle, config và logging bằng mental model có thể debug. Chặng REST và data thiết kế contract, validation, OpenAPI, PostgreSQL, Prisma, transaction, concurrency, idempotency cùng kiến trúc ports-and-adapters. Chặng chất lượng hoàn thiện authentication, refresh-token rotation, authorization theo policy và tenant, security baseline, testing nhiều tầng, profiling, Fastify, cache và rate limit. Chặng cuối thêm BullMQ, outbox, WebSocket/SSE, GraphQL, microservices/gRPC, OpenTelemetry, health check, graceful shutdown, Docker và CI/CD. Mỗi bài có lab tiếp nối, lệnh chạy, test, failure mode, bài tập và acceptance criteria; capstone cuối series tạo trải nghiệm triển khai một hệ thống NestJS hoàn chỉnh thay vì chỉ học decorator rời rạc. 20 parts
  1. 01 NestJS Zero to Hero 01 — Mental Model, Setup và API đầu tiên
  2. 02 NestJS Zero to Hero 02 — Controllers, Routing và HTTP Contract
  3. 03 NestJS Zero to Hero 03 — Providers và Dependency Injection sâu
  4. 04 NestJS Zero to Hero 04 — Module Graph, Boundary và Dynamic Module
  5. 05 NestJS Zero to Hero 05 — Request Lifecycle và Execution Pipeline
  6. 06 NestJS Zero to Hero 06 — Configuration, Logging và Bootstrap an toàn
  7. 07 NestJS Zero to Hero 07 — REST Contract, DTO, Validation và OpenAPI
  8. 08 NestJS Zero to Hero 08 — PostgreSQL và Prisma 7 Data Layer
  9. 09 NestJS Zero to Hero 09 — Transaction, Concurrency và Idempotency
  10. 10 NestJS Zero to Hero 10 — Kiến trúc Domain, Use Case và Ports & Adapters
  11. 11 NestJS Zero to Hero 11 — Authentication, JWT và Refresh Token Rotation
  12. 12 NestJS Zero to Hero 12 — Authorization, Multi-tenancy và Security Hardening
  13. 13 NestJS Zero to Hero 13 — Testing từ Domain tới E2E với PostgreSQL thật
  14. 14 NestJS Zero to Hero 14 — Performance, Fastify, Cache và Load Test
  15. 15 NestJS Zero to Hero 15 — BullMQ, Idempotent Job và Transactional Outbox
  16. 16 NestJS Zero to Hero 16 — Realtime với WebSocket và Server-Sent Events
  17. 17 NestJS Zero to Hero 17 — GraphQL Code-first, DataLoader và Query Safety
  18. 18 NestJS Zero to Hero 18 — Microservices, Messaging và gRPC Contract
  19. 19 NestJS Zero to Hero 19 — OpenTelemetry, Health Check và Graceful Shutdown
  20. 20 NestJS Zero to Hero 20 — Docker, CI/CD và Production Capstone
Web Components từ nền tảng đến production Lộ trình tiếng Việt 15 phần đi từ mental model của browser platform tới một component library có thể dùng trong HTML thuần, React và Vue. Chặng đầu làm rõ Custom Elements, lifecycle, upgrade, public API, render và state bằng JavaScript không framework. Chặng tiếp theo đào sâu Shadow DOM, composed tree, slots, CSS encapsulation, theming, events, focus, accessibility và form-associated custom elements với ElementInternals. Sau checkpoint vanilla, series chuyển sang testing trên browser thật và Lit: reactive properties, template bindings, directives, update lifecycle, controllers và kiến trúc state. Hai phần cuối xử lý performance, security, Declarative Shadow DOM, SSR, packaging, type, versioning và interoperability. Một Mini Kanban accessible nối các quyết định kỹ thuật xuyên suốt series. 15 parts
  1. 01 Web Components · Phần 1 — Mental Model nền tảng & Custom Element đầu tiên
  2. 02 Web Components · Phần 2 — Custom Elements: Registry, Upgrade & Lifecycle
  3. 03 Web Components · Phần 3 — Public API: Attributes, Properties & Events
  4. 04 Web Components · Phần 4 — Render, State, Template & Ranh giới bảo mật
  5. 05 Web Components · Phần 5 — Shadow DOM, slots và composed tree
  6. 06 Web Components · Phần 6 — CSS encapsulation, theming và shadow parts
  7. 07 Web Components · Phần 7 — Events, focus và accessibility qua Shadow DOM
  8. 08 Web Components · Phần 8 — Form-associated elements với ElementInternals
  9. 09 Web Components · Phần 9 — Vanilla capstone: một component hoàn chỉnh
  10. 10 Web Components · Phần 10 — Contract testing và debugging trong browser thật
  11. 11 Web Components · Phần 11 — Lit 3 và component đầu tiên
  12. 12 Web Components · Phần 12 — Lit templates, bindings và directives
  13. 13 Web Components · Phần 13 — Reactivity, controllers và kiến trúc Lit
  14. 14 Web Components · Phần 14 — Performance, security, SSR và Declarative Shadow DOM
  15. 15 Web Components · Phần 15 — Capstone: đóng gói và phát hành component library
TypeScript Engineering — từ Type System đến Production Lộ trình tiếng Việt 42 phần gom toàn bộ nội dung TypeScript của blog vào một series duy nhất. Chặng Production Engineering dựng mental model về soundness, strict config, narrowing và inference; đào sâu conditional types, infer, mapped types, tuple, template-literal DSL, recursion và union algebra; rồi đưa chúng qua runtime boundary, async contract, module, declaration, kiến trúc, monorepo, migration và capstone typed SDK. Chặng Type Challenges gồm 12 bài luyện type-level programming từ năm khối nền tảng tới parser, state machine và typed path utility. Chặng cuối áp dụng TypeScript vào 10 design pattern thực chiến như Factory, Builder, Strategy, Observer, Decorator, Adapter, Command, State, Proxy và Dependency Injection. 42 parts
  1. 01 TypeScript Production · Phần 1 — Soundness, Structural Typing & Variance
  2. 02 TypeScript Production · Phần 2 — Strict tsconfig & Compiler Mental Model
  3. 03 TypeScript Production · Phần 3 — Narrowing, Exhaustiveness & State Machines
  4. 04 TypeScript Production · Phần 4 — Generics, Inference & API Design
  5. 05 TypeScript Production · Phần 5 — Conditional Types, Distribution & Correlation
  6. 06 TypeScript Production · Phần 6 — infer: Pattern Matching & Type Extraction
  7. 07 TypeScript Production · Phần 7 — Mapped Types, Key Remapping & Schema-Derived APIs
  8. 08 TypeScript Production · Phần 8 — Variadic Tuples & Higher-Order APIs
  9. 09 TypeScript Production · Phần 9 — Template Literal Types & Typed DSLs
  10. 10 TypeScript Production · Phần 10 — Recursive Types: Termination, Depth & Performance
  11. 11 TypeScript Production · Phần 11 — Union Algebra & Correlated APIs
  12. 12 TypeScript Production · Phần 12 — Inference Engineering cho Library API
  13. 13 TypeScript Production · Phần 13 — Runtime Boundaries & Domain Types
  14. 14 TypeScript Production · Phần 14 — Errors, Async & Concurrency Contracts
  15. 15 TypeScript Production · Phần 15 — ESM, CJS & Module Resolution
  16. 16 TypeScript Production · Phần 16 — Library Authoring, .d.ts & Type SemVer
  17. 17 TypeScript Production · Phần 17 — Architecture & Type Boundaries
  18. 18 TypeScript Production · Phần 18 — Monorepo, Project References & Type Performance
  19. 19 TypeScript Production · Phần 19 — Testing, Migration & Governance
  20. 20 TypeScript Production · Phần 20 — Capstone: Typed SDK từ Contract đến Release
  21. 21 TypeScript Type Challenges — Explained, with Toggle-to-Reveal Answers
  22. 22 TS Type Challenges · Part 2 — Mapped Types
  23. 23 TS Type Challenges · Part 3 — Conditional Types & Distribution
  24. 24 TS Type Challenges · Part 4 — infer Mastery
  25. 25 TS Type Challenges · Part 5 — Recursion over Tuples
  26. 26 TS Type Challenges · Part 6 — Union Manipulation
  27. 27 TS Type Challenges · Part 7 — Template Literal Types
  28. 28 TS Type Challenges · Part 8 — Type-level Arithmetic
  29. 29 TS Type Challenges · Part 9 — Hard Utility Types
  30. 30 TS Type Challenges · Part 10 — Parsers & State Machines
  31. 31 TS Type Challenges · Part 11 — Extreme Challenges
  32. 32 TS Type Challenges · Part 12 — Capstone: A Typed Path Utility
  33. 33 Design Patterns in TypeScript · Part 1 — Singleton & the Module Pattern
  34. 34 Design Patterns in TypeScript · Part 2 — Factory & Abstract Factory
  35. 35 Design Patterns in TypeScript · Part 3 — Builder & Fluent APIs
  36. 36 Design Patterns in TypeScript · Part 4 — Strategy
  37. 37 Design Patterns in TypeScript · Part 5 — Observer & Pub/Sub
  38. 38 Design Patterns in TypeScript · Part 6 — Decorator & Middleware
  39. 39 Design Patterns in TypeScript · Part 7 — Adapter & Facade
  40. 40 Design Patterns in TypeScript · Part 8 — Command & Memento
  41. 41 Design Patterns in TypeScript · Part 9 — State & State Machines
  42. 42 Design Patterns in TypeScript · Part 10 — Proxy & Dependency Injection
Node.js Production Engineering — Từ Runtime đến Hệ thống phân tán Lộ trình tiếng Việt gồm 26 phần dành cho kỹ sư muốn hiểu Node.js như một nền tảng production, không chỉ như công cụ dựng API. Series đi từ V8, libuv, event loop, HTTP và Express 5 đến data layer, security, testing, performance, delivery và modular monolith; đào sâu PostgreSQL, Prisma, Redis, NestJS, queue, GraphQL, gRPC, realtime và OpenTelemetry; rồi chuyển sang volume thực chiến về overload control, stream dữ liệu lớn, production diagnostics, multi-tenant SaaS, webhook/payment và một capstone game day. Mỗi phần dùng TypeScript, giải thích mental model trước API, phân tích trade-off và failure mode, kèm tiêu chí vận hành, bài tập cùng tài liệu chính thức để biến kiến thức thành quyết định kỹ thuật. 26 parts
  1. 01 Node.js Production Engineering 01 — V8, libuv và Event Loop
  2. 02 Node.js Production Engineering 02 — HTTP từ Wire đến API Contract
  3. 03 Node.js Production Engineering 03 — Express 5 và Request Pipeline
  4. 04 Node.js Production Engineering 04 — Thiết kế Data Layer
  5. 05 Node.js Production Engineering 05 — Authentication và API Security
  6. 06 Node.js Production Engineering 06 — Patterns cho Codebase lớn
  7. 07 Node.js Production Engineering 07 — Đưa Service lên Production
  8. 08 Node.js Production Engineering 08 — Đo và Tối ưu Hiệu năng
  9. 09 Node.js Production Engineering 09 — Chiến lược Kiểm thử
  10. 10 Node.js Production Engineering 10 — Kiến trúc có Khả năng Tiến hóa
  11. 11 Node.js Production Engineering 11 — PostgreSQL Chuyên sâu
  12. 12 Node.js Production Engineering 12 — Prisma 7 trong Production
  13. 13 Node.js Production Engineering 13 — Redis beyond Cache
  14. 14 Node.js Production Engineering 14 — NestJS dưới Góc nhìn Kiến trúc
  15. 15 Node.js Production Engineering 15 — Identity Architecture với JWT và OIDC
  16. 16 Node.js Production Engineering 16 — Background Jobs và Message Queues
  17. 17 Node.js Production Engineering 17 — GraphQL trong Production
  18. 18 Node.js Production Engineering 18 — Từ Modular Monolith đến Microservices
  19. 19 Node.js Production Engineering 19 — Thiết kế Realtime Systems
  20. 20 Node.js Production Engineering 20 — Observability, SLO và OpenTelemetry
  21. 21 Node.js Production Engineering 21 — Reliability và Overload Control
  22. 22 Node.js Production Engineering 22 — Streams, Backpressure và Data Pipelines
  23. 23 Node.js Production Engineering 23 — Production Diagnostics và Incident Playbook
  24. 24 Node.js Production Engineering 24 — Kiến trúc Multi-tenant SaaS
  25. 25 Node.js Production Engineering 25 — Webhook, Payment và Idempotency
  26. 26 Node.js Production Engineering 26 — Production Game Day Capstone
Domain, DNS & Hosting — từ Zero đến Production Series tiếng Việt 10 phần giúp bạn nối một domain thật tới đúng hạ tầng mà không làm gián đoạn website hay email. Lộ trình bắt đầu bằng mental model tách registrar, authoritative DNS, hosting, CDN và origin; sau đó làm chủ delegation, record A/AAAA/CNAME/MX/TXT/CAA, TTL và cách kiểm tra bằng dig. Phần thực hành đi qua đổi nameserver từ Hostinger sang Cloudflare đúng thứ tự DNSSEC, giữ Cloudflare DNS nhưng host website ở Hostinger, gắn custom domain cho GitHub Pages và Cloudflare Pages, trỏ domain vào VPS qua Nginx, rồi cấu hình Cloudflare proxy với Full (strict). Cuối series là email DNS với SPF/DKIM/DMARC và runbook migration không downtime, có acceptance test, rollback cùng quy trình debug từ NS/DS tới TLS, HTTP và application. 10 parts
  1. 01 Domain, DNS & Hosting · Phần 1 — Mental Model từ tên miền đến server
  2. 02 Domain, DNS & Hosting · Phần 2 — Records, Delegation & Propagation
  3. 03 Domain, DNS & Hosting · Phần 3 — Chuyển Nameserver từ Hostinger sang Cloudflare
  4. 04 Domain, DNS & Hosting · Phần 4 — Hostinger Hosting với Cloudflare DNS
  5. 05 Domain, DNS & Hosting · Phần 5 — GitHub Pages Custom Domain qua Cloudflare
  6. 06 Domain, DNS & Hosting · Phần 6 — Cloudflare Pages Custom Domain
  7. 07 Domain, DNS & Hosting · Phần 7 — Trỏ domain về VPS với Nginx reverse proxy
  8. 08 Domain, DNS & Hosting · Phần 8 — Cloudflare Proxy, SSL/TLS và bảo vệ origin
  9. 09 Domain, DNS & Hosting · Phần 9 — Email DNS: MX, SPF, DKIM, DMARC và CAA
  10. 10 Domain, DNS & Hosting · Phần 10 — Zero-downtime migration và debug theo tầng
TanStack Query (React Query) — từ Zero đến Production Series tiếng Việt (18 phần) đưa bạn từ "fetch dữ liệu bằng useEffect + useState" đến làm chủ server state với TanStack Query (React Query) v5 một cách chuyên nghiệp. Nửa đầu xây nền: mental model — vì sao server state khác client state và vì sao không nên tự viết fetch tay — cài đặt QueryClient/Provider/Devtools, đào sâu useQuery (status vs fetchStatus, loading/error/empty), staleTime/gcTime và vòng đời cache, hệ query key phân cấp cùng API client validate bằng zod và queryOptions, dependent/parallel queries, pagination và useInfiniteQuery, mutations với invalidate, optimistic update (onMutate/rollback) và quản lý cache thủ công, error handling/retry/Suspense/performance, rồi testing với MSW + React Testing Library và một capstone CRUD hoàn chỉnh. Nửa sau lên production: QueryClient & defaults sâu, SSR/Next.js App Router & hydration, prefetching và tích hợp router, dùng QueryClient như một store để thao tác cache chủ động, offline-first & persistence, realtime với WebSocket/SSE, mutation nâng cao, tối ưu hiệu năng render, type-safety đỉnh cao, và kiến trúc production cùng lộ trình migrate v4 → v5. Mỗi bài có code TypeScript/React 19 chạy được và bài tập thực hành. 18 parts
  1. 01 TanStack Query · Phần 1 — Mental Model & Cài đặt
  2. 02 TanStack Query · Phần 2 — useQuery sâu & vòng đời cache
  3. 03 TanStack Query · Phần 3 — Query keys, zod & queryOptions
  4. 04 TanStack Query · Phần 4 — Pagination & useInfiniteQuery
  5. 05 TanStack Query · Phần 5 — Mutations & Invalidation
  6. 06 TanStack Query · Phần 6 — Optimistic Updates & quản lý cache
  7. 07 TanStack Query · Phần 7 — Errors, Retry, Suspense & Performance
  8. 08 TanStack Query · Phần 8 — Testing & Capstone
  9. 09 TanStack Query · Phần 9 — QueryClient & Defaults sâu
  10. 10 TanStack Query · Phần 10 — SSR, Next.js App Router & Hydration
  11. 11 TanStack Query · Phần 11 — Prefetching & tích hợp Router nâng cao
  12. 12 TanStack Query · Phần 12 — QueryClient như một store: thao tác cache chủ động
  13. 13 TanStack Query · Phần 13 — Offline-first & Persistence sâu
  14. 14 TanStack Query · Phần 14 — Realtime: WebSocket, SSE & cache
  15. 15 TanStack Query · Phần 15 — Mutation nâng cao
  16. 16 TanStack Query · Phần 16 — Hiệu năng render sâu
  17. 17 TanStack Query · Phần 17 — Type-safety đỉnh cao
  18. 18 TanStack Query · Phần 18 — Kiến trúc production & Migration (Capstone)
Service Workers & PWA — từ Zero đến Production Series tiếng Việt đưa bạn từ "service worker là cái gì" đến chỗ tự tin xây dựng một Progressive Web App offline-first chạy thật. Bắt đầu với mental model — service worker là một network proxy chạy nền, vòng đời (lifecycle) và vì sao nó khác Web Worker — rồi đào sâu lifecycle (install, activate, waiting, skipWaiting, clients.claim, update flow) và cách debug trong DevTools. Tiếp đó là chặn request với fetch event và respondWith, Cache API cùng các caching strategy kinh điển (cache-first, network-first, stale-while-revalidate), kiến trúc app shell offline-first và trang fallback, rồi advanced caching (versioning, cleanup, expiration, opaque/CORS). Phần sau là các năng lực nâng cao của nền tảng: Background Sync để retry request thất bại bằng hàng đợi IndexedDB, Push Notifications với Push API + VAPID, và Workbox để giảm boilerplate (precaching, routing, vite-plugin-pwa) — kết bằng capstone build một PWA hoàn chỉnh: manifest, install prompt, update UX, testing và deploy. Mỗi bài có ví dụ code chạy được và bài tập thực hành kèm hướng dẫn. 20 parts
  1. 01 Service Workers · Phần 1 — Mental model & "Hello Service Worker"
  2. 02 Service Workers · Phần 2 — Lifecycle: install, waiting, activate & update
  3. 03 Service Workers · Phần 3 — Fetch event & chặn request
  4. 04 Service Workers · Phần 4 — Cache API & caching strategies
  5. 05 Service Workers · Phần 5 — Offline-first & app shell
  6. 06 Service Workers · Phần 6 — Advanced caching: versioning, cleanup & giới hạn
  7. 07 Service Workers · Phần 7 — Background Sync & hàng đợi offline
  8. 08 Service Workers · Phần 8 — Push Notifications
  9. 09 Service Workers · Phần 9 — Workbox: viết SW production trong vài dòng
  10. 10 Service Workers · Phần 10 — Capstone: build PWA offline-first hoàn chỉnh
  11. 11 Service Workers · Phần 11 — Web App Manifest & Install nâng cao
  12. 12 Service Workers · Phần 12 — Update flows mastery
  13. 13 Service Workers · Phần 13 — Navigation Preload
  14. 14 Service Workers · Phần 14 — Streaming responses
  15. 15 Service Workers · Phần 15 — Storage, quota & persistence
  16. 16 Service Workers · Phần 16 — Clients API & messaging hai chiều
  17. 17 Service Workers · Phần 17 — Background Fetch & Periodic Sync nâng cao
  18. 18 Service Workers · Phần 18 — Bảo mật service worker
  19. 19 Service Workers · Phần 19 — Hiệu năng & gỡ lỗi chuyên sâu
  20. 20 Service Workers · Phần 20 — Patterns nâng cao & tích hợp framework (Capstone 2)
AI for Developers — LLMs, Agents & Coding Lộ trình 43 bài dành cho developer muốn hiểu AI từ gốc và dùng được trong công việc thật. Bắt đầu từ lịch sử AI, token, sampling, prompting và embeddings; tiếp tục với cách chọn model, RAG, fine-tuning, eval, safety và tối ưu chi phí; sau đó tự thiết kế agent với context, memory, tool use, patterns, orchestration và MCP; cuối cùng áp dụng vào coding hằng ngày — đọc codebase, build feature, debug, review, viết rules/skills, dùng sub-agent và bàn giao context. Nội dung ưu tiên mental model, trade-off, workflow có thể lặp lại và kiểm chứng, không chạy theo hype hay một model cụ thể. 43 parts
  1. 01 Lịch sử AI — Từ Perceptron 1958 đến Coding Agents 2026
  2. 02 Prompting Fundamentals — Từ câu hỏi mơ hồ đến instruction LLM thực sự hiểu
  3. 03 Prompt Engineering for Agents — Messages, Personas, Few-Shot & Structured Output
  4. 04 Tokens — Đơn vị tính tiền và đơn vị suy nghĩ của LLM
  5. 05 Tokens & Context Windows — The Hard Budget Every AI Agent Must Respect
  6. 06 Tokenization, Temperature, Top-p, Top-k — Mechanics bên dưới mọi LLM
  7. 07 Sampling for Agents: Temperature, Top-p, Top-k — When Randomness Helps or Hurts
  8. 08 Stopping Criteria & Output Control — When Generation Ends and What to Do About It
  9. 09 Vector Embeddings — Đi sâu vào "DNA của ý nghĩa" trong LLM
  10. 10 LLM Models Comparison — Claude, GPT, Gemini, Llama — dùng cái nào cho task nào
  11. 11 Choosing an LLM for Agents: A Durable Framework Beyond Leaderboards
  12. 12 Open-source LLM Ecosystem 2026 — Llama, Mistral, DeepSeek, Qwen và cách run local
  13. 13 Multimodal LLM — Cách AI thực sự "thấy" image, "nghe" audio, "xem" video
  14. 14 AI Hallucination — Tại sao LLM "bịa" và 6 tầng phòng thủ cho dev
  15. 15 LLM Cost Optimization — 10 patterns giảm hóa đơn 50-95% không mất quality
  16. 16 AI Safety & Alignment — RLHF, Constitutional AI, Jailbreak, và defense thực tế cho dev
  17. 17 Evaluating LLMs & Agents: Golden Sets, Metrics, LLM-as-Judge, and Regression in CI
  18. 18 Fine-tuning vs Prompting vs RAG: A Decision Framework for Adapting LLMs
  19. 19 RAG — Retrieval Augmented Generation từ A đến Z cho dev
  20. 20 Fine-tuning LLM — Khi nào cần, khi nào không, và cách thực sự làm
  21. 21 Context Engineering & Agent Memory — Packing the Window Without Losing the Thread
  22. 22 Function Calling & Tool Use — JSON Schema, the Agent Loop, Parallel Calls & Security
  23. 23 Agent Architecture — Bên trong 1 AI agent là gì
  24. 24 Agent Patterns: ReAct, Reflection & Planning — From One LLM Call to a Production Loop
  25. 25 LangChain + LangGraph — Build và debug model flow như một state machine
  26. 26 Orchestrator Pattern — Điều phối multi-agent cho dự án lớn
  27. 27 MCP (Model Context Protocol) - Kiến trúc chi tiết
  28. 28 Working with Coding Agents — Từ autocomplete đến "đồng nghiệp" AI
  29. 29 Coding Agent Mastery — Tư duy, prompt và patterns làm việc hiệu quả
  30. 30 AI Coding Agent — Master Mindset Guide (2026)
  31. 31 AI Developer Mindset — Think in Prompts, Rules & Skills
  32. 32 Hiểu Codebase mới bằng AI — Từ "Day 1 panic" đến làm chủ trong 1 tuần
  33. 33 Developing Features với AI — Plan, Scaffold, Build, Polish
  34. 34 Finding and Fixing Bugs với AI — Debug workflow không bị dắt mũi
  35. 35 Reviewing & Testing Code với AI — Kỹ năng survival của dev kỷ nguyên agent
  36. 36 Customizing AI Agent — Biến Cursor thành cộng sự biết rõ việc của bạn
  37. 37 Config Files cho Coding Agent — Từ CLAUDE.md đến .mdc, MCP và Commands
  38. 38 Cursor Rules — Enforce coding standard tự động cho AI agent
  39. 39 Cursor Skills — Hướng dẫn toàn tập cho người mới
  40. 40 Cursor Sub-agents — Delegate task nặng, giữ context window sống sót
  41. 41 Handoff Skill — bàn giao context & tài liệu sống cho agent
  42. 42 Putting It All Together — 1 feature từ ticket đến deploy với AI agent
  43. 43 Frontend in the AI Era (2026) — What to Learn, What to Drop, How to Survive
Vite from Zero to Pro Master Vite 8 from the ground up — every part ships a real config and a live, interactive demo. Start with the native-ESM mental model and your first project, then the vite.config.ts anatomy, the dev server and on-demand transform, dependency pre-bundling, HMR internals, CSS and static assets, glob imports, env vars and modes, the Rollup-compatible plugin API, production builds with Rolldown, library mode plus the SSR/Environment API, and finish with performance tuning, a capstone config, and migrating off Webpack/CRA. 12 parts
  1. 01 Vite · Part 1 — The Mental Model & Your First Project
  2. 02 Vite · Part 2 — vite.config.ts Anatomy
  3. 03 Vite · Part 3 — The Dev Server & Native ESM
  4. 04 Vite · Part 4 — Dependency Pre-bundling
  5. 05 Vite · Part 5 — HMR Deep Dive
  6. 06 Vite · Part 6 — CSS Handling
  7. 07 Vite · Part 7 — Static Assets & Glob Imports
  8. 08 Vite · Part 8 — Env Vars & Modes
  9. 09 Vite · Part 9 — Plugins
  10. 10 Vite · Part 10 — Production Builds with Rolldown
  11. 11 Vite · Part 11 — Library Mode + SSR & the Environment API
  12. 12 Vite · Part 12 — Performance, Capstone & Migration
How Browsers Work — Internals Deep Dive Series tiếng Việt đi dưới lớp vỏ của browser — runtime mà frontend engineer ship code vào mỗi ngày nhưng hiếm khi hiểu trọn. Chặng nền tảng 1–12 bắt đầu từ kiến trúc đa process (browser, renderer, GPU, network, sandbox và site isolation), lần theo navigation từ URL tới pixel, rồi đào sâu HTML parser/DOM, CSSOM, render tree, layout, paint, compositing, V8, event loop, memory/GC, networking, storage và security model. Chặng chuyên sâu 13–22 nối mental model đó với GPU/Viz và layer promotion, scrolling, frame scheduling, các tier tối ưu/deopt của V8, heap leak và detached DOM, accessibility tree, pipeline decode ảnh/video, worker + SharedArrayBuffer/Atomics, process model + BFCache — kết bằng capstone profiling có hệ thống trong DevTools. Mỗi phần nối internals với code và triệu chứng bạn thật sự gặp. 22 parts
  1. 01 How Browsers Work · Part 1 — Mental Model: The Multi-Process Architecture
  2. 02 How Browsers Work · Part 2 — From URL to Pixels
  3. 03 How Browsers Work · Part 3 — HTML Parsing & the DOM
  4. 04 How Browsers Work · Part 4 — CSS & the CSSOM
  5. 05 How Browsers Work · Part 5 — Layout, Paint & Compositing
  6. 06 How Browsers Work · Part 6 — The JavaScript Engine (V8)
  7. 07 How Browsers Work · Part 7 — The Event Loop, Tasks & Microtasks
  8. 08 How Browsers Work · Part 8 — Memory & Garbage Collection
  9. 09 How Browsers Work · Part 9 — Networking & HTTP Caching
  10. 10 How Browsers Work · Part 10 — Storage & the Platform
  11. 11 How Browsers Work · Part 11 — The Security Model
  12. 12 How Browsers Work · Part 12 — Capstone 1: Debugging Performance Through Internals
  13. 13 How Browsers Work · Part 13 — GPU & the Compositor: Raster, Tiles & Layers
  14. 14 How Browsers Work · Part 14 — Scrolling Internals
  15. 15 How Browsers Work · Part 15 — Rendering Scheduling & the Frame Lifecycle
  16. 16 How Browsers Work · Part 16 — V8 Deep: Optimization Tiers & Deopt
  17. 17 How Browsers Work · Part 17 — Memory Deep: Heap Snapshots, Leaks & Detached DOM
  18. 18 How Browsers Work · Part 18 — Accessibility Tree Internals
  19. 19 How Browsers Work · Part 19 — Image & Media Decoding Pipeline
  20. 20 How Browsers Work · Part 20 — Threading Deep: Workers, SharedArrayBuffer & Atomics
  21. 21 How Browsers Work · Part 21 — Process Model Deep: Site Isolation, BFCache & Prerender
  22. 22 How Browsers Work · Part 22 — Capstone 2: Profiling Internals End-to-End
Web Performance & Core Web Vitals Series tiếng Việt đưa bạn từ "trang chậm mà không biết tại sao" đến làm chủ hiệu năng web một cách có hệ thống. Chặng nền tảng 1–12 đi từ RAIL và Core Web Vitals (LCP, INP, CLS), lab vs field, Lighthouse/Performance/WebPageTest/CrUX/RUM và critical rendering path tới tối ưu LCP, INP, CLS, JavaScript bundle, ảnh/media, font, network/cache — rồi gom lại bằng capstone audit, performance budget và Lighthouse CI. Chặng chuyên sâu 13–22 tiếp tục với RUM attribution và sampling, resource hints/Fetch Priority/Early Hints/Speculation Rules, kiến trúc CSR–SSR–SSG–streaming, LoAF và main-thread scheduling, CSS rendering/containment, memory của phiên dài, HTTP/2–3 + compression/cache policy, third-party governance, guardrail ở quy mô tổ chức — kết bằng capstone điều tra triệu chứng tới nguyên nhân gốc. Mỗi phần có code, giới hạn hỗ trợ và cách đo lại. 22 parts
  1. 01 Web Performance · Part 1 — Mental Model & the RAIL Framework
  2. 02 Web Performance · Part 2 — Core Web Vitals: LCP, INP & CLS
  3. 03 Web Performance · Part 3 — Measurement Tools: Lighthouse, DevTools, CrUX & RUM
  4. 04 Web Performance · Part 4 — Critical Rendering Path & Loading
  5. 05 Web Performance · Part 5 — Optimizing LCP
  6. 06 Web Performance · Part 6 — Optimizing INP
  7. 07 Web Performance · Part 7 — Optimizing CLS
  8. 08 Web Performance · Part 8 — JavaScript Performance & Bundle
  9. 09 Web Performance · Part 9 — Images & Media
  10. 10 Web Performance · Part 10 — Fonts
  11. 11 Web Performance · Part 11 — Network & Caching
  12. 12 Web Performance · Part 12 — Capstone 1: Audit, Budget & CI Monitoring
  13. 13 Web Performance · Part 13 — RUM & Field Data Deep Dive
  14. 14 Web Performance · Part 14 — Resource Hints, Priorities & Early Hints
  15. 15 Web Performance · Part 15 — Rendering & Delivery Strategies
  16. 16 Web Performance · Part 16 — INP Deep & Main-Thread Scheduling
  17. 17 Web Performance · Part 17 — Rendering Pipeline & CSS Performance
  18. 18 Web Performance · Part 18 — Memory & Long-Session Performance
  19. 19 Web Performance · Part 19 — Network Protocol & Transport Performance
  20. 20 Web Performance · Part 20 — Third-Party Script Performance
  21. 21 Web Performance · Part 21 — Budgets, Automation & Performance Culture at Scale
  22. 22 Web Performance · Part 22 — Capstone 2: Systematic Performance Investigation
Webpack from Zero to Pro Master Webpack 5 config from the ground up — every part ships a real config and a live, interactive demo. Start with the bundler mental model and your first build, then the config anatomy, loaders and plugins, the dev server with HMR and source maps, code splitting and lazy loading, tree shaking and production mode, long-term caching with contenthash, bundle analysis and performance, advanced resolve plus authoring your own loader and plugin, Module Federation for micro-frontends, and a production capstone with migration tips. 12 parts
  1. 01 Webpack · Part 1 — The Mental Model & Your First Build
  2. 02 Webpack · Part 2 — The Config Anatomy
  3. 03 Webpack · Part 3 — Loaders
  4. 04 Webpack · Part 4 — Plugins
  5. 05 Webpack · Part 5 — Dev Server, HMR & Source Maps
  6. 06 Webpack · Part 6 — Code Splitting & Lazy Loading
  7. 07 Webpack · Part 7 — Tree Shaking & Production Mode
  8. 08 Webpack · Part 8 — Caching & Long-Term Caching
  9. 09 Webpack · Part 9 — Bundle Analysis & Performance
  10. 10 Webpack · Part 10 — Advanced Resolve + Authoring Your Own Loader & Plugin
  11. 11 Webpack · Part 11 — Module Federation
  12. 12 Webpack · Part 12 — Production Capstone + Migration
Đầu tư Cổ phiếu — từ Zero đến Quy trình chuyên nghiệp Lộ trình tiếng Việt, chỉ mang tính giáo dục, đưa bạn từ "cổ phiếu là gì" đến một quy trình có thể viết ra, kiểm chứng và lặp lại. Series bắt đầu với tư duy chủ sở hữu, cơ chế thị trường, báo cáo tài chính, định giá, kỹ thuật, danh mục, rủi ro, tâm lý, lãi kép và vĩ mô; sau đó đào sâu DCF, lợi thế cạnh tranh, phong cách đầu tư, thuế, phái sinh, thị trường quốc tế, bong bóng và gian lận. Volume phòng lab tiếp theo chuyển kiến thức thành năng lực thực hành: đọc trọn bộ BCTC, viết trading playbook, kiểm định lợi thế, thực thi lệnh, quản trị rủi ro và review hiệu suất. Không phải lời khuyên đầu tư và không bảo đảm lợi nhuận. 34 parts
  1. 01 Đầu tư Cổ phiếu · Phần 1 — Tư duy nền tảng & vì sao đầu tư
  2. 02 Đầu tư Cổ phiếu · Phần 2 — Thị trường vận hành thế nào: sàn, lệnh & sổ lệnh
  3. 03 Đầu tư Cổ phiếu · Phần 3 — Đọc báo cáo tài chính & chất lượng lợi nhuận
  4. 04 Đầu tư Cổ phiếu · Phần 4 — Định giá tương đối: P/E, P/B, P/S, EV/EBITDA, ROE/ROIC
  5. 05 Đầu tư Cổ phiếu · Phần 5 — Lăng kính giá: hỗ trợ/kháng cự, xu hướng, nến & mẫu hình
  6. 06 Đầu tư Cổ phiếu · Phần 6 — Chỉ báo & động lượng: MA, RSI, MACD, khối lượng
  7. 07 Đầu tư Cổ phiếu · Phần 7 — Xây dựng danh mục: đa dạng hóa & phân bổ
  8. 08 Đầu tư Cổ phiếu · Phần 8 — Quản trị rủi ro & phân bổ tỷ trọng
  9. 09 Đầu tư Cổ phiếu · Phần 9 — Tài chính hành vi: thiên kiến & kỷ luật
  10. 10 Đầu tư Cổ phiếu · Phần 10 — Lãi kép dài hạn: cổ tức, DCA & quỹ chỉ số/ETF
  11. 11 Đầu tư Cổ phiếu · Phần 11 — Vĩ mô & ngành: lãi suất, chu kỳ, luân chuyển
  12. 12 Đầu tư Cổ phiếu · Phần 12 — Capstone: quy trình đầu tư của bạn
  13. 13 Đầu tư Cổ phiếu · Phần 13 — Định giá nâng cao: DCF, DDM & các mô hình anh em
  14. 14 Đầu tư Cổ phiếu · Phần 14 — Lợi thế cạnh tranh bền vững (economic moat)
  15. 15 Đầu tư Cổ phiếu · Phần 15 — Growth vs Value: hai trường phái, GARP & các loại bẫy
  16. 16 Đầu tư Cổ phiếu · Phần 16 — Đầu tư cổ tức & thu nhập
  17. 17 Đầu tư Cổ phiếu · Phần 17 — Ngoài cổ phiếu: REITs, trái phiếu, vàng & hàng hóa
  18. 18 Đầu tư Cổ phiếu · Phần 18 — Thuế & tối ưu chi phí đầu tư
  19. 19 Đầu tư Cổ phiếu · Phần 19 — Phân tích kỹ thuật nâng cao: Fibonacci & Ichimoku
  20. 20 Đầu tư Cổ phiếu · Phần 20 — Phái sinh & đòn bẩy: options, futures, chứng quyền
  21. 21 Đầu tư Cổ phiếu · Phần 21 — Đầu tư quốc tế: đa dạng hoá toàn cầu, tỷ giá & ETF
  22. 22 Đầu tư Cổ phiếu · Phần 22 — Bong bóng & gian lận kinh điển (capstone nâng cao)
  23. 23 Đầu tư Cổ phiếu · Phần 23 — Đọc BCTC từ A–Z: từ số liệu thô đến memo phân tích
  24. 24 Đầu tư Cổ phiếu · Phần 24 — Từ trader cảm tính đến trading playbook viết được
  25. 25 Đầu tư Cổ phiếu · Phần 25 — Market regime và phân tích đa khung thời gian
  26. 26 Đầu tư Cổ phiếu · Phần 26 — Backtest không tự lừa mình
  27. 27 Đầu tư Cổ phiếu · Phần 27 — Market microstructure và execution chuyên nghiệp
  28. 28 Đầu tư Cổ phiếu · Phần 28 — Quản trị rủi ro danh mục nâng cao
  29. 29 Đầu tư Cổ phiếu · Phần 29 — Earnings, catalyst và event risk
  30. 30 Đầu tư Cổ phiếu · Phần 30 — Trading journal và performance analytics
  31. 31 Đầu tư Cổ phiếu · Phần 31 — Capstone: xây Personal Trading Desk trong 90 ngày
  32. 32 Đầu tư Cổ phiếu · Phần 32 — Vĩ mô → vi mô: đọc nền kinh tế trước khi chọn cổ phiếu
  33. 33 Đầu tư Cổ phiếu · Phần 33 — Fed, trái phiếu Mỹ và “trọng lực” của VN-Index
  34. 34 Đầu tư Cổ phiếu · Phần 34 — Vị thế VN-Index: vì sao thị trường rơi và cổ trụ VIC–VHM “phải giữ”
React 19 — từ Rendering Model đến Production Series tiếng Việt 28 phần dạy React như một runtime giữ UI đồng bộ với state, không phải danh sách API. Lộ trình bắt đầu từ UI-as-value, JSX, render/commit, identity, state queue, Effects và một mini renderer; sau đó suy ra cơ chế Hooks, closure, memoization, refs, reducer, custom hook và external store. Các chặng tiếp theo xử lý state ownership, Context, form, Suspense, error recovery, Actions, optimistic UI, React Compiler, concurrent scheduling, profiling, virtualization và feature architecture. Capstone cuối migrate một codebase React 18-era lên React 19.2 cùng Compiler 1.0 bằng test, trace và rollback gate có thể kiểm chứng. 1 parts
  1. 01 React 19 · Phần 01 — UI là value, không phải template
Build Chrome Extensions — Zero to Pro (Manifest V3) Go from "I want to build a browser extension" to shipping one on the Chrome Web Store. Every part has real config and a live, interactive simulator. Start with the Manifest V3 mental model and your first "load unpacked" extension, then the manifest deep dive, the component architecture (popup, service worker, content scripts, options), content-script injection and isolated worlds, the event-driven background service worker, messaging across contexts, chrome.storage, UI surfaces and the action API, permissions and security, the powerful APIs (tabs, scripting, contextMenus, commands, notifications), a pro Vite + CRXJS + TypeScript + React build, and finally publishing, auto-update, and cross-browser — with a capstone extension. 12 parts
  1. 01 Build Chrome Extensions · Part 1 — The Manifest V3 Mental Model & Your First Extension
  2. 02 Build Chrome Extensions · Part 2 — The Manifest, Deep Dive
  3. 03 Build Chrome Extensions · Part 3 — Architecture & the Component Model
  4. 04 Build Chrome Extensions · Part 4 — Content Scripts
  5. 05 Build Chrome Extensions · Part 5 — The Background Service Worker
  6. 06 Build Chrome Extensions · Part 6 — Messaging Across Contexts
  7. 07 Build Chrome Extensions · Part 7 — Storage
  8. 08 Build Chrome Extensions · Part 8 — UI Surfaces & the Action API
  9. 09 Build Chrome Extensions · Part 9 — Permissions & Security
  10. 10 Build Chrome Extensions · Part 10 — The Powerful APIs
  11. 11 Build Chrome Extensions · Part 11 — Pro Tooling & Build (Vite + CRXJS + TS + React)
  12. 12 Build Chrome Extensions · Part 12 — Publish, Auto-Update, Cross-Browser & Capstone
Video Engineering cho Web Developer — từ byte đến pixel Series tiếng Việt 16 phần đi từ mental model container–codec–stream–packet–frame tới pipeline demux, decode, render, encode và mux. Bốn chặng lần lượt đào sâu timestamp, GOP, color/audio metadata; biến ffprobe và FFmpeg thành workflow inspect–render–cut–concat có kiểm chứng; giải thích progressive MP4, HTTP Range, HLS/ABR, MPEG-TS, MSE và WebCodecs; rồi kết bằng Chrome DevTools, playbook xử lý stall/decode/CORS, ad marker cùng playlist rewrite trên stream được phép kiểm soát, và một capstone Stream Lab end-to-end. Các lab thực hành dùng fixture tự tạo, phân biệt rõ stream copy với re-encode và ưu tiên bằng chứng thay vì đoán. 16 parts
  1. 01 Video Engineering · Phần 1 — Từ byte đến pixel: container, codec và pipeline
  2. 02 Video Engineering · Phần 2 — Encoder, decoder và renderer: ba cỗ máy, ba loại chi phí
  3. 03 Video Engineering · Phần 3 — Timestamp, GOP và keyframe: thời gian thật của video
  4. 04 Video Engineering · Phần 4 — Metadata, màu sắc và audio layout
  5. 05 Video Engineering · Phần 5 — Quy trình kiểm tra media bằng ffprobe
  6. 06 Video Engineering · Phần 6 — FFmpeg CLI như một media graph
  7. 07 Video Engineering · Phần 7 — Filtergraph và video rendering với FFmpeg
  8. 08 Video Engineering · Phần 8 — Cắt, nối video và quản lý audio/subtitle
  9. 09 Video Engineering · Phần 9 — HTML video, progressive download và HTTP Range
  10. 10 Video Engineering · Phần 10 — HLS, playlist, segment và adaptive bitrate
  11. 11 Video Engineering · Phần 11 — MPEG-TS: packet 188 byte, PID, PAT/PMT và PES
  12. 12 Video Engineering · Phần 12 — MSE, WebCodecs và xử lý video trong browser
  13. 13 Video Engineering · Phần 13 — Debug media bằng Chrome DevTools
  14. 14 Video Engineering · Phần 14 — Playbook xử lý lỗi playback theo tầng
  15. 15 Video Engineering · Phần 15 — Ad marker, rewrite playlist và override TS
  16. 16 Video Engineering · Phần 16 — Capstone: dựng và debug một stream hoàn chỉnh
Three.js Production Engineering — từ Zero đến Staff Lộ trình tiếng Việt 25 phần đưa bạn từ scene đầu tiên tới năng lực thiết kế và vận hành một nền tảng 3D production. Ba chặng đầu xây mental model WebGL/Three.js, scene graph, camera, ánh sáng, PBR, glTF, animation, post-processing, interaction, physics và pipeline Blender–glTF–compression qua các demo thực hành. Chặng chuyên sâu đi xuống coordinate space, precision, depth, transparency và render target; sau đó đi lên cấp hệ thống với frame phases, fixed timestep, resource ownership, CPU/GPU profiling, adaptive quality, asset contract + CI, testing, observability, accessibility, context-loss recovery và chiến lược migrate WebGPU/TSL. Nội dung ưu tiên budget đo được, failure mode, decision rule và trade-off kiến trúc thay vì khẩu quyết tối ưu. 25 parts
  1. 01 Three.js from Zero to Senior · Part 1 — Foundations & Your First Scene
  2. 02 Three.js from Zero to Senior · Part 2 — Geometries, Materials & Meshes
  3. 03 Three.js from Zero to Senior · Part 3 — Transforms, Scene Graph & Cameras
  4. 04 Three.js from Zero to Senior · Part 4 — Lights & Shadows
  5. 05 Three.js from Zero to Senior · Part 5 — Textures & PBR Materials
  6. 06 Three.js from Zero to Senior · Part 6 — Loading Models & the Animation System
  7. 07 Three.js from Zero to Senior · Part 7 — Post-Processing & the EffectComposer
  8. 08 Three.js from Zero to Senior · Part 8 — Performance & Instancing
  9. 09 Three.js from Zero to Senior · Part 9 — Raycasting & Interaction
  10. 10 Three.js from Zero to Senior · Part 10 — Capstone: Production & Deployment
  11. 11 Three.js from Zero to Senior · Part 11 — Custom GLSL Shaders
  12. 12 Three.js from Zero to Senior · Part 12 — Physics with cannon-es
  13. 13 Three.js from Zero to Senior · Part 13 — Three.js in the Real World: an Interior Decorator
  14. 14 Three.js from Zero to Senior · Part 14 — Blender → glTF → Three.js: the Import Workflow
  15. 15 Three.js from Zero to Senior · Part 15 — The 3D Toolbox: Tools to Create Assets for Three.js
  16. 16 Three.js from Zero to Senior · Part 16 — Shrinking glTF: Draco, Meshopt & KTX2 with gltf-transform
  17. 17 Three.js from Zero to Senior · Part 17 — Rigging & Animation: AnimationMixer, Cross-Fades and Mixamo
  18. 18 Three.js from Zero to Senior · Part 18 — Interaction: Raycasting, Click-to-Move & a Character State Machine
  19. 19 Three.js from Zero to Senior · Part 19 — Toán 3D, Coordinate Spaces & Precision
  20. 20 Three.js from Zero to Senior · Part 20 — Render Pipeline, Depth, Transparency & Render Targets
  21. 21 Three.js from Zero to Senior · Part 21 — Runtime Architecture, Lifecycle & Determinism
  22. 22 Three.js from Zero to Senior · Part 22 — Performance Engineering & Adaptive Quality
  23. 23 Three.js from Zero to Senior · Part 23 — Asset Contracts, CI Gates & Safe Delivery
  24. 24 Three.js from Zero to Senior · Part 24 — Testing, Observability, Accessibility & Resilience
  25. 25 Three.js from Zero to Senior · Part 25 — WebGPU, TSL & Migration Strategy
Effort, Focus & Grit Series tiếng Việt 10 phần giúp biến ý chí thành một cách luyện tập bền vững: hiểu vai trò và giới hạn của nỗ lực, bảo vệ sự tập trung, xây tính đều đặn và kỷ luật linh hoạt, học cách hồi phục và đổi khung sau trở ngại, biết khi nào nên kiên nhẫn hoặc điều chỉnh, quản lý năng lượng, rồi nối mục tiêu với vòng phản hồi và một thực hành hằng ngày đủ nhỏ để duy trì. Trọng tâm không phải “cố hơn bằng mọi giá”, mà là luyện có chủ đích, nhận phản hồi, nghỉ đúng lúc và sửa hệ thống theo thực tế. 10 parts
  1. 01 Effort, Focus & Grit · Phần 1 — Nỗ lực có chủ đích
  2. 02 Effort, Focus & Grit · Phần 2 — Tập trung vào một việc
  3. 03 Effort, Focus & Grit · Phần 3 — Nhất quán với thói quen nhỏ
  4. 04 Effort, Focus & Grit · Phần 4 — Kỷ luật không phụ thuộc động lực
  5. 05 Effort, Focus & Grit · Phần 5 — Phục hồi sau một lần thất bại
  6. 06 Effort, Focus & Grit · Phần 6 — Đổi khung cân bằng
  7. 07 Effort, Focus & Grit · Phần 7 — Kiên nhẫn có mốc kiểm tra
  8. 08 Effort, Focus & Grit · Phần 8 — Năng lượng, hồi phục và kiệt sức nghề nghiệp
  9. 09 Effort, Focus & Grit · Phần 9 — Mục tiêu, hệ thống và vòng phản hồi
  10. 10 Effort, Focus & Grit · Phần 10 — Một vòng thực hành bền vững
Node Package Managers & the Supply Chain — Deep Dive Go from "I just run npm install" to understanding the entire dependency layer like a senior. Start with the mental model every package manager shares (resolve → fetch → link, package.json, semver, the registry, lockfiles), then go deep on npm, Yarn Classic (v1), Yarn Berry (v2–v4) with Plug'n'Play, and pnpm plus Bun — what each does differently and why. Then the parts most guides skip: lockfiles and integrity hashes, lifecycle scripts and node-gyp, how native modules ship prebuilt binaries, and the dependency supply chain — real-world attacks (typosquatting, dependency confusion, malicious postinstall, account takeover) and a hardened defense playbook. Ends with monorepos/workspaces and a capstone decision-and-migration guide. 12 parts
  1. 01 Node Package Managers · Part 1 — The Mental Model
  2. 02 Node Package Managers · Part 2 — npm in Depth
  3. 03 Node Package Managers · Part 3 — Yarn Classic (v1)
  4. 04 Node Package Managers · Part 4 — Yarn Berry (v2–v4) & Plug'n'Play
  5. 05 Node Package Managers · Part 5 — pnpm & the Content-Addressable Store (+ Bun)
  6. 06 Node Package Managers · Part 6 — Lockfiles, Determinism & Integrity
  7. 07 Node Package Managers · Part 7 — Lifecycle Scripts & node-gyp
  8. 08 Node Package Managers · Part 8 — Native Modules & Binary Distribution
  9. 09 Node Package Managers · Part 9 — Supply-Chain Attacks
  10. 10 Node Package Managers · Part 10 — Supply-Chain Defense
  11. 11 Node Package Managers · Part 11 — Monorepos & Workspaces
  12. 12 Node Package Managers · Part 12 — Capstone: Choose, Migrate, Harden
Docker, Compose & Kubernetes Lộ trình tiếng Việt theo hai chặng: 10 phần nền tảng giúp bạn làm chủ container, image, Dockerfile, storage, networking, Compose, hardening và debug; nhánh chuyên sâu đi xuống OCI runtime, namespace/cgroup, BuildKit và supply chain, Compose cho team/CI, rồi vào Kubernetes networking, scheduling, autoscaling, stateful storage, security, observability và incident response. Mỗi phần ưu tiên mental model, trade-off, failure mode, lab có thể tự phá–sửa và tài liệu chính thức để biến kiến thức thành năng lực vận hành production. 18 parts
  1. 01 Docker for Developers · Part 1 — Containers, Images & the Mental Model
  2. 02 Docker for Developers · Part 2 — Images & the Dockerfile
  3. 03 Docker for Developers · Part 3 — Persisting Data: Volumes, Bind Mounts & Env
  4. 04 Docker for Developers · Part 4 — Networking: Bridge, Ports & Service Discovery
  5. 05 Docker for Developers · Part 5 — Docker Compose Fundamentals
  6. 06 Docker for Developers · Part 6 — Compose in Depth: Env, Profiles, Healthchecks & Scaling
  7. 07 Docker for Developers · Part 7 — Optimizing & Securing Images
  8. 08 Docker for Developers · Part 8 — Debugging & Troubleshooting Docker
  9. 09 Docker for Developers · Part 9 — Kubernetes Fundamentals
  10. 10 Docker for Developers · Part 10 — Kubernetes in Practice & Debugging
  11. 11 Docker chuyên sâu · Part 11 — Container Internals: OCI, Namespaces, Cgroups & PID 1
  12. 12 Docker chuyên sâu · Part 12 — BuildKit, Multi-platform Images & Supply Chain
  13. 13 Docker for Developers · Part 13 — Compose at Scale
  14. 14 Docker for Developers · Part 14 — Kubernetes Networking Internals
  15. 15 Docker for Developers · Part 15 — Kubernetes Scheduling & Autoscaling
  16. 16 Docker for Developers · Part 16 — Kubernetes Stateful Workloads & Persistent Storage
  17. 17 Docker for Developers · Part 17 — Kubernetes Security Hardening
  18. 18 Docker for Developers · Part 18 — Kubernetes Observability & Incident Response
Command Line cho Developer - Commands, Bash Script & Workflow Series tiếng Việt dạng handbook/cookbook cho developer làm việc trong terminal mỗi ngày: điều hướng file, đọc log, tìm code với rg/find, pipe và redirection, Git workflow, curl+jq để debug API, process/port/network debugging, Node package manager, Docker/SSH, và cách gom tất cả thành bash script tự động hóa an toàn. 10 parts
  1. 01 Command Line cho Developer · Part 1 - Terminal, Files & Navigation
  2. 02 Command Line cho Developer · Part 2 - Inspect Files, Logs & Output
  3. 03 Command Line cho Developer · Part 3 - Search Code with rg, find & fd
  4. 04 Command Line cho Developer · Part 4 - Pipes, Redirection & xargs
  5. 05 Command Line cho Developer · Part 5 - Git Commands Daily Workflow
  6. 06 Command Line cho Developer · Part 6 - Debug API with curl & jq
  7. 07 Command Line cho Developer · Part 7 - Processes, Ports & System Debugging
  8. 08 Command Line cho Developer · Part 8 - Node, npm, pnpm & Package Scripts
  9. 09 Command Line cho Developer · Part 9 - Docker, SSH & Remote Files
  10. 10 Command Line cho Developer · Part 10 - Bash Automation Playbook
Neovim từ Gà mờ đến Pro Series tiếng Việt giúp bạn chuyển từ VSCode sang Neovim một cách thực dụng, theo chuẩn 2025-2026: modal editing, Lua config, lazy.nvim, native LSP mới với vim.lsp.config/vim.lsp.enable, completion, formatter/linter, Treesitter, fuzzy finder, Git, terminal, debug/test, dotfiles và một capstone cấu hình hoàn chỉnh. Mỗi phần có cheatsheet, bài tập và checklist để luyện thành phản xạ thật. 12 parts
  1. 01 Neovim · Part 1 — Roadmap chuyển từ VSCode sang Nvim
  2. 02 Neovim · Part 2 — Cài đặt, cấu trúc Lua config và nền móng
  3. 03 Neovim · Part 3 — Modal Editing Cheatsheet thực chiến
  4. 04 Neovim · Part 4 — Files, Buffers, Windows và Tabs
  5. 05 Neovim · Part 5 — Plugin architecture với lazy.nvim
  6. 06 Neovim · Part 6 — LSP, Diagnostics và Completion chuẩn 2026
  7. 07 Neovim · Part 7 — Format, Lint và Treesitter
  8. 08 Neovim · Part 8 — Search, Navigation và Refactor
  9. 09 Neovim · Part 9 — Git, Terminal, Test và Debug
  10. 10 Neovim · Part 10 — Migration workflow từ VSCode
  11. 11 Neovim · Part 11 — Performance, Maintenance và Dotfiles
  12. 12 Neovim · Part 12 — Capstone Pro Setup & Cheatsheet
Tailwind, Radix & shadcn/ui — từ Zero đến Pro Series tiếng Việt giúp bạn thành thạo bộ công cụ styling React hiện đại — mỗi phần đều có config thật và một demo tương tác trực tiếp. Bắt đầu với tư duy nền tảng và cài đặt Tailwind CSS v4, rồi tới utility cốt lõi và layout, design token và theming, variant và kết hợp trạng thái, cách dựng component tái dùng cho đúng (clsx, tailwind-merge, cn, cva) cùng hệ sinh thái plugin. Tiếp đó đi headless và accessible với Radix UI primitives, áp dụng shadcn/ui (triết lý, CLI, components.json), theme và tùy biến nó, dựng form đã validate với react-hook-form + zod, và kết thúc bằng các mẫu chuyên nghiệp cùng capstone dashboard. 14 parts
  1. 01 Tailwind, Radix & shadcn/ui · Part 1 — The Mental Model & Setup (Tailwind v4)
  2. 02 Tailwind, Radix & shadcn/ui · Part 2 — Core Utilities & Layout
  3. 03 Tailwind, Radix & shadcn/ui · Part 3 — Design Tokens & Theming with @theme
  4. 04 Tailwind, Radix & shadcn/ui · Part 4 — Variants, States & Composition
  5. 05 Tailwind, Radix & shadcn/ui · Part 5 — Reusable Components: cn, clsx, tailwind-merge & cva
  6. 06 Tailwind, Radix & shadcn/ui · Part 6 — Plugins & the Ecosystem
  7. 07 Tailwind, Radix & shadcn/ui · Part 7 — Radix UI Primitives: Headless & Accessible
  8. 08 Tailwind, Radix & shadcn/ui · Part 8 — Radix Deep: Composition, asChild & State
  9. 09 Tailwind, Radix & shadcn/ui · Part 9 — shadcn/ui: Philosophy & Setup
  10. 10 Tailwind, Radix & shadcn/ui · Part 10 — Theming & Customizing shadcn
  11. 11 Tailwind, Radix & shadcn/ui · Part 11 — Forms with react-hook-form + zod
  12. 12 Tailwind, Radix & shadcn/ui · Part 12 — Pro Patterns & Dashboard Capstone
  13. 13 Tailwind, Radix & shadcn/ui · Part 13 — Tailwind Variants Deep Reference
  14. 14 Tailwind, Radix & shadcn/ui · Part 14 — Tailwind v4 Cheatsheet & Production Reference
Web Security for Frontend Devs The security essentials every frontend developer must know — each part shows a real threat, vulnerable code, then the fix. 27 parts
  1. 01 Web Security for Frontend Devs · Part 1 — The Browser Security Model & Same-Origin Policy
  2. 02 Web Security for Frontend Devs · Part 2 — Cross-Site Scripting (XSS)
  3. 03 Web Security for Frontend Devs · Part 3 — Content Security Policy (CSP)
  4. 04 Web Security for Frontend Devs · Part 4 — CSRF & SameSite Cookies
  5. 05 Web Security for Frontend Devs · Part 5 — Auth Tokens & Secure Storage
  6. 06 Web Security for Frontend Devs · Part 6 — CORS Explained
  7. 07 Web Security for Frontend Devs · Part 7 — Clickjacking & Framing
  8. 08 Web Security for Frontend Devs · Part 8 — Secure Headers & HTTPS/TLS
  9. 09 Web Security for Frontend Devs · Part 9 — Secrets, Data Leakage & Supply-Chain
  10. 10 Web Security for Frontend Devs · Part 10 — Input Validation, Open Redirects & a Frontend Threat Model
  11. 11 Web Security for Frontend Devs · Part 11 — Prototype Pollution
  12. 12 Web Security for Frontend Devs · Part 12 — DOM Clobbering
  13. 13 Web Security for Frontend Devs · Part 13 — Strict CSP & CSP Bypasses
  14. 14 Web Security for Frontend Devs · Part 14 — postMessage & Cross-Window Exploits
  15. 15 Web Security for Frontend Devs · Part 15 — JWT & Token Attacks
  16. 16 Web Security for Frontend Devs · Part 16 — Web Cache Deception & Open-Redirect Chaining
  17. 17 Web Security for Frontend Devs · Part 17 — Supply-Chain Attacks via npm install
  18. 18 Web Security for Frontend Devs · Part 18 — Reverse Tabnabbing & window.opener
  19. 19 Web Security for Frontend Devs · Part 19 — Clipboard & Autofill Attacks
  20. 20 Web Security for Frontend Devs · Part 20 — Cross-Origin Isolation: COOP, COEP & CORP
  21. 21 Web Security for Frontend Devs · Part 21 — XS-Leaks: Cross-Site Leaks & Side Channels
  22. 22 Web Security for Frontend Devs · Part 22 — HTML Sanitization & Mutation XSS (mXSS)
  23. 23 Web Security for Frontend Devs · Part 23 — iframe Sandboxing & Third-Party Widget Isolation
  24. 24 Web Security for Frontend Devs · Part 24 — OAuth 2.0 & OIDC for SPAs: PKCE & the BFF Pattern
  25. 25 Web Security for Frontend Devs · Part 25 — Cross-Site WebSocket Hijacking (CSWSH)
  26. 26 Web Security for Frontend Devs · Part 26 — Subresource Integrity (SRI)
  27. 27 Web Security for Frontend Devs · Part 27 — Trusted Types: Killing DOM-XSS by Construction
Vue.js 3 — từ Zero đến Production Series tiếng Việt đưa bạn từ "Vue là gì" đến làm chủ Vue 3 hiện đại theo phong cách production: Composition API, TypeScript và Vite. Bắt đầu với mental model — reactivity là gì, Single-File Component, và vì sao Vue khác React — rồi cú pháp template và directive (v-bind, v-if, v-for, v-on, v-model), đào sâu hệ reactivity (ref, reactive, computed, watch/watchEffect và các bẫy thường gặp). Tiếp đó là component thực thụ (props, emits, slots, provide/inject), Composition API và composable để tái dùng logic, form và v-model tùy biến, định tuyến với Vue Router, quản lý state với Pinia, xử lý bất đồng bộ/Suspense/data fetching, dùng TypeScript đúng cách với Vue, tối ưu hiệu năng, và kết bằng phần testing (Vitest + Vue Test Utils) cùng một capstone. Mỗi phần có code chạy được và bài tập thực hành. 12 parts
  1. 01 Vue.js 3 · Phần 1 — Mental Model & App đầu tiên
  2. 02 Vue.js 3 · Phần 2 — Cú pháp Template & Directive
  3. 03 Vue.js 3 · Phần 3 — Reactivity Deep Dive
  4. 04 Vue.js 3 · Phần 4 — Component: Props, Emits, Slots & Provide/Inject
  5. 05 Vue.js 3 · Phần 5 — Composition API & Composable
  6. 06 Vue.js 3 · Phần 6 — Form & v-model (kể cả component tùy biến)
  7. 07 Vue.js 3 · Phần 7 — Vue Router
  8. 08 Vue.js 3 · Phần 8 — Pinia: Quản lý State
  9. 09 Vue.js 3 · Phần 9 — Async, Suspense & Data Fetching
  10. 10 Vue.js 3 · Phần 10 — TypeScript với Vue
  11. 11 Vue.js 3 · Phần 11 — Tối ưu Hiệu năng
  12. 12 Vue.js 3 · Phần 12 — Testing & Capstone
Next.js 16 from Zero to Senior Go from zero to senior on the latest Next.js (16): the App Router mental model, Server Components and data fetching, the new Cache Components & "use cache" model, Server Actions, route handlers and proxy, rendering, SEO, auth, then shipping and debugging production — hands-on, with exercises. 10 parts
  1. 01 Next.js 16 from Zero to Senior · Part 1 — Foundations & the App Router
  2. 02 Next.js 16 from Zero to Senior · Part 2 — Routing Deep Dive
  3. 03 Next.js 16 from Zero to Senior · Part 3 — Server Components & Data Fetching
  4. 04 Next.js 16 from Zero to Senior · Part 4 — Cache Components & the New Caching Model
  5. 05 Next.js 16 from Zero to Senior · Part 5 — Client Components & URL State
  6. 06 Next.js 16 from Zero to Senior · Part 6 — Server Actions & Forms
  7. 07 Next.js 16 from Zero to Senior · Part 7 — Route Handlers, APIs & Proxy
  8. 08 Next.js 16 from Zero to Senior · Part 8 — Rendering, Metadata, SEO & Assets
  9. 09 Next.js 16 from Zero to Senior · Part 9 — Auth, Sessions & Security
  10. 10 Next.js 16 from Zero to Senior · Part 10 — Production, Testing & Debugging
SVG from Zero to Senior Master SVG end to end: the coordinate system and viewBox, the path language, painting with strokes/gradients/patterns, text, transforms and nested coordinate systems, animation (CSS + SMIL, line-drawing), filters, clipping and masking, interactive data-driven graphics with JavaScript, and finally production — optimization, sprites, accessibility and performance. Every part ships a live, interactive demo. 25 parts
  1. 01 SVG from Zero to Senior · Part 1 — Foundations & the viewBox
  2. 02 SVG from Zero to Senior · Part 2 — The <path> Element
  3. 03 SVG from Zero to Senior · Part 3 — Painting: Fill, Stroke, Gradients & Patterns
  4. 04 SVG from Zero to Senior · Part 4 — Text & textPath
  5. 05 SVG from Zero to Senior · Part 5 — Transforms, Groups & Nested Coordinate Systems
  6. 06 SVG from Zero to Senior · Part 6 — Animation: Line-Drawing, CSS & SMIL
  7. 07 SVG from Zero to Senior · Part 7 — Filters: Blur, Shadow, Glow & Color
  8. 08 SVG from Zero to Senior · Part 8 — Clipping & Masking
  9. 09 SVG from Zero to Senior · Part 9 — Interactive & Data-Driven SVG with JavaScript
  10. 10 SVG from Zero to Senior · Part 10 — Production: Optimization, Sprites & Accessibility
  11. 11 SVG from Zero to Senior · Part 11 — Path Morphing & Shape Interpolation
  12. 12 SVG from Zero to Senior · Part 12 — Progress Rings & Gauges
  13. 13 SVG from Zero to Senior · Part 13 — Generative Patterns & Backgrounds
  14. 14 SVG from Zero to Senior · Part 14 — SVG in React & JSX
  15. 15 SVG from Zero to Senior · Part 15 — Interactive Maps with Pan & Zoom
  16. 16 SVG from Zero to Senior · Part 16 — Accessibility Deep-Dive
  17. 17 SVG from Zero to Senior · Part 17 — The Icon Sprite Build Pipeline
  18. 18 SVG from Zero to Senior · Part 18 — Animation Libraries for SVG
  19. 19 SVG from Zero to Senior · Part 19 — Performance & Rendering Internals
  20. 20 SVG from Zero to Senior · Part 20 — Build a Chart From Scratch
  21. 21 SVG from Zero to Senior · Part 21 — Choreographing a Scene with SMIL
  22. 22 SVG from Zero to Senior · Part 22 — Motion Paths & Following a Curve
  23. 23 SVG from Zero to Senior · Part 23 — Character Rigging & Jointed Animation
  24. 24 SVG from Zero to Senior · Part 24 — Scroll-Driven SVG Storytelling
  25. 25 SVG from Zero to Senior · Part 25 — Ambient Looping & Particle Scenes
Modern CSS Deep Dives The complete modern CSS path in one series: layout mental models (Flexbox, Grid, subgrid, container queries, fluid design), the cascade, custom properties and color, then animation (transitions, keyframes, easing, performance, accessible and scroll-driven motion), and finally pure-CSS 3D — perspective, preserve-3d objects, tilt and parallax, carousels, lighting and performance. 26 parts
  1. 01 Flexbox vs Grid — The Layout Mental Model Senior Frontend Engineers Actually Need
  2. 02 CSS Grid — The Complete Guide to Every Property (with an Interactive Demo)
  3. 03 Advanced CSS Grid — Subgrid, Masonry, auto-fit vs auto-fill, and Layout Patterns
  4. 04 CSS Container Queries — Component-Local Responsive Design Beyond Viewport Media Queries
  5. 05 CSS Fluid Responsive Design — clamp(), Viewport Units, Intrinsic Sizing, and the Breakpoint Exit
  6. 06 CSS Cascade, Layers & Specificity — The Full Resolution Order in 2026
  7. 07 CSS Custom Properties & @property — Runtime Theming, Cascade, and Typed Animation
  8. 08 Modern CSS Color: OKLCH, color-mix(), and Perceptually Uniform Design Tokens
  9. 09 CSS Stacking Contexts and Anchor Positioning: Why z-index 9999 Still Loses
  10. 10 CSS @keyframes & the animation Shorthand — A Senior Reference
  11. 11 CSS Transitions Deep Dive — Interpolation, allow-discrete, and the Gotchas
  12. 12 CSS Easing Functions — cubic-bezier(), steps(), and linear()
  13. 13 CSS Animations & Easing — Transitions, Keyframes, Timing Functions, and Motion That Feels Right
  14. 14 CSS Transforms for Animation — 2D, 3D, and the Compositor Win
  15. 15 CSS Animation Performance — The Compositor, will-change, and 60fps
  16. 16 Animating display and height:auto in CSS — allow-discrete & interpolate-size
  17. 17 Animating CSS Custom Properties with @property — Typed Houdini Variables
  18. 18 Staggered & Sequenced CSS Animations — Delays, --index, and Choreography
  19. 19 CSS Entry & Exit Animations with @starting-style
  20. 20 CSS Scroll-Driven Animations — Compositor-Native Scroll UX Without JavaScript (2026)
  21. 21 Accessible CSS Animation — Designing with prefers-reduced-motion
  22. 22 CSS 3D from Scratch · Part 1 — Perspective & the Z-axis
  23. 23 CSS 3D from Scratch · Part 2 — preserve-3d & Building Real Objects
  24. 24 CSS 3D from Scratch · Part 3 — Interactive Tilt & Parallax
  25. 25 CSS 3D from Scratch · Part 4 — 3D Motion & Carousels
  26. 26 CSS 3D from Scratch · Part 5 — Lighting, Performance & Accessibility
Web Development in Practice Practical web development for senior frontend engineers — the CSS, JavaScript, and browser-platform fundamentals behind production UI. From CSS performance and modern features, through core JavaScript (event loop, async, closures, fetch, events, memory, Intl) and the browser APIs that power real apps, to landing-page motion across CSS, vanilla JS, and React + Framer Motion. 20 parts
  1. 01 Tối ưu performance CSS — deep dive từ render pipeline tới production
  2. 02 CSS Optimization by Level — From Junior to Principal
  3. 03 Modern CSS Features You Should Be Using in 2026
  4. 04 JavaScript Event Loop Deep Dive — Microtasks, Macrotasks, and Real Browser Timing
  5. 05 JavaScript Async Patterns — Promises, Combinators, AbortController & Concurrency
  6. 06 Debounce, Throttle & rAF — rate-limiting high-frequency browser events
  7. 07 JavaScript Closures, Scope & this — Lexical Environments, Loop Bugs, and Binding Rules
  8. 08 Robust Data Fetching — fetch(), AbortController, Retry, and the Stale-Response Race
  9. 09 Forms & the Constraint Validation API — Native Validation Done Right
  10. 10 Event Delegation & DOM Performance — Propagation, Batching, and Layout Thrashing
  11. 11 Immutable State in JavaScript — References, Cloning, structuredClone, and Change Detection
  12. 12 JavaScript Error Handling & Resilience — try/catch Limits, Global Handlers, and Production Patterns
  13. 13 JavaScript Memory Management & Leak Hunting — V8 GC, DevTools, and Production Signals
  14. 14 JavaScript Intl API — Dates, Numbers, Currency & Locale-Aware Formatting Without Hand-Rolling
  15. 15 Observer APIs deep dive — MutationObserver, ResizeObserver và họ hàng trong browser
  16. 16 JavaScript Generators & yield — A Practical Guide with 10 Use Cases
  17. 17 Unicode, String, Buffer, Blob — Hiểu sâu binary và text trong JavaScript frontend
  18. 18 What's New in ES2025 & ES2026 — The Complete Guide with Examples
  19. 19 Landing Page Animations — CSS, Vanilla JS, and React + Framer Motion
  20. 20 The Beacon API — Sending Data That Survives Page Unload
Nginx from Zero to Production Master Nginx hands-on: install locally, understand the config model, build a reverse proxy and load balancer, add TLS, caching and rate limiting, then ship and debug a production setup. 5 parts
  1. 01 Nginx from Zero to Production · Part 1 — Fundamentals & Local Install
  2. 02 Nginx from Zero to Production · Part 2 — The Configuration Model
  3. 03 Nginx from Zero to Production · Part 3 — Reverse Proxy & Load Balancing
  4. 04 Nginx from Zero to Production · Part 4 — TLS, Security & Performance
  5. 05 Nginx from Zero to Production · Part 5 — Production Config & Debugging
Bash & Shell Scripting From your first script to production-grade automation — quoting, loops, functions, text processing, and robust error handling. 10 parts
  1. 01 Bash & Shell Scripting · Part 1 — The Shell, the Shebang & Your First Script
  2. 02 Bash & Shell Scripting · Part 2 — Variables, Quoting & Expansion
  3. 03 Bash & Shell Scripting · Part 3 — Conditionals: if, test, [[ ]] & Exit Codes
  4. 04 Bash & Shell Scripting · Part 4 — Loops: for, while, until & Reading Input
  5. 05 Bash & Shell Scripting · Part 5 — Functions, Arguments & Sourcing
  6. 06 Bash & Shell Scripting · Part 6 — Arrays & String Manipulation
  7. 07 Bash & Shell Scripting · Part 7 — I/O, Redirection & Pipes
  8. 08 Bash & Shell Scripting · Part 8 — Text Processing: grep, sed & awk
  9. 09 Bash & Shell Scripting · Part 9 — Robust Scripting & Error Handling
  10. 10 Bash & Shell Scripting · Part 10 — Real-World Automation & Best Practices
Network Programming Build network apps from the socket up with Node.js + TypeScript — TCP/UDP, DNS, HTTP, WebSockets, TLS, framing, scaling, and debugging. 10 parts
  1. 01 Network Programming · Part 1 — Fundamentals: How Data Actually Travels
  2. 02 Network Programming · Part 2 — TCP Sockets: A Reliable Byte Stream
  3. 03 Network Programming · Part 3 — UDP & Datagrams: Fast and Connectionless
  4. 04 Network Programming · Part 4 — DNS & Addressing: From Names to IPs
  5. 05 Network Programming · Part 5 — HTTP From the Socket Up
  6. 06 Network Programming · Part 6 — WebSockets & Real-Time Communication
  7. 07 Network Programming · Part 7 — TLS & HTTPS: Encrypting the Wire
  8. 08 Network Programming · Part 8 — Streams, Backpressure & Message Framing
  9. 09 Network Programming · Part 9 — Concurrency & Scaling Network Servers
  10. 10 Network Programming · Part 10 — Robust Networking: Errors, Retries & Debugging

2026

2025

2024