Sau khi vượt qua vòng xét duyệt hồ sơ các ứng viên cho vị trí Lập trình viên Front End bạn sẽ bước vào buổi phỏng vấn với nhà tuyển dụng. Nếu bạn đang băn khoăn, lo lắng không biết nhà tuyển dụng sẽ đưa ra câu hỏi gì? Vậy hãy cùng tham khảo một số câu hỏi phỏng vấn Front End Developer cùng gợi ý câu trả lời trong bài viết dưới đây của TopCV.
DOM trong HTML là gì?
DOM viết tắt của The Document Object Model được biết đến là một giao diện lập trình cho các document HTML. Nó sẽ đại diện cho trang để chương trình có thể thay đổi cấu trúc, nội dung của tài liệu. DOM đại diện cho tài liệu dưới dạng đối tượng và các nút.
Thẻ Meta là gì?
Thẻ Meta là đoạn văn bản mô tả nội dung của trang, các thẻ meta xuất hiện trong mã nguồn của trang mà không xuất hiện trên chính trang. Các thẻ meta giúp cho công cụ tìm kiếm nhanh chóng đọc và biết được nội dung của một trang web.
Nêu những điểm khác nhau giữa ID Selector và Class selector trong CSS
- ID là duy nhất, mỗi phần tử chỉ có thể có một ID. Mỗi trang HTML chỉ có thể có một phần tử có ID đó.
- Ngược lại, Class bạn có thể sử dụng trên nhiều phần tử và một phần tử có thể có nhiều class
Điểm khác biệt giữa relative, fixed, absolute và statically positioned element là gì?
- Relative là phần tử được định vị tương đối với vị trí bình thường của nó
- Fixed là phần tử được định vị liên quan đến cửa sổ trình duyệt
- Absolute là phần tử được đặt cố định ở vị trí ban đầu của nó
- Static là giá trị mặc định, tất cả các phần tử sẽ sắp xếp theo thứ tự khi chúng xuất hiện trong tài liệu.
>>> Xem thêm: Lập trình viên là gì? Những kỹ năng cần có ở một lập trình viên
Sự khác nhau giữa Long-polling, Websockets và Server-sent Events là gì?
- Long-polling: Khi mở yêu cầu HTTP và sẽ mở cho đến khi nhận được bản cập nhật. Khi nhận được bản cập nhật, yêu cầu mới sẽ được mở ra ngay lập tức khi đang chờ bản cập nhật tiếp theo.
- Websocket: Cho phép giao tiếp liên tục hai chiều giữa máy chủ và máy khách.
- Server-Sent Event: Sự kiện do máy chủ gửi dựa trên kết nối HTTP lâu dài nơi các bản cập nhật liên tục được gửi đến máy khách.
>> Xem thêm: Lập trình viên là gì? Những kỹ năng cần có ở một lập trình viên
Cors là gì?
Cors ( Cross-Origin Resource Sharing) là một cơ chế trình duyệt cho phép truy cập và kiểm soát các tài nguyên nằm bên ngoài một miền nhất định nào đó. Nó sẽ mở rộng và thêm sự linh hoạt cho chính sách cùng nguồn gốc.
Hoisting trong JavaScript là gì?
Hoisting là thuật ngữ dùng để mô tả sự di chuyển của biến và hàm lên đầu phạm vi của chúng. Tại đây chúng ta có thể xác định được biến hoặc hàm đó.
Cookies, Session Storage, Local Storage khác nhau như thế nào?
- Cookies là dữ liệu rất nhỏ lưu trữ trong trình duyệt có thể lưu trữ lên đến 4KB và có thể được truy cập thông tin qua máy chủ hoặc trình duyệt.
- Local Storage là bộ nhớ của trình duyệt có khả năng lưu trữ lên đến 10MB
- Session Storage là bộ nhớ phiên, bộ nhớ này lưu trữ được ít hơn 5MB và sẽ bị xóa khi đóng trình duyệt của bạn
Trong CSS Pseudo-class là gì?
Pseudo trong CSS dùng để xác định trạng thái đặc biệt của một phần tử. Nó có thể được kết hợp với một bộ chọn CSS (selector) để thêm hiệu ứng cho các phần tử hiện có dựa trên trạng thái của chúng.
Put và Post khác nhau như thế nào?
- Put: Thay thế tài nguyên bằng payload yêu cầu và có thể được sử dụng để cập nhập hoặc tạo một tài nguyên mới.
- Post: Thực hiện xử lý tài nguyên cụ thể trên payload và có thể được sử dụng cho các hành động khác nhau bao gồm tạo ra tài nguyên mới, tải lên tệp hoặc gửi biểu mẫu web.
Tìm việc làm Lập trình viên Front End Developer tại TopCV:
Tổng hợp câu hỏi phổ biến về CSS
Những câu hỏi liên quan đến CSS có thể gồm như:
Câu 1: Khái niệm về CSS là gì? – Là một ngôn ngữ tạo kiểu được sử dụng chung với HTML. Viết tắt của cụm Cascading Style Sheet.
Câu 2: Khái niệm về CSS Framework là gì? – Là một bảng định kiểu CSS sẵn sàng cho các developer hoặc thiết kế website sử dụng.
Câu 3: Làm thế nào để tích hợp CSS vào HTML? – Thực hiện theo 1 trong 3 cách gồm tích hợp kiểu, tích hợp style hoặc viết CSS trong tập tin riêng biệt, sau đó thêm vào trang HTML.
Câu 4: BEM là gì? Vì sao cần dùng BEM? – Là khái niệm viết tắt của Block, Element, Modifier. Sử dụng BEM với mục đích viết các khối CSS độc lập, sử dụng lại cho các dự án khác nhau.
Câu 5: Ưu – nhược điểm của External Style Sheets khi sử dụng là gì?
Câu 6: Khái niệm của Box Model trong CSS? Thuộc tính CSS nào thuộc Box Model?
Câu 7: Thiết kế responsive là gì? – Là thiết kế đáp ứng, cho phép các website thích ứng với nhiều kích thước màn hình khác nhau.
Câu 8: Khái niệm của CSS Selector? – Là chuỗi xác định các phần tử. Những phần tử này của một khai báo cụ thể áp dụng.
Câu 9: Nêu khái niệm của Grid system?
Câu 10: Phân biệt “resetting” và “normalizing”?
Câu 11: Nêu Mục đích của z-index?
Câu 12: Giải thích về CSS sprite, cách triển khai?
Ngoài việc làm Frontend Developer, bạn có thể ứng tuyển các vị trí khác trong ngành Công nghệ thông tin tại TopCV. Hàng ngàn việc làm hấp dẫn đang chờ bạn khám phá. Tìm việc ngay!
|
Nhóm các câu hỏi về HTML
Những câu hỏi về HTML có thể bao gồm:
Câu 13: Khái niệm của doctype trong HTML? – Là khai báo kiểu tài liệu, dòng mã đầu tiên được yêu cầu trong các tài liệu của XHTML hoặc HTML.
Câu 14: Khái niệm thuộc tính data-? – Là thuộc tính cho phép lưu trữ thêm thông tin hoặc dữ liệu trong DOM.
Câu 15: Cách tạo public key trong HTML như thế nào?
Câu 16: Có thể đáp ứng 1 trong nhiều ngôn ngữ trong HTML không? Làm sao để đáp ứng?
Câu 17: Khái niệm của HTML semantic?
Câu 18: Phân biệt giữa thẻ và thuộc tính? Khái niệm DOM?
Câu 19: Bạn hiểu thế nào về Web Accessibility (khả năng truy cập web)?
Câu 20: Phân biệt 2 phần tử block và inline?
Câu 21: Nêu sự hiểu biết của bạn về HTML5?
Câu 22: Mô tả cấu trúc bố cục HTML?
Các câu hỏi về JavaScript
Những câu hỏi phỏng vấn Front End về ngôn ngữ JavaScript ví dụ như:
Câu 23: Nêu những hiểu biết của bạn về event delegation?
Câu 24: “This” hoạt động như thế nào trong JavaScript?
Câu 25: Khác biệt của native objects và host objects là gì?
Câu 26: Khi sử dụng Ajax có những ưu – nhược điểm nào?
Câu 27: Trong JavaScript, “use strict” là gì? Khi sử dụng có những khó khăn, thuận lợi gì?
Câu 28: Cách kiểm tra một biến là một số trong JavaScript?
Câu 29: Giải thích về khái niệm của các thuật ngữ sau: Closure, CoffeeScript, Hoisting?
Những câu hỏi phỏng vấn Front End khác
Để có thể vượt qua được buổi phỏng vấn, bạn sẽ cần chuẩn bị những nền tảng kiến thức về Front End. Hầu hết các câu hỏi phỏng vấn Front End sẽ xoay quanh những kiến thức nền tảng này. Ví dụ như:
- Có hiểu biết về JavaScript, công cụ phân tích mã tĩnh.
- Có kiến thức về các frameworks, những thư viện thường sử dụng cho JavaScript như React, Vue.js,…
- có kiến thức và nắm vững cách sử dụng, vận dụng HTML5, CSS. Khả năng viết HTML có ngữ nghĩa chính xác. Triển khai được các pixel trong thiết kế hoàn hảo thành CSS, thiết kế được responsive.
- Hiểu về trình duyệt, có kiến thức thực tế về các loại trình duyệt như cách hoạt động, gỡ lỗi code,…
- Có khả năng tiếng anh tốt bởi bạn sẽ phải làm việc với ngoại ngữ này khá nhiều. Một số doanh nghiệp công nghệ nước ngoài cũng có thể yêu cầu bạn phải gửi CV bằng tiếng anh, phỏng vấn bằng tiếng anh.
- Một số kiến thức khác: Có kinh nghiệm kiểm thử, từng làm việc với GIT repo, có kinh nghiệm thực tế với các API.
Trên đây là một số mẫu câu hỏi và gợi ý câu trả lời trong phỏng vấn vị trí front end. Hy vọng với những chia sẻ của TopCV.vn sẽ giúp bạn tự tin và sẵn sàng bước vào buổi phỏng vấn thành công tại doanh nghiệp đang ứng tuyển.
>> Tạo CV chuẩn, độc, lạ để ứng tuyển vào những việc làm hấp dẫn tại TopCV
>>> Xem thêm: TopCV Pro – Không gian tuyển dụng chuyên biệt kết nối Ứng viên chất với Doanh nghiệp hàng đầu