Phỏng vấn là quy trình mang tính quyết định để nhà tuyển dụng có thể đánh giá rằng bạn có đặt được yêu cầu mà vị trí đó đặt ra hay không. Vì vậy nếu bạn đang có mong muốn trở thành một lập trình viên Front End thì hãy tìm hiểu câu hỏi phỏng vấn front end thường gặp dưới đây để chuẩn bị cho mình những thông tin cần có.
Câu hỏi html 5
DOM trong HTML là gì?
DOM là viết tắt của cụm từ Document Object Model và được biết đến chính là một giao diện lập trình dùng cho tài liệu HTML cũng như XML. DOM sẽ đại diện cho những tài liệu HTML và XML dưới dạng các nút và đối tượng. Vì thế, DOM có thể được tác động thông qua javascript. Đây là câu hỏi phỏng vấn front end cơ bản nên hãy chuẩn bị để không làm mất điểm trước nhà tuyển dụng.
Thẻ Meta là gì?
Thẻ Meta là đoạn văn bản ngắn được sử dụng để mô tả nội dung trang. Thẻ Meta được xuất hiện tại mã nguồn trang chứ không phải tại trang chính. Thẻ Meta đóng vai trò trong việc giúp cho các công cụ tìm kiếm có thể nhanh chóng đọc và hiểu được nội dung của trang web bất kỳ. Có một số các thẻ meta quan trọng như thẻ title, thẻ description, thẻ view-port,...
Thẻ <!DOCTYPE html> là gì?
DOCTYPE hay còn gọi là khai báo tài liệu HTML là dòng mã bắt buộc phải có ở vị trí đầu tiên trong tất cả ngôn ngữ HTML và XHTML. Thẻ DOCTYPE dùng để hướng dẫn cho trình web phiên bản HTML mà trang sử dụng. Nhờ đó mà trang web có thể phân tích cú pháp giống nhau từ các trình duyệt web khác biệt. Có 3 loại thẻ DOCTYPE là Strict Doctype, Frameset Doctype và Transitional Doctype.
HTML semantic là gì?
HTML semantic được hiểu là sử dụng thẻ thích hợp nhất với ý nghĩa của nó. Chúng ta hoàn toàn có thể thay thế div và span bằng các phần tử có ý nghĩa khác như là form, table và article.
HTML 5 là gì?
HTML 5 là phiên bản thứ năm của ngôn ngữ HTML và trở thành ngôn ngữ được sử dụng hầu hết hiện nay. So với các phiên bản khác, HTML 5 có một số các thẻ mới giúp hỗ trợ như là thẻ header, footer, video, audio,...HTML 5 nổi bật bởi sự đa nền tảng và responsive. Bên cạnh đó hỗ trợ video, âm thanh tạo bởi HTML 5 có tính nhất quán và rõ ràng cao, layout elements có nhiều hơn,...
Khác nhau giữa thẻ div và span
Div là thẻ dùng đại diện cho thẻ Block, được sử dụng để gom một nhóm các thẻ Block lại với nhau. Span là thẻ đại diện cho thẻ Inline, được sử dụng để gom một nhóm các thẻ Inline lại với nhau.
Câu hỏi CSS
ID Selector và Class selector trong CSS có gì khác nhau
Mỗi một phẩn tử sẽ chỉ có một ID Selector duy nhất và HTML chỉ sở hữu một phần tử ID Selector duy nhất đó.
Ngược lại với ID Selector, nhiều Class selector có thể được sử dụng cùng lúc trên một phần tử và một Class selector cũng có thể dùng trên nhiều phần tử.
Điểm khác biệt giữa relative, fixed, absolute và statically positioned element khác nhau thế nào?
Với câu hỏi phỏng vấn front end về điểm khác biệt giữa relative, fixed, absolute và statically positioned element bạn có thể trả lời như sau:
- Relative được định vị tương đối so với vị trí thông thường mà nó có. .
- Fixed được đặt dựa vào cửa sổ của trình duyệt.
- Absolute được định vị vào vị trí gốc ban đầu của nó.
- Statically là giá trị mặc định theo thứ tự mà tất cả các phần tử xuất hiện.
Long-polling, Websockets và Server-sent Events có gì khác nhau
- Long-Polling sẽ mở một yêu cầu HTTP và luôn mở nó cho đến lúc có bản cập nhật. Khi đã có bản cập nhật thì một yêu cầu HTTP mới sẽ mở tức thì trong khi tiếp tục đợi bản cập nhật kế tiếp.
- Websockets là giao thức cho phép giao tiếp hai chiều của máy chủ và máy khách được diễn ra liên tục.
- Server-Sent Events là những sự kiện được máy chủ gửi dựa vào kết nối HTTP diễn ra lâu dài, khi mà các bản cập nhật được gửi đến máy khách liên túc.
Cors là gì?
Cors được viết tắt bởi Cross-Origin Resource Sharing, là cơ chế trình duyệt được phép truy cập có kiểm soát những tài nguyên ở bên ngoài một miền cố định. Cors giúp mở rộng và tăng sự linh hoạt của chính sách và nguồn gốc.
Cookies, Session Storage, Local Storage có gì khác nhau
- Cookies là dữ liệu được lưu trữ trong trình duyệt có kích thước rất nhỏ. Nó có thể lưu trữ khoảng 4kb và được truy cập dựa vào trình duyệt hoặc là máy chủ.
- Session storage hay bộ nhớ phiên là bộ nhớ thuộc trình duyệt, có thể lưu trữ đến 5MB. Đây là bộ nhớ dựa trên phiên nên khi tắt trình duyệt mọi dữ liệu sẽ bị xóa bỏ.
- Local storage hay bộ nhớ cục bộ cũng tương tự như Session storage là bộ nhớ thuộc trình duyệt. Tuy nhiên Local storage có khả năng lưu trữ lớn lên đến 10MB và vô thời hạn, không bị ảnh hưởng dù bạn có tắt trình duyệt.
Pseudo-class trong CSS là gì?
Pseudo-class trong CSS được sử dụng với mục đích xác định tình trạng đặc biệt của một phần tử. Pseudo-class còn có thể kết hợp cùng với một bộ chọn CSS để tạo thêm hiệu ứng cho những phần tự dựa vào trạng thái hiện tại của chúng.
Sự khác biệt giữa Put và Post
Put có thế dùng để thay thế cho tài nguyên đích dựa trên payload yêu cầu. Put cũng có thể dùng cho việc tạo hoặc cập nhật một tài nguyên mới.
Post được sử dụng để xử lý một tài nguyên cụ thể tại payload. Có thể dùng mới một số công việc như tạo tài nguyên, gửi biểu mẫu hoặc tải tệp lên.
Phân biệt giữa inline, block, inline-block
- Inline là những item được sắp đặt trên cùng một hàng và không có khả năng height, width, top và bottom.
- Block là kiểu mặc định. Các item được hiển thị theo dạng khối và chiếm lấy toàn bộ width nếu không được set và mặc định xuống dòng. Có khả năng set các thuộc tính height, width, margin, và padding.
- Inline-block tương tự với Inline là những item được sắp đặt trên cùng một hàng nhưng có thể set được các thuộc tính height, width, top và bottom.
Flexbox và Grid
- Flexbox sử dụng để css theo chiều dọc hoặc chiều ngang ( một chiều)
- Grid sử dụng để css với 2 chiều.
Ngoài ra, với câu hỏi phỏng vấn front end này bạn có thể trình bày thêm về những thuộc tính cơ bản của Flexbox và Grid.
Phân biệt đơn vị px, rem, em
- px là viết tắt của pixel, đây là đơn vị có độ phổ biến và tính sử dụng cao, dễ dàng nhất.
- rem được phụ thuộc bởi thẻ html, theo mặc định thì 1rem được tính bằng 16px.
- em là đơn vị bị phụ thuộc vào thẻ cha ở gần nhất mang thuộc tính font-size.
Box-sizing: border-box là gì?
Câu hỏi phỏng vấn front end tiếp theo là về border-box. Box-sizing: border-box được sử dụng để ngăn chặn sự tăng lên của phần tử khi set border, padding so với kích thước ban đầu. Nó sẽ thực hiện tính toán sao cho content cùng với phần tử có thể tăng thêm bằng với kích thước được đặt ra từ đầu.
Model box là gì?
Model box bao gồm các phần Content ( nội dung chính), Border (viền), Padding (đệm thêm) và Margin ( dịch chuyển).
BEM
BEM là từ có nguồn gốc từ Block, Element, Modifier. BEM được sử dụng với mục đích để tạo các khối css độc lập, chúng ta có thể sử dụng lại cho các dự án trong tương lai.
Responsive
Responsive là tính năng đáp ứng trải nghiệm người dùng, nó có khả năng giúp trang web thích ứng với các kích thước hiển thị khác nhau mà không tác động đến việc sử dụng. Nhờ đó, nhà phát triển có thể tạo một bộ HTML, CSS, JavaScript sử dụng với nhiều nền tảng, trình duyệt và thiết bị khác nhau. Đây là câu hỏi phỏng vấn front end có tính ứng dụng tác động trực tiếp đến người dùng nên trả lời thuyết phục sẽ tạo được ấn tượng với nhà tuyển dụng.
CSS Selector
CSS selector là 1 chuỗi đã xác định những phần tử có thể áp dụng cho một khai báo cụ thể. CSS selector cũng là liên kết của HTML với style sheet.
Pseudo-class
Pseudo-class được sử dụng để xác định khi một phần tử có trạng thái đặc biệt. Có thể kể đến những Pseudo-class như: focus, focus-within, hover, visited, checked....
Devwork đã cùng bạn tìm hiểu các câu hỏi phỏng vấn Front End thường gặp và cách trả lời. Chúng tôi hy vọng những thông tin này sẽ hữu ích với bạn. Và nếu bạn đang quan tâm đến lĩnh vực tuyển dụng thì đừng bỏ qua Devwork - Nền tảng tuyển dụng IT kết nối HR Freelancer.
Devwork là Nền tảng TUYỂN DỤNG IT CẤP TỐC với mô hình kết nối Nhà tuyển dụng với mạng lưới hơn 30.000 headhunter tuyển dụng ở khắp mọi nơi.Với hơn 1800 doanh nghiệp IT tin dùng Devwork để :
Tag Cloud:
Tác giả: hieu
Việc làm tại Devwork
Bài viết liên quan
Career Path là gì- Các bước xây dựng Career Path hiệu quả nhất 2025
Career path là gì? Đây không chỉ là câu hỏi của những người mới bắt đầu, mà còn là nỗi trăn trở của nhiều người đã đi làm. Bài viết này Devwork sẽ giúp bạn hiểu rõ về Career Path, đồng thời sẽ chia sẻ các bước để xây dựng Career Path hiệu quả nhé!...
Cách xây dựng thương hiệu cá nhân CHUYÊN NGHIỆP từ A- Z
Xây dựng thương hiệu cá nhân là một hành trình dài hơi, đòi hỏi sự kiên nhẫn, tính kỷ luật và chiến lược rõ ràng. Trong bài viết này, bạn đọc hãy cùng Devwork tìm hiểu về cách xây dựng thương hiệu cá nhân hiệu quả với hướng dẫn cụ thể và chi tiết nhé!
KHÓA HỌC "HEADHUNTER TALENTS - SPEED UP" - MIỄN PHÍ ĐÀO TẠO HEADHUNTER TRONG NGÀNH CNTT
Trong bối cảnh thị trường lao động cạnh tranh gay gắt nói chung và trong lĩnh vực nhân sự nói riêng, việc trở thành một headhunter có chuyên môn vững chưa bao giờ là dễ dàng. Hiểu được điều đó, Devwork đã mở lớp học tuyển dụng chuyên sâu mang tên “Headhunter Talents - Speed up”, nhằm mang đến cho bạn những kiến thức cần thiết để tỏa sáng trong lĩnh vực tuyển dụng.
Làm Thế Nào Để Xây Dựng Đội Ngũ IT Mạnh Mẽ Trong Thời Gian Ngắn?
Xây dựng một đội ngũ IT mạnh mẽ là một trong những yếu tố quan trọng giúp các công ty công nghệ phát triển bền vững và nhanh chóng. Tuy nhiên, với thị trường IT ngày càng cạnh tranh, việc tìm kiếm và tuyển dụng nhân sự chất lượng không phải là điều dễ dàng. Dưới đây là những bước cụ thể giúp bạn xây dựng một đội ngũ IT mạnh mẽ trong thời gian ngắn, đồng thời tối ưu hóa quy trình tuyển dụng hiệu quả thông qua các dịch vụ tuyển dụng chuyên nghiệp.
Dịch vụ tuyển dụng IT cấp tốc - Bí quyết cho doanh nghiệp vừa và nhỏ
Trong thời đại công nghệ phát triển nhanh chóng như hiện nay, các doanh nghiệp vừa và nhỏ (SME) cần phải có đội ngũ nhân sự IT chất lượng để duy trì và phát triển kinh doanh. Tuy nhiên, việc tuyển dụng nhân sự IT phù hợp không phải lúc nào cũng dễ dàng, đặc biệt là khi nhu cầu về các kỹ năng công nghệ ngày càng cao. Trong bài viết này, chúng ta sẽ cùng tìm hiểu về dịch vụ tuyển dụng IT cấp tốc và bí quyết giúp doanh nghiệp vừa và nhỏ tuyển dụng nhanh chóng và hiệu quả.
Top Các Vị Trí IT Được Tuyển Dụng Nhiều Nhất Năm 2025
Ngành công nghệ thông tin (IT) luôn là một trong những lĩnh vực phát triển mạnh mẽ nhất trong thập kỷ qua. Đặc biệt, năm 2024 hứa hẹn sẽ tiếp tục là một năm sôi động đối với thị trường lao động IT khi các công ty không ngừng tìm kiếm những ứng viên chất lượng để đáp ứng nhu cầu số hóa và phát triển công nghệ. Dưới đây là danh sách các vị trí IT được tuyển dụng nhiều nhất trong năm 2024, cùng các kỹ năng cần thiết và cơ hội việc làm mà bạn không nên bỏ qua.
