Thuật ngữ 'semantic HTML' đề cập đến điều gì?

• A. Sử dụng HTML chỉ cho mục đích trình bày, không chứa nội dung.
• B. Sử dụng các thẻ HTML có ý nghĩa rõ ràng về mặt ngữ nghĩa để mô tả cấu trúc và nội dung của trang web.
• C. Viết mã HTML sao cho ngắn gọn nhất có thể.
• D. Sử dụng HTML để tạo hiệu ứng động.

Trong Node.js, 'npm' (Node Package Manager) được sử dụng để làm gì?

• A. Để quản lý các gói và thư viện JavaScript, giúp cài đặt, cập nhật và gỡ bỏ chúng một cách dễ dàng.
• B. Để biên dịch mã JavaScript thành mã máy.
• C. Để chạy các ứng dụng JavaScript trên trình duyệt.
• D. Để tạo các hiệu ứng động cho trang web.

Đâu là một cách để bảo vệ trang web khỏi tấn công SQL injection?

• A. Sử dụng HTTPS.
• B. Sử dụng prepared statements hoặc parameterized queries để xử lý dữ liệu đầu vào từ người dùng một cách an toàn.
• C. Sử dụng JavaScript để mã hóa dữ liệu.
• D. Vô hiệu hóa cookies.

Trong lập trình web, thuật ngữ 'responsive design' đề cập đến điều gì?

• A. Một thiết kế web chỉ hiển thị tốt trên máy tính để bàn.
• B. Một phương pháp thiết kế web tạo ra các trang web thích ứng với nhiều kích thước màn hình và thiết bị.
• C. Một loại ngôn ngữ lập trình web mới.
• D. Một kỹ thuật để tăng tốc độ tải trang web.

Trong lập trình web, CORS (Cross-Origin Resource Sharing) là gì?

• A. Một kỹ thuật để tối ưu hóa hình ảnh.
• B. Một cơ chế bảo mật trình duyệt cho phép các trang web từ một nguồn (origin) khác nhau truy cập tài nguyên từ một nguồn khác.
• C. Một phương pháp để tạo hiệu ứng động cho trang web.
• D. Một cách để mã hóa dữ liệu trên trang web.

Trong JavaScript, sự khác biệt chính giữa '==' và '===' là gì?

• A. '==' so sánh giá trị, trong khi '===' so sánh cả giá trị và kiểu dữ liệu.
• B. '===' so sánh giá trị, trong khi '==' so sánh cả giá trị và kiểu dữ liệu.
• C. Không có sự khác biệt, cả hai đều so sánh giá trị.
• D. Cả hai đều so sánh giá trị và kiểu dữ liệu, nhưng '===' nhanh hơn.

Thuật ngữ 'lazy loading' trong lập trình web đề cập đến điều gì?

• A. Việc tải tất cả các tài nguyên của trang web cùng một lúc.
• B. Việc chỉ tải các tài nguyên (ví dụ: hình ảnh, video) khi chúng cần thiết, ví dụ như khi người dùng cuộn trang đến vị trí của chúng.
• C. Việc sử dụng một ngôn ngữ lập trình 'lười biếng'.
• D. Việc trì hoãn việc phát triển trang web.

Trong ngữ cảnh của SEO (Search Engine Optimization), 'long-tail keyword' là gì?

• A. Một từ khóa rất phổ biến và cạnh tranh cao.
• B. Một cụm từ khóa dài và cụ thể hơn, thường có ít cạnh tranh hơn và nhắm mục tiêu đến một đối tượng cụ thể hơn.
• C. Một từ khóa được sử dụng trong thẻ 'meta' của trang web.
• D. Một từ khóa được sử dụng để tạo liên kết nội bộ.

Sự khác biệt chính giữa cookies và local storage là gì?

• A. Cookies chỉ có thể lưu trữ dữ liệu văn bản, trong khi local storage có thể lưu trữ nhiều loại dữ liệu hơn.
• B. Cookies được lưu trữ trên máy chủ, trong khi local storage được lưu trữ trên trình duyệt của người dùng.
• C. Local storage có dung lượng lưu trữ lớn hơn và không bị gửi kèm trong mỗi yêu cầu HTTP như cookies.
• D. Cookies chỉ có thể được truy cập bởi JavaScript, trong khi local storage có thể được truy cập bởi cả JavaScript và HTML.

Trong CSS, thuộc tính 'z-index' được sử dụng để làm gì?

