Hub

Kế hoạch ôn 30 ngày

Mở thực hành

Senior FE

Chế độ: Xem
0/300%
Chế độ Xem — check-off và publish bị khóa.

Nguồn: Local (máy này)

Ôn phỏng vấn senior, không phải giáo trình

Mỗi ngày luyện một quyết định nói được thành tiếng: constraint, failure mode, trade-off và cách đo. Docs và Q&A mở tab mới. Giữ khoảng 2 giờ: đọc ngắn, Q&A có mục tiêu, một hands-on, một thuật toán.

Khoảng trống nên biết

  • •Docs và Q&A cố ý mở tab mới. Ở lại trang ngày; đừng biến knowledge base thành giáo trình phải đọc hết.
  • •Link tài liệu trên tab Plan mở cả trang KB. Tên topic nằm trong task của ngày. Study link không có hash heading.
  • •Plan này không có tab Lab. Module luyện code là phần riêng, làm sau. Thuật toán mỗi ngày vẫn nằm trong plan.

Ngày 01-07

Tuần 1 · Design system + UI rõ ràng

Dựng lại nền tảng giao diện và tương tác trước: primitive dùng lại được, state rõ, trade-off responsive, flow an toàn cho keyboard.

  • •Mổ xẻ một màn hình thật thành token, primitive và pattern state.
  • •Luyện câu hỏi design system và UI/UX bằng ví dụ cụ thể.
  • •Đặc tả một primitive overlay có hành vi bàn phím và tên các component test.

Tiến độ

0/7

  • Mục tiêu

    Tách một màn admin thật thành token, primitive và state, rồi chọn ra 3 primitive cần tách trước.

    Đọc / ôn lại

    Mở tab mới để bạn vẫn giữ được trang ngày này.

    Kiến trúc Thiết kế hệ thống

    Q&A nên luyện

    Mở tab mới để bạn vẫn giữ được trang ngày này.

    Chiến lược phát triển design system Layout CSS và specificity Scale lên 100 feature

    Thực hành

    • •Gom token của một màn admin vào một bảng (màu, spacing, typography, radius).
    • •Liệt kê các state lặp lại: loading, empty, error, success.
    • •Chọn 3 primitive để tách, mỗi cái một lý do.

    Thuật toán

    Two Sum · Hash map

    Checklist hoàn thành

    • ☐Bảng token có đủ màu, spacing, typography và radius.
    • ☐Đã có 3 primitive, mỗi cái kèm một lý do.
    • ☐Trả lời thành lời câu “Chiến lược phát triển design system” trong 60 giây, không nhìn ghi chú.

Ngày 08-14

Tuần 2 · Ôn JS/TS + Vue/Nuxt

Siết lại những phần Parker đã dùng trong production để câu trả lời phỏng vấn sắc và rõ, không bị chung chung.

  • •Ôn lại execution của JavaScript, async flow và thiết kế TypeScript.
  • •Ôn Vue reactivity, composable, rendering của Nuxt và data fetching.
  • •Viết lại 3 tiện ích live coding không nhìn tài liệu: promiseAll, debounce, throttle.

Tiến độ

0/7

Ngày 15-21

Tuần 3 · Hiệu năng, HTTP, và React/Next không bắt buộc

Đi sâu Vue/Nuxt và đo hiệu năng. React và Next chỉ đọc lướt, không bắt buộc, không ship app.

  • •Đo một tương tác bằng CWV và kể được câu chuyện đó.
  • •Giải thích HTTP cache và key fetch Nuxt không nhìn ghi chú.
  • •Không bắt buộc: map Vue/Nuxt sang React/Next một trang, không ship app.

Tiến độ

0/7

Ngày 22-28

Tuần 4 · Gắn system design với behavioral

Dùng nền frontend vừa ôn để luyện tư duy mức cao hơn: kiến trúc, trade-off, delivery và kể chuyện phỏng vấn.

  • •Luyện frontend system design trên các bài toán kiểu admin/dashboard.
  • •Biến kinh nghiệm project thật thành story mức senior.
  • •Kể 4 câu chuyện phối hợp: code review, bất đồng, mentoring, từ chối.

Tiến độ

0/7

Ngày 29-30

Những ngày cuối · Review + mock interview

Chốt lại bằng chuẩn bị company-fit, rà điểm yếu lần cuối, và một mock interview đầy đủ.

  • •Chốt cách kể về điểm mạnh, hướng phát triển và company fit.
  • •Dùng kết quả mock để chốt danh sách ôn tiếp 7 ngày sau.

Tiến độ

0/2