📚 109 câu cần học 🔁 53 câu ôn nhanh ⏱ ~7 giờ 🧭 9 chủ đề
Tiến độ lộ trình0/109 · 0%
🎯 Ở level Senior, bạn cần ổn những điều này
- ✓ Giải thích cơ chế bên trong: Fiber, concurrent rendering, event loop, hydration
- ✓ Thiết kế kiến trúc FE: cấu trúc project, state, caching, chiến lược render (SSR/ISR/PPR)
- ✓ Phân tích và cải thiện hiệu năng: bundle, virtualization, Web Vitals, critical path
- ✓ Quyết định đánh đổi có lý do (Server vs Client, thư viện state, micro-frontend)
- ✓ Hiểu đủ về BE/hạ tầng để phối hợp: API design, auth, CDN, deploy
1 Cs
HTML/CSS
Bắt buộc 12 câuĐã thuộc0/12 · 0%
- ✓ Các giá trị `position` hoạt động ra sao? `z-index` và stacking context là gì? Mid
- ✓ CSS Grid: `fr`, `minmax()` và `auto-fit` dùng thế nào để làm layout responsive? Mid
- ✓ CSS variables (custom properties) và cách làm dark mode với `prefers-color-scheme` Mid
- ✓ Flexbox: `justify-content`, `align-items` và `flex: 1` nghĩa là gì? Mid
- ✓ Responsive design: mobile-first, media query, `clamp()` và container query Mid
- ✓ Specificity và cascade trong CSS hoạt động thế nào? `!important` có nên dùng? Mid
- ✓ Accessibility trong HTML/CSS: khi nào dùng ARIA, và quản lý focus ra sao? Senior
- ✓ Ảnh responsive: `srcset`, `sizes`, `picture` và lazy loading đúng cách Senior
- ✓ CSS chặn render như thế nào và critical CSS giúp gì? Senior
- ✓ CSS hiện đại: `:has()`, native nesting và `@layer` giải quyết vấn đề gì? Senior
- ✓ Reflow vs repaint và cách làm animation CSS mượt (transform, opacity, `will-change`) Senior
- ✓ So sánh BEM, CSS Modules, Tailwind và CSS-in-JS: chọn thế nào? Senior
🔁 Ôn nhanh 6 câu nền tảng (đã học ở level thấp hơn)
- ✓ Box model và `box-sizing` khác nhau thế nào giữa content-box và border-box? Junior
- ✓ Có những cách nào để căn giữa một phần tử theo cả hai chiều? Junior
- ✓ Khác nhau giữa `display: block`, `inline` và `inline-block`? Junior
- ✓ Pseudo-class và pseudo-element khác nhau thế nào? Junior
- ✓ Semantic HTML là gì? Vì sao nên dùng thay cho `div` khắp nơi? Junior
- ✓ So sánh `px`, `em`, `rem`, `%`, `vh` và khi nào dùng từng loại? Junior
2 JS
JavaScript
Bắt buộc 14 câuĐã thuộc0/14 · 0%
- ✓ `this` trong JavaScript được xác định như thế nào? Mid
- ✓ call, apply, bind khác nhau thế nào? Tự viết bind Mid
- ✓ debounce và throttle khác nhau thế nào? Viết code mỗi loại Mid
- ✓ ES Modules khác CommonJS thế nào? Live binding và tree shaking là gì? Mid
- ✓ Event bubbling, capturing và event delegation là gì? Mid
- ✓ Event loop hoạt động thế nào? Microtask vs macrotask? Mid
- ✓ Promise.all, allSettled, race, any khác nhau thế nào? Mid
- ✓ Prototype và prototype chain là gì? class khác function constructor ra sao? Mid
- ✓ Shallow copy và deep copy khác nhau thế nào? structuredClone có giới hạn gì? Mid
- ✓ Garbage collection hoạt động thế nào? Các nguyên nhân memory leak phổ biến Senior
- ✓ Iterator protocol và generator hoạt động thế nào? Dùng khi nào? Senior
- ✓ Map, Set, WeakMap, WeakSet và WeakRef khác nhau thế nào? Senior
- ✓ Microtask starvation là gì? Làm sao tránh chặn event loop? Senior
- ✓ Proxy và Reflect là gì? Ứng dụng và hạn chế Senior
🔁 Ôn nhanh 7 câu nền tảng (đã học ở level thấp hơn)
- ✓ `==` và `===` khác nhau thế nào? Type coercion hoạt động ra sao? Junior
- ✓ Closure trong JavaScript là gì? Junior
- ✓ Destructuring, spread và rest operator khác nhau thế nào? Junior
- ✓ Khác nhau giữa var, let và const? Junior
- ✓ map, filter, reduce dùng thế nào? Method nào của Array làm thay đổi mảng gốc? Junior
- ✓ Optional chaining `?.` và nullish coalescing `??` khác gì `&&` và `||`? Junior
- ✓ Vì sao 0.1 + 0.2 !== 0.3 trong JavaScript? Xử lý thế nào? Junior
3 TS
TypeScript
Bắt buộc 11 câuĐã thuộc0/11 · 0%
- ✓ `strict` trong tsconfig bật những flag nào? Nên bật thêm flag nào? Mid
- ✓ Function overload trong TypeScript hoạt động thế nào? Khi nào nên dùng? Mid
- ✓ Generics là gì? Khi nào dùng? Mid
- ✓ Mapped types là gì? Modifier `+/-` và key remapping `as` Mid
- ✓ Structural typing là gì? Làm sao mô phỏng nominal typing (branded types)? Mid
- ✓ Toán tử satisfies khác type annotation và `as` thế nào? Mid
- ✓ Conditional types và infer hoạt động thế nào? Distributive conditional type là gì? Senior
- ✓ Declaration merging và module augmentation là gì? Senior
- ✓ Template literal types là gì? Ứng dụng thực tế Senior
- ✓ Type TypeScript và runtime validation: vì sao cần zod? Senior
- ✓ Variance: covariance, contravariance, invariance trong TypeScript Senior
🔁 Ôn nhanh 6 câu nền tảng (đã học ở level thấp hơn)
- ✓ any, unknown và never khác nhau thế nào? Junior
- ✓ Các utility types thường dùng: Partial, Pick, Omit, Record, ReturnType Junior
- ✓ enum và const object (as const) khác nhau thế nào? Nên dùng cái nào? Junior
- ✓ interface và type khác nhau thế nào? Junior
- ✓ readonly, Readonly và `as const` khác nhau thế nào? Junior
- ✓ Type narrowing và type guard là gì? Discriminated union hoạt động ra sao? Junior
4 Re
React
Bắt buộc 21 câuĐã thuộc0/21 · 0%
- ✓ Batching state update trong React 18 (automatic batching) là gì? Mid
- ✓ Custom hook là gì? So với HOC và render props thì sao? Mid
- ✓ Error Boundary và Portal trong React dùng khi nào? Mid
- ✓ Khi nào component re-render? Dùng memo, useMemo, useCallback ra sao? Mid
- ✓ Lifting state up và prop drilling: khi nào nâng state, khi nào dùng composition hoặc Context? Mid
- ✓ React Router v6: nested route, Outlet và loader/action (data router)? Mid
- ✓ React Testing Library: nguyên tắc, thứ tự ưu tiên query và userEvent? Mid
- ✓ Stale closure trong React hooks là gì và xử lý ra sao? Mid
- ✓ Suspense, React.lazy và code-splitting dùng thế nào? Mid
- ✓ TanStack Query: staleTime, gcTime, invalidate và vì sao khác tự gọi fetch trong useEffect? Mid
- ✓ useLayoutEffect khác useEffect thế nào? Mid
- ✓ useReducer và Context: vấn đề re-render và cách khắc phục? Mid
- ✓ Xử lý form phức tạp trong React: vì sao dùng react-hook-form (kèm Zod)? Mid
- ✓ Chọn state management: useState, Context, Redux, Zustand, React Query? Senior
- ✓ Compound component và composition: thiết kế API component linh hoạt? Senior
- ✓ Concurrent rendering: useTransition và useDeferredValue khác nhau thế nào? Senior
- ✓ Race condition khi fetch trong useEffect và cách xử lý bằng AbortController? Senior
- ✓ React 19 có gì mới: use, Actions, useOptimistic? Senior
- ✓ Reconciliation và Fiber trong React hoạt động thế nào? Senior
- ✓ Render danh sách hàng chục nghìn item: virtualization hoạt động thế nào? Senior
- ✓ StrictMode render hai lần để làm gì? Component pure nghĩa là gì? Senior
🔁 Ôn nhanh 9 câu nền tảng (đã học ở level thấp hơn)
- ✓ Class component và function component khác nhau thế nào? Lifecycle tương ứng với hooks ra sao? Junior
- ✓ Conditional rendering và render danh sách trong React: các cách và lỗi hay gặp? Junior
- ✓ Controlled và uncontrolled component khác nhau thế nào? Junior
- ✓ JSX là gì và được biên dịch ra sao? Junior
- ✓ State và props khác nhau thế nào? Junior
- ✓ useEffect chạy khi nào? Mảng dependency để làm gì? Junior
- ✓ useRef khác useState thế nào? Khi nào dùng ref? Junior
- ✓ Vì sao list trong React cần `key`? Có nên dùng index làm key? Junior
- ✓ Virtual DOM là gì và vì sao React dùng nó? Junior
5 Nx
Next.js
Bắt buộc 16 câuĐã thuộc0/16 · 0%
- ✓ cookies(), headers() và Dynamic APIs: tác động đến rendering và thay đổi ở Next 15? Mid
- ✓ Data fetching trong App Router: khi nào fetch ở Server Component, khi nào dùng Route Handler? Mid
- ✓ Form với Server Actions: useActionState, useFormStatus và progressive enhancement? Mid
- ✓ Hydration error trong Next.js là gì, nguyên nhân phổ biến và cách sửa? Mid
- ✓ ISR và on-demand revalidation: revalidatePath và revalidateTag dùng thế nào? Mid
- ✓ Middleware trong Next.js chạy ở đâu, dùng làm gì và có những giới hạn nào? Mid
- ✓ next/dynamic và phân tích bundle: giảm JavaScript gửi tới client thế nào? Mid
- ✓ Phân biệt SSG, SSR, ISR trong App Router; điều gì khiến một route thành dynamic? Mid
- ✓ redirects, rewrites và headers trong next.config khác nhau thế nào? Mid
- ✓ Server Actions hoạt động thế nào và cần lưu ý gì về bảo mật? Mid
- ✓ Triển khai authentication/authorization trong App Router đúng cách như thế nào? Mid
- ✓ Giải thích 4 tầng cache của Next.js App Router và cách revalidate Senior
- ✓ Kết hợp TanStack Query với Server Components: prefetch và HydrationBoundary? Senior
- ✓ Parallel Routes và Intercepting Routes là gì? Làm modal có URL riêng thế nào? Senior
- ✓ RSC payload là gì? 'use client' boundary ảnh hưởng thế nào đến bundle và cách tối ưu? Senior
- ✓ Streaming với Suspense và Partial Prerendering (PPR) trong Next.js hoạt động ra sao? Senior
🔁 Ôn nhanh 9 câu nền tảng (đã học ở level thấp hơn)
- ✓ App Router và Pages Router khác nhau thế nào? Có thể dùng song song không? Junior
- ✓ Biến môi trường NEXT_PUBLIC_ khác biến thường như thế nào? Có thể đổi lúc runtime không? Junior
- ✓ Dynamic route và generateStaticParams trong App Router dùng thế nào? Junior
- ✓ layout, template, loading, error và not-found trong App Router dùng để làm gì? Junior
- ✓ Metadata API và SEO trong Next.js: generateMetadata, sitemap, robots, Open Graph? Junior
- ✓ next/image và next/font tối ưu hiệu năng như thế nào? Junior
- ✓ next/link prefetch hoạt động thế nào và điều hướng client-side khác gì reload trang? Junior
- ✓ Route group và private folder trong App Router dùng để làm gì? Junior
- ✓ Server Component và Client Component trong Next.js App Router khác nhau thế nào? Junior
6 Wb
Web & Trình duyệt
Bắt buộc 11 câuĐã thuộc0/11 · 0%
- ✓ CORS là gì? Preflight request hoạt động ra sao? Mid
- ✓ HTTP caching: `Cache-Control`, `ETag` và validation hoạt động ra sao? Mid
- ✓ JWT nên lưu ở đâu: localStorage hay cookie HttpOnly? Mid
- ✓ So sánh REST, GraphQL và gRPC: khi nào chọn cái nào? Mid
- ✓ WebSocket, Server-Sent Events và long polling: khác nhau và chọn thế nào? Mid
- ✓ XSS và CSRF khác nhau thế nào? Cách phòng chống? Mid
- ✓ Bundler (Webpack/Vite), tree-shaking và code splitting hoạt động thế nào? Senior
- ✓ Content Security Policy (CSP) là gì? Các security header quan trọng khác? Senior
- ✓ Critical rendering path và Core Web Vitals (LCP, INP, CLS): cách cải thiện? Senior
- ✓ HTTP/1.1, HTTP/2 và HTTP/3 khác nhau thế nào? Senior
- ✓ Service Worker và PWA hoạt động thế nào? Các chiến lược cache? Senior
🔁 Ôn nhanh 5 câu nền tảng (đã học ở level thấp hơn)
- ✓ Các HTTP method phổ biến và nhóm status code cần nhớ? Junior
- ✓ Cookie, localStorage và sessionStorage khác nhau thế nào? Junior
- ✓ Điều gì xảy ra khi gõ một URL vào trình duyệt và nhấn Enter? Junior
- ✓ DNS phân giải tên miền như thế nào? Các loại record và TTL? Junior
- ✓ HTTPS và TLS handshake hoạt động cơ bản như thế nào? Junior
7 HR
Kỹ năng mềm & HR
Bắt buộc 20 câuĐã thuộc0/20 · 0%
- ✓ Bạn giải thích vấn đề kỹ thuật cho người không chuyên (PM, khách hàng) thế nào? Mid
- ✓ Bạn giao tiếp hiệu quả thế nào khi làm việc từ xa hoặc bất đồng bộ (async)? Mid
- ✓ Bạn phản ứng thế nào khi nhận góp ý trong code review? Mid
- ✓ Bạn ước lượng thời gian làm một task như thế nào? Mid
- ✓ Bạn xử lý thế nào khi bất đồng ý kiến với đồng nghiệp? Mid
- ✓ Bạn xử lý thế nào khi deadline gấp? Mid
- ✓ Bạn xử lý thế nào khi yêu cầu (requirement) chưa rõ ràng? Mid
- ✓ Kể về một lần bạn gây lỗi (ví dụ lỗi production) và cách xử lý Mid
- ✓ Khi bị kẹt, bạn nhờ giúp đỡ vào lúc nào và bằng cách nào? Mid
- ✓ Khi có nhiều việc cùng lúc, bạn sắp xếp thứ tự ưu tiên thế nào? Mid
- ✓ Bạn đã cải thiện quy trình làm việc của team như thế nào? Senior
- ✓ Bạn dẫn dắt team thế nào khi có sự cố production (incident)? Senior
- ✓ Bạn góp ý thế nào cho đồng nghiệp làm việc chưa tốt? Senior
- ✓ Bạn hướng dẫn (mentor) người mới như thế nào? Senior
- ✓ Bạn phỏng vấn và tuyển lập trình viên như thế nào? Bạn giữ team khỏi burnout ra sao? Senior
- ✓ Bạn ra quyết định kỹ thuật và giải thích sự đánh đổi (trade-off) như thế nào? Senior
- ✓ Bạn thuyết phục công ty dành thời gian trả nợ kỹ thuật (tech debt) như thế nào? Senior
- ✓ Bạn từ chối thêm tính năng hoặc xử lý scope creep một cách khéo léo thế nào? Senior
- ✓ Bạn xử lý thế nào khi hai thành viên trong team xung đột với nhau? Senior
- ✓ Bạn xử lý thế nào khi không đồng ý với quyết định của quản lý? Senior
🔁 Ôn nhanh 10 câu nền tảng (đã học ở level thấp hơn)
- ✓ Bạn có câu hỏi nào cho chúng tôi không? Junior
- ✓ Bạn học công nghệ mới như thế nào? Junior
- ✓ Điểm mạnh của bạn là gì? Junior
- ✓ Điểm yếu của bạn là gì? Junior
- ✓ Hãy giới thiệu về bản thân bạn Junior
- ✓ Kể về một dự án mà bạn tự hào Junior
- ✓ Mức lương mong muốn của bạn là bao nhiêu? Junior
- ✓ Mục tiêu của bạn trong 5 năm tới là gì? Junior
- ✓ Vì sao bạn muốn vào công ty / vị trí này? Junior
- ✓ Vì sao bạn rời công ty cũ? Junior
8 SD
System Design
Nên biết 0 câuĐã thuộc0/0 · 0%
🔁 Ôn nhanh 1 câu nền tảng (đã học ở level thấp hơn)
9 Gt
Git
Cộng điểm 4 câuĐã thuộc0/4 · 0%