• A. Để thay đổi màu nền của một phần tử.
• B. Để xác định thứ tự xếp chồng của các phần tử HTML, phần tử có z-index cao hơn sẽ nằm trên các phần tử khác.
• C. Để tạo hiệu ứng bóng đổ cho một phần tử.
• D. Để thay đổi kích thước của một phần tử.

Sự khác biệt chính giữa phương thức GET và POST trong HTTP là gì?

• A. GET được sử dụng để lấy dữ liệu từ máy chủ, trong khi POST được sử dụng để gửi dữ liệu lên máy chủ.
• B. POST được sử dụng để lấy dữ liệu từ máy chủ, trong khi GET được sử dụng để gửi dữ liệu lên máy chủ.
• C. GET nhanh hơn POST.
• D. POST an toàn hơn GET.

Đâu là lợi ích của việc sử dụng một framework JavaScript như Angular, React hoặc Vue?

• A. Để viết mã JavaScript nhanh hơn mà không cần hiểu rõ về cú pháp.
• B. Để cung cấp một cấu trúc và tổ chức code nhất quán, giúp phát triển ứng dụng web phức tạp dễ dàng và hiệu quả hơn.
• C. Để tự động tối ưu hóa SEO cho trang web.
• D. Để loại bỏ hoàn toàn nhu cầu viết mã HTML và CSS.

Đâu là một lợi ích của việc sử dụng TypeScript thay vì JavaScript?

• A. TypeScript chạy nhanh hơn JavaScript.
• B. TypeScript cung cấp kiểu tĩnh, giúp phát hiện lỗi trong quá trình phát triển sớm hơn và cải thiện khả năng bảo trì mã.
• C. TypeScript không cần biên dịch.
• D. TypeScript có cú pháp đơn giản hơn JavaScript.

Trong ReactJS, 'state' là gì?

• A. Một cách để định kiểu cho các component.
• B. Một đối tượng chứa dữ liệu có thể thay đổi của một component, khi state thay đổi, component sẽ được render lại.
• C. Một hàm được sử dụng để tạo các component.
• D. Một thư viện để quản lý các route trong ứng dụng.

Chức năng của một CDN (Content Delivery Network) là gì?

• A. Để bảo vệ trang web khỏi các cuộc tấn công DDoS.
• B. Để lưu trữ dữ liệu người dùng.
• C. Để phân phối nội dung trang web từ các máy chủ gần người dùng hơn, giảm độ trễ và tăng tốc độ tải trang.
• D. Để tự động tạo mã HTML.

Trong kiến trúc RESTful API, phương thức HTTP nào được sử dụng để cập nhật một phần của tài nguyên?

• A. GET
• B. POST
• C. PUT
• D. PATCH

Trong ngữ cảnh của bảo mật web, XSS (Cross-Site Scripting) là gì?

• A. Một loại tấn công từ chối dịch vụ (DoS).
• B. Một kỹ thuật để cải thiện hiệu suất trang web.
• C. Một lỗ hổng bảo mật cho phép kẻ tấn công chèn mã độc hại vào các trang web mà người dùng khác xem.
• D. Một phương pháp để mã hóa dữ liệu trên trang web.

Đâu là một cách để cải thiện khả năng truy cập (accessibility) của một trang web?

• A. Sử dụng màu sắc tương phản cao, cung cấp văn bản thay thế cho hình ảnh (alt text) và đảm bảo cấu trúc HTML có ý nghĩa (semantic HTML).
• B. Sử dụng nhiều hiệu ứng động.
• C. Sử dụng phông chữ nhỏ.
• D. Tắt JavaScript.

Trong ngữ cảnh của kiểm thử phần mềm (software testing), kiểm thử đơn vị (unit testing) là gì?

• A. Kiểm thử toàn bộ ứng dụng.
• B. Kiểm thử từng thành phần (unit) nhỏ nhất của ứng dụng (ví dụ: hàm, lớp) một cách độc lập để đảm bảo chúng hoạt động đúng như mong đợi.
• C. Kiểm thử giao diện người dùng.
• D. Kiểm thử hiệu suất của ứng dụng.

Trong kiến trúc Microservices, điều gì là quan trọng nhất?

• A. Tất cả các services phải sử dụng cùng một ngôn ngữ lập trình.
• B. Các services phải được kết nối chặt chẽ với nhau.
• C. Mỗi service phải độc lập, tự quản lý và có thể triển khai riêng lẻ, giao tiếp với các service khác thông qua API.
• D. Các services phải chia sẻ cùng một cơ sở dữ liệu.

Trong JavaScript, closures là gì?

