Mức thu nhập cho vị trí front-end developer ngày càng cao kéo theo số lượng người muốn ứng tuyển vào vị trí này cũng tăng lên. Nếu bạn đang có ý định xin việc ở vị trí front end developer, vậy thì đừng bỏ qua bộ câu hỏi phỏng vấn front end thường gặp nhất dưới đây cùng topviecit.vn nhé!
Một số kiến thức chính có trong câu hỏi phỏng vấn front end developer
Dưới đây là một số kiến thức chính sẽ xuất hiện xuyên suốt trong câu hỏi phỏng vấn front end mà bạn cần chú ý:
- Bạn phải có một sự am hiểu về ngôn ngữ JavaScript, bên cạnh đó cũng phải làm quen từ từ với các công cụ phân tích mã tĩnh (static code analysis tool).
- Ứng viên cũng cần có kiến thức tốt về các frameworks, thư viện phổ biến như React, Angular, Vue.js,… tùy theo nhu cầu công việc, công ty mà bạn ứng tuyển.
- Thành thạo HTML5 và CSS. Cụ thể phải viết được HTML chính xác về mặt ngữ nghĩa, chuyển một cách mượt mà pixel của các thiết kế thành CSS, đồng thời không quên lưu tâm đến chi tiết, thiết kế responsive.
- Khả năng giao tiếp tiếng Anh tốt để có thể đưa ra các luận điểm của mình trong công việc.
- Kiến thức về trình duyệt như cách chúng hoạt động, các gỡ lỗi trong trình duyệt.
- Từng có kinh nghiệm cọ sát với các API (Rest API và / hoặc GraphQL), với GIT repo và kiểm thử.
>>>Xem thêm: Tuyển tập những câu hỏi phỏng vấn Front End hay gặp nhất
Tổng hợp các câu hỏi phỏng vấn front end hay xuất hiện trong bài kiểm tra
Doctype trong html là gì? Có mấy loại Doctypes
Đây là câu hỏi phỏng vấn front end có tần suất xuất hiện khá dày đặc trong bài test mà bạn cần lưu ý. Khai báo tài liệu theo kiểu HTML, chính là DOCTYPE. Đây là dòng mã đầu tiên bắt buộc phải có trong mọi tài liệu HTML hoặc XHTML.
Hiểu một cách đơn giản, khai báo DOCTYPE là một hướng dẫn trình duyệt web theo phiên bản HTML mà trang viết để chắc chắn rằng trang web được phân tích cú pháp như nhau dù trên các trình duyệt web khác nhau.
<!DOCTYPE html>
<meta charset=”UTF-8″>
Hiện nay Doctypes được chia thành 3 loại khác nhau là: Strict Doctype, Transitional Doctype, Frameset Doctype
Thuộc tính data là gì?
Thuộc tính data là cái giúp bạn lưu thêm thông tin, dữ liệu trong DOM. Nhờ vậy bạn có thể viết html hợp lệ với embedded private data, đồng thời dễ dàng truy cập thuộc tính dữ liệu khi sử dụng javascript. Đó là lý do nhiều thư viện như knockout ứng dụng nó.
<div id=”myDiv” data-user=”jsDude” data-list-size=”5″ data-maxage=”180″></div>
Cách tạo public key trong html?
Thực tế, trong html có phần tử keygen, nhờ vậy mà có thể tạo khóa và gửi thông qua biểu mẫu (form).
<keygen name=”name” challenge=”challenge string” keytype=”type” keyparams=”pqg-params”>
CSS là gì?
CSS chính là viết tắt của Cascading Style Sheet. Đây là một ngôn ngữ tạo kiểu thường gặp được sử dụng cùng với HTML nhằm thiết kế các trang web. Ngoài ra nó cũng được sử dụng với các tài liệu XML bất kỳ bao gồm XML thuần túy, SVG và XUL.
CSS framework là gì?
Thực tế, CSS framework bao gồm các bảng định kiểu ( stylesheets) CSS sẵn sàng, cho các nhà phát triển và nhà thiết kế web dùng.
Và các bảng này được chuẩn bị để sử dụng cho mục đích thiết kế ra các web tiêu chuẩn về màu sắc, bố cục, phông chữ, thanh điều hướng,….
Nhờ CSS framework mà người dùng sở hữu một biểu định kiểu CSS hoàn chỉnh, lúc này họ chỉ cần viết code HTML với các lớp, cấu trúc và ID chính xác là đã có thể dựng lên một website rồi. Lý do là vì trong CSS framework đã được tích hợp sẵn lớp cho các phần tử trang web phổ biến từ chân trang, thanh trượt, thanh điều hướng, bố cục cột,…
Một số cách tích hợp CSS vào trang HTML
Có 3 cách để tích hợp CSS vào trang HTML đó là:
- Đầu tiên là bằng cách sử dụng các style-tags ở head của trang HTML.
- Hai là tích hợp bằng cách sử dụng inline-styling.
- Cách cuối cùng là viết CSS trong một tập tin riêng biệt, sau đó thêm vào trang HTML qua thẻ liên kết.
Event delegation là như thế nào?
Bạn cần lưu lại câu hỏi phỏng vấn front end về lĩnh vực này vì đây là câu thường lặp lại nhiều lần trong bài test. Thực chất Event delegation là một kỹ thuật được dùng khi thêm event listeners vào một phần tử mẹ mà không phải thêm chúng vào các phần tử con. Lúc này listeners sẽ thực hiện khởi động bất cứ lúc nào sự kiện được kích hoạt trên các phần tử con. Ưu điểm của kỹ thuật này là:
- Nhờ vậy mà Memory footprint giảm xuống, nguyên nhân là vì chỉ cần một trình xử lý duy nhất trên phần tử mẹ.
- Không phải thực hiện hủy liên kết trình xử lý khỏi các phần tử bị xóa và tiến hành liên kết sự kiện cho các phần tử mới.
Đánh giá ưu, nhược điểm của việc sử dụng Ajax là gì?
Ưu, nhược điểm của việc sử dụng Ajax đó là:
Ưu điểm
- Khả năng tương tác tốt hơn, đồng nghĩa nội dung mới từ máy chủ sẽ thay đổi động mà không phải tải lại toàn bộ trang.
- Giảm khả năng kết nối đến máy chủ. Lý do là tập lệnh và biểu định kiểu chỉ bắt buộc phải được yêu cầu một lần.
- Trạng thái sẽ duy trì trên một trang. Do vậy các biến JavaScript và trạng thái DOM vẫn còn, nguyên nhân là bởi trang vùng chứa chính không được tải lại.
Nhược điểm
- Khó đánh dấu các trang web động hơn.
- Dừng hoạt động trong trường hợp JavaScript đã bị tắt trong trình duyệt.
- Nếu trình duyệt web không thực thi JavaScript, đồng nghĩa ta không nhìn thấy nội dung được tải bởi JavaScript.
- Muốn tìm nạp dữ liệu phải kết hợp dữ liệu từ xa đã tìm nạp với các mẫu phía máy khách thì mới có thể cập nhật DOM.
Trên đây là bộ các câu hỏi phỏng vấn front end thường gặp nhất. Mong rằng chúng sẽ giúp bạn vượt qua kỳ thi sắp tới, chúc bạn thành công!
>>>Xem thêm: Sự khác nhau giữa lập trình Back end và lập trình Front end là gì?
