1. Tìm hiểu về nghề front end

Front end là sử dụng các ngôn ngữ HTML, CSS, ngôn ngữ lập trình Javascript để thiết kế ra các giao diện trên ứng dụng hoặc trang web. Tất cả những gì bạn nhìn thấy trên màn hình và được thao tác với nó đó chính là kết quả của lập trình Front end và là thành của của Front End Developer.

Công việc của lập trình viên  front end là thiết kế giao diện cho website và đảm bảo cho nó sử dụng được trên tất cả các thiết bị và hệ điều hành khác nhau. 

Đây là một công việc khó nên đòi hỏi người lập trình phải có nắm rõ các kỹ năng và kiến thức chuyên ngành thật chắc. Vậy nên trước khi đi  phỏng vấn phải biết được một số câu hỏi phỏng vấn front end để chuẩn bị cho buổi phỏng vấn diễn ra.

Xem thêm: Bật mí các câu hỏi phỏng vấn AngularJS phổ biến và mẹo trả lời​

2. Các câu hỏi phỏng vấn front end hay gặp

2.1. Câu hỏi về bản thân

Đây là câu hỏi mà bất kỳ ứng viên nào cũng sẽ được hỏi khi phỏng vấn vị trí lập trình viên front end. Ngay từ đầu cuộc phỏng vấn nhà tuyển dụng sẽ không hỏi bạn những câu hỏi liên quan đến kiến thức chuyên ngành ngay mà họ muốn biết về bản thân bạn trước đã.

- Bạn hãy giới thiệu về bản thân mình cho nhà tuyển dụng biết được không?

- Mục tiêu trong tương lai của bạn đối với nghề front end là gì?

- Tại sao bạn lại chọn nghề lập trình viên front end

- Điều gì ở lập trình front end khiến bạn hứng thú?

2.2. Câu hỏi phỏng vấn front end kiến thức chuyên ngành

2.2.1. Câu hỏi chung về front end

- Bạn lựa chọn những Giao diện người dùng, Vấn đề bảo mật , Hiệu suất, Khả năng tối ưu cho các bộ máy tìm kiếm, Khả năng bảo trì hay Công nghệ như thế nào khi xây dựng một ứng dụng hay trang web?

- Bạn muốn tạo ra môi trường lập trình như thế nào?

- Hệ thống quản lý phiên bản (version control systems) khiến bạn quen thuộc khi sử dụng?

- Trình bày mạch làm việc (workflow) của bạn khi làm ra một trang web?

- Bạn sẽ tích hợp 5 stylesheet khác nhau như thế nào để chúng được tốt nhất?

- Trình bày sự khác nhau giữa progressive enhancement và graceful degradatio?

- Để tối ưu các tài nguyên (assets/resources) trong website bạn làm như thế nào?

- Một trình duyệt sẽ tải bao nhiêu tài nguyên một lúc từ một tên miền (domain) cho trước?

- Các exception là gì?

- Bạn hãy nêu các cách để giảm tải trang web?

- Nếu bạn tham gia vào một dự án họ sử dụng nút Tab trong khi bạn sử dụng nút dấu cách (space) thì bạn sẽ làm gì?

- Bạn hãy trình bày cách bạn sẽ làm một trang slideshow đơn giản?

- Bạn hãy giải thích tầm quan trọng của các standards và standards bodies cho nhà tuyển dụng?

- Bạn hãy nêu định nghĩa về Flash of Unstyled Content? Bạn tránh FOUC như thế nào?

- ARIA và screenreaders là gì?  Làm sao để làm cho một trang web có thể truy cập được?

- CSS animations có ưu điểm và khuyết điểm của so với JavaScript animations? CORS là viết tắt của cái gì? Nó đề cập đến vấn đề nào?

2.2.2. Câu hỏi phỏng vấn front end chuyên sâu và đáp án trả lời

-  DOM trong HTML là gì?

DOM là từ viết tắt của The Document Object Model. Nó được biết đến là một giao diện lập trình cho các document HTML. DOM đại diện cho trang để chương trình thay đổi cấu trúc, nội dung của tài liệu. DOM là đại diện cho tài liệu dạng đối tượng và các nút. 