• A. Một cách để tạo các biến toàn cục.
• B. Một hàm có thể truy cập các biến trong phạm vi (scope) của hàm cha, ngay cả sau khi hàm cha đã thực thi xong.
• C. Một cách để định nghĩa các lớp (classes).
• D. Một cách để tạo các hiệu ứng động.

Đâu là mục đích chính của việc sử dụng CSS preprocessors như Sass hoặc Less?

• A. Để viết mã JavaScript nhanh hơn.
• B. Để làm cho mã CSS dễ đọc và bảo trì hơn bằng cách sử dụng các tính năng như biến, mixin và nesting.
• C. Để tối ưu hóa hình ảnh cho trang web.
• D. Để cải thiện SEO của trang web.

Sự khác biệt chính giữa 'session storage' và 'local storage' trong JavaScript là gì?

• A. Session storage lưu trữ dữ liệu vĩnh viễn, trong khi local storage chỉ lưu trữ dữ liệu trong một phiên.
• B. Local storage lưu trữ dữ liệu vĩnh viễn, trong khi session storage chỉ lưu trữ dữ liệu trong một phiên trình duyệt.
• C. Session storage có dung lượng lưu trữ lớn hơn local storage.
• D. Local storage an toàn hơn session storage.

Phương pháp nào sau đây thường được sử dụng để cải thiện hiệu suất tải trang web?

• A. Tăng kích thước phông chữ.
• B. Sử dụng nhiều hiệu ứng động CSS.
• C. Tối ưu hóa hình ảnh, sử dụng bộ nhớ cache của trình duyệt và giảm thiểu mã CSS/JavaScript.
• D. Thêm nhiều video tự động phát.

Điều gì xảy ra khi một người dùng nhập một URL vào trình duyệt của họ?

• A. Trình duyệt hiển thị trang web đã lưu trong bộ nhớ cache.
• B. Trình duyệt gửi một yêu cầu đến máy chủ DNS để tìm địa chỉ IP tương ứng với tên miền, sau đó gửi một yêu cầu HTTP đến máy chủ đó.
• C. Trình duyệt tự động tải xuống tất cả các tệp từ trang web.
• D. Trình duyệt gửi email cho quản trị viên trang web.

Trong CSS, thuộc tính 'display: flex;' được sử dụng để làm gì?

• A. Để ẩn một phần tử khỏi trang web.
• B. Để tạo một bố cục linh hoạt (flexible layout) cho các phần tử con, giúp dễ dàng căn chỉnh và phân phối không gian giữa chúng.
• C. Để tạo hiệu ứng động cho một phần tử.
• D. Để thay đổi màu chữ của một phần tử.

Đâu là một cách để ngăn chặn tấn công CSRF (Cross-Site Request Forgery)?

• A. Sử dụng HTTPS.
• B. Sử dụng các token CSRF, được tạo ngẫu nhiên và kiểm tra ở phía máy chủ để xác minh tính hợp lệ của yêu cầu.
• C. Sử dụng JavaScript để mã hóa dữ liệu.
• D. Vô hiệu hóa cookies.

Trong React, props là gì?

• A. Một cách để định nghĩa các biến toàn cục.
• B. Một cơ chế để truyền dữ liệu từ component cha xuống component con; props là read-only từ quan điểm của component con.
• C. Một cách để định nghĩa các hàm tiện ích.
• D. Một cơ chế để quản lý state cục bộ.

Thuật ngữ 'code splitting' trong lập trình web đề cập đến điều gì?

• A. Việc chia sẻ mã giữa các dự án khác nhau.
• B. Việc chia mã ứng dụng thành các phần nhỏ hơn, có thể tải theo yêu cầu, giúp giảm thời gian tải ban đầu của trang web.
• C. Việc viết mã bằng nhiều ngôn ngữ lập trình khác nhau.
• D. Việc sử dụng các thư viện mã nguồn mở.

Đâu là sự khác biệt chính giữa 'display: none;' và 'visibility: hidden;' trong CSS?

• A. 'display: none;' ẩn phần tử và loại bỏ nó khỏi luồng tài liệu, trong khi 'visibility: hidden;' ẩn phần tử nhưng vẫn giữ chỗ của nó trong luồng tài liệu.
• B. 'visibility: hidden;' ẩn phần tử và loại bỏ nó khỏi luồng tài liệu, trong khi 'display: none;' ẩn phần tử nhưng vẫn giữ chỗ của nó trong luồng tài liệu.
• C. Không có sự khác biệt, cả hai đều ẩn phần tử và loại bỏ nó khỏi luồng tài liệu.
• D. Không có sự khác biệt, cả hai đều ẩn phần tử nhưng vẫn giữ chỗ của nó trong luồng tài liệu.