📚 118 câu cần học 🔁 5 câu ôn nhanh ⏱ ~8 giờ 🧭 9 chủ đề
Tiến độ lộ trình0/118 · 0%
🎯 Ở level Mid, bạn cần ổn những điều này
- ✓ Giải thích được vì sao component re-render và biết tối ưu có đo đạc
- ✓ Dùng TypeScript chắc tay: generics, narrowing, utility types
- ✓ Hiểu rendering của Next.js: Server/Client Components, caching, Server Actions
- ✓ Nắm bảo mật và hiệu năng web: XSS/CSRF, CSP, Core Web Vitals, accessibility
- ✓ Quản lý state/server state hợp lý (React Query, Context) và test với RTL
1 Cs
HTML/CSS
Bắt buộc 12 câuĐã thuộc0/12 · 0%
- ✓ 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
- ✓ 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
2 JS
JavaScript
Bắt buộc 16 câuĐã thuộc0/16 · 0%
- ✓ `==` 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
- ✓ `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
3 TS
TypeScript
Bắt buộc 12 câuĐã thuộc0/12 · 0%
- ✓ 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
- ✓ `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
4 Re
React
Bắt buộc 22 câuĐã thuộc0/22 · 0%
- ✓ 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
- ✓ 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
5 Nx
Next.js
Bắt buộc 20 câuĐã thuộc0/20 · 0%
- ✓ 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
- ✓ 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
6 Wb
Web & Trình duyệt
Bắt buộc 11 câuĐã thuộc0/11 · 0%
- ✓ 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
- ✓ 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
7 HR
Kỹ năng mềm & HR
Bắt buộc 20 câuĐã thuộc0/20 · 0%
- ✓ 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
- ✓ 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
8 Gt
Git
Nên biết 4 câuĐã thuộc0/4 · 0%
- ✓ git reflog cứu commit bị mất như thế nào? Mid
- ✓ GitFlow và trunk-based development: chọn cái nào? Mid
- ✓ Interactive rebase để squash và dọn lịch sử commit Mid
- ✓ Khi nào dùng git stash và cherry-pick? Mid
🔁 Ôn nhanh 5 câu nền tảng (đã học ở level thấp hơn)
9 SD
System Design
Cộng điểm 1 câuĐã thuộc0/1 · 0%