- Thẻ Meta là gì?

Thẻ Meta là văn bản mô tả nội dung của trang, các thẻ meta sẽ xuất hiện trong mã nguồn của trang mà không xuất hiện trên chính trang. Thẻ meta giúp cho công cụ tìm kiếm được đọc nhanh chóng và bạn sẽ biết được nội dung của một trang web. 

- Nêu đ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ó một ID. Mỗi trang HTML chỉ có một phần tử có ID đó. Ngược lại, Class có thể dùng trên nhiều phần tử, một phần tử có thể có nhiều class.

- Sự khác biệt giữa relative, fixed, absolute và statically positioned element là gì?

Relative là phần tử định vị tương đối với vị trí bình thường của nó. Fixed là phần tử định vị liên quan đến cửa sổ trình duyệt. Absolute là phần tử đặt cố định ở vị trí ban đầu của nó. Static là giá trị mặc định cho tất cả các phần tử, nó sẽ sắp xếp theo thứ tự khi chúng xuất hiện trong tài liệu. 

- Long-polling, Websockets và Server-sent Events có sự khác nhau như thế nào?

Long-polling: Khi mở yêu cầu HTTP và nó sẽ mở cho đến khi nhận được bản cập nhật. Khi nhận được cập nhật, yêu cầu mới sẽ được mở khi chờ bản cập nhật tiếp theo. 

Websocket: sẽ cho phép giao tiếp hai chiều giữa máy chủ và máy khách một cách liên tục.

Server-Sent Event: Đó là 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.

- Cors là gì?

Cors 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ó sẽ được mở rộng và thêm sự linh hoạt cho chính sách có cùng nguồn gốc. 

- Hoisting là gì khi trong JavaScript?

Nó 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 có thể xác định được biến hoặc hàm đó. 

- Sự khác nhau giữa Cookies, Session Storage, Local Storage?

Cookies là dữ liệu rất nhỏ lưu trữ trong trình duyệt, nó có thể lưu trữ lên đến 4KB. Có thể truy cập thông tin qua máy chủ hoặc trình duyệt. 

Local Storage: nó 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 nó có thể lưu trữ được ít hơn 5MB và sẽ bị xóa khi đóng trình duyệt của bạn 

- Pseudo-class là gì trong CSS?

Pseudo trong CSS được dùng để xác định trạng thái đặc biệt của một phần tử. Nó có thể kết hợp với một bộ chọn CSS để 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 có điểm gì khác nhau?

Put sẽ 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 sẽ thực hiện xử lý tài nguyên cụ thể trên payload. Nó thể 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.

Xem thêm: Tất tần tật về câu hỏi phỏng vấn ASP.NET MVC hay nhất​

3. Cần chú ý gì trong buổi phỏng vấn front end

Lập trình viên front end thiết kế giao diện web khi đi phỏng vấn trả lời các câu hỏi phỏng vấn front end thì phải chuẩn bị rất nhiều thứ để buổi phỏng vấn diễn ra được tốt nhất. Bạn nên chuẩn bị trang phục thật lịch sự để tạo được ấn tượng với nhà tuyển dụng.

Trong cuộc phỏng vấn nhà tuyển dụng sẽ hỏi các câu hỏi liên quan đến kiến thức lập trình front end của bạn. Vậy nên trước khi đi phỏng vấn bạn hãy tìm hiểu về các câu hỏi mà nhà tuyển dụng có thể hỏi và tập trả lời trước để có được các câu trả lời phỏng vấn hay tạo được ấn tượng với nhà tuyển dụng.

Trên đây là tổng hợp các câu hỏi phỏng vấn front end mà ứng viên có thể được hỏi khi đi phỏng vấn. Mong rằng sau khi đọc xong bài viết bạn đọc có thể chuẩn bị tốt cho buổi phỏng vấn sắp tới của mình để gây ấn tượng với nhà tuyển dụng. Để có cho mình thêm kinh nghiệm tìm việc, phỏng vấn bạn có thể tìm kiếm thêm các thông tin khác tại vieclam123. Chúc bạn sẽ sớm tìm được công việc yêu thích của mình.