Khóa học Phỏng vấn Frontend
Khóa học phỏng vấn frontend có cấu trúc bao gồm JavaScript, HTML, CSS, React, trình duyệt, hiệu suất, khả năng tiếp cận và bảo mật với câu hỏi luyện tập.
Tiến độ khóa học
0 / 5
Quay lại khóa học
Bạn sẽ học được
- Hiểu hình thức phỏng vấn.
- Giải thích JavaScript và async.
- Tạo HTML ngữ nghĩa và CSS responsive.
- Dùng component và hook React.
- Cải thiện hiệu suất, khả năng tiếp cận và bảo mật.
Trước khi bắt đầu
- Kiến thức JavaScript và HTML hữu ích.
- Nên quen React cơ bản.
- Tạo component UI nhỏ giúp luyện tập.
Bài học 1 Hiểu về Phỏng vấn Frontend
Phỏng vấn frontend gồm JavaScript, HTML, CSS, React, trình duyệt, hiệu suất, khả năng tiếp cận và bảo mật. Ứng viên giải thích khái niệm, viết mã và giải bài UI. Bắt đầu JavaScript, rồi HTML và CSS, React, cuối cùng sự kiện, hiệu suất và bảo mật. Giải thích event loop, key React và Core Web Vitals. Khóa học chia năm bài với 60 câu hỏi gốc.
Ví dụ
Ví dụ: giải thích closure và promise trong nền tảng JavaScript.Bài học 2 Nền tảng JavaScript
Phỏng vấn JavaScript bắt đầu từ nền tảng: closure, hoisting, strict equality, promise, event loop, phương thức mảng. Closure giữ scope ngoài; === tránh ép kiểu; promise đại diện async; event loop chạy microtask. map, filter, reduce quan trọng; hàm thuần không tác dụng phụ; immutability tạo giá trị mới.
Ví dụ
Ví dụ: [1, 2, 3].map(n => n * 2) trả về [2, 4, 6].Bài học 3 HTML, CSS và Bố cục
HTML ngữ nghĩa cải thiện khả năng tiếp cận và SEO. Specificity quyết định CSS thắng. Box model: content, padding, border, margin. Flexbox một chiều, Grid hai chiều. rem theo root, em theo parent, vw theo chiều rộng viewport, vh chiều cao. Media query làm responsive. position fixed dùng viewport và border-box gồm padding.
Ví dụ
Ví dụ: dùng CSS Grid cho bảng điều khiển với thanh bên và vùng nội dung.Bài học 4 React và Trình duyệt
React gồm component, props, state, hook và render. useState, useEffect, useMemo là hook chính. Virtual DOM và reconciliation tối ưu cập nhật; danh sách cần key. Trình duyệt gồm DOM, sự kiện, event loop, microtask, cookie. Delegation dùng một listener cha; stopPropagation ngừng bubbling; preventDefault ngừng hành động.
Ví dụ
Ví dụ: const [count, setCount] = useState(0) tạo state đếm.Bài học 5 Hiệu suất, Khả năng tiếp cận và Chiến lược
Câu hỏi hiệu suất yêu cầu trang nhanh hơn. Debouncing trì hoãn, throttling giới hạn, lazy loading trì hoãn tài nguyên. Core Web Vitals: LCP, INP, CLS. Khả năng tiếp cận: HTML ngữ nghĩa, ARIA, bàn phím. Bảo mật: XSS, CSP, CORS. Trả lời có cấu trúc: vấn đề, chỉ số, nguyên nhân, giải pháp.