Bộ 1 - Bộ 30+ câu hỏi trắc nghiệm online Lập trình Web có đáp án. Cùng rèn luyện kiến thức ngay nhé.
1. Trong CSS, thuộc tính 'box-sizing: border-box' có tác dụng gì?
A. Tính cả padding và border vào tổng kích thước của phần tử
B. Không tính padding và border vào tổng kích thước của phần tử
C. Thay đổi hình dạng của phần tử
D. Tạo hiệu ứng đổ bóng cho phần tử
2. Trong CSS, sự khác biệt chính giữa 'display: none' và 'visibility: hidden' là gì?
A. 'display: none' ẩn phần tử và không chiếm không gian, trong khi 'visibility: hidden' ẩn phần tử nhưng vẫn chiếm không gian
B. 'display: none' ẩn phần tử nhưng vẫn chiếm không gian, trong khi 'visibility: hidden' ẩn phần tử và không chiếm không gian
C. Cả hai đều ẩn phần tử và không chiếm không gian
D. Cả hai đều ẩn phần tử và vẫn chiếm không gian
3. Trong CSS, thuộc tính 'position: sticky' hoạt động như thế nào?
A. Phần tử luôn cố định ở một vị trí trên màn hình
B. Phần tử ban đầu hoạt động như 'relative', nhưng chuyển thành 'fixed' khi đạt đến một ngưỡng nhất định khi cuộn
C. Phần tử được định vị tương đối so với phần tử cha gần nhất
D. Phần tử được định vị tuyệt đối so với tài liệu HTML
4. Thuật ngữ 'AJAX' trong lập trình web dùng để chỉ kỹ thuật nào?
A. Một ngôn ngữ lập trình mới
B. Một kỹ thuật cho phép tạo các ứng dụng web động và tương tác bằng cách trao đổi dữ liệu với máy chủ ở chế độ nền
C. Một loại cơ sở dữ liệu
D. Một giao thức mạng
5. Thuật ngữ 'SEO' (Search Engine Optimization) đề cập đến điều gì trong lập trình web?
A. Tối ưu hóa cơ sở dữ liệu
B. Tối ưu hóa mã nguồn
C. Tối ưu hóa trang web để cải thiện thứ hạng trên các công cụ tìm kiếm
D. Tối ưu hóa tốc độ tải trang
6. Trong CSS, thuộc tính 'z-index' được sử dụng để làm gì?
A. Thay đổi kích thước phần tử
B. Điều chỉnh thứ tự xếp chồng của các phần tử
C. Thay đổi màu nền của phần tử
D. Tạo hiệu ứng đổ bóng cho phần tử
7. Sự khác biệt chính giữa '==' và '===' trong JavaScript 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 cả giá trị và kiểu dữ liệu, trong khi '===' chỉ so sánh giá trị
C. '==' chỉ sử dụng cho số, trong khi '===' sử dụng cho chuỗi
D. Không có sự khác biệt
8. Chức năng chính của một CDN (Content Delivery Network) là gì?
A. Lưu trữ dữ liệu người dùng
B. Phân phối nội dung web đến người dùng từ các máy chủ gần họ nhất
C. Quản lý tên miền
D. Bảo vệ trang web khỏi tấn công DDoS
9. Trong ngữ cảnh của lập trình web, 'WebSockets' cung cấp loại giao tiếp nào?
A. Giao tiếp một chiều từ server đến client
B. Giao tiếp một chiều từ client đến server
C. Giao tiếp hai chiều, thời gian thực giữa client và server
D. Giao tiếp dựa trên yêu cầu và phản hồi
10. Trong JavaScript, 'closure' là gì?
A. Một loại vòng lặp
B. Một hàm có thể truy cập các biến trong phạm vi bên ngoài của nó, ngay cả sau khi hàm bên ngoài đã kết thúc thực thi
C. Một cách để khai báo biến toàn cục
D. Một kỹ thuật để tối ưu hóa hiệu suất
11. Khi nào nên sử dụng phương thức 'GET' thay vì 'POST' trong một yêu cầu HTTP?
A. Khi bạn muốn gửi dữ liệu nhạy cảm
B. Khi bạn muốn tạo một tài nguyên mới trên server
C. Khi bạn chỉ muốn lấy dữ liệu từ server
D. Khi bạn muốn cập nhật một tài nguyên hiện có trên server
12. Phương pháp nào sau đây được sử dụng để lưu trữ dữ liệu trên trình duyệt của người dùng và dữ liệu này vẫn tồn tại ngay cả khi trình duyệt bị đóng?
A. Cookies
B. Session storage
C. Local storage
D. Cache storage
13. Trong lập trình web, CORS (Cross-Origin Resource Sharing) giải quyết vấn đề gì?
A. Tăng tốc độ tải trang
B. Cho phép các tài nguyên trên một domain có thể được yêu cầu bởi một domain khác
C. Mã hóa dữ liệu truyền tải
D. Quản lý bộ nhớ cache của trình duyệt
14. Trong JavaScript, mục đích của từ khóa 'async' và 'await' là gì?
A. Để khai báo các biến không đổi
B. Để làm cho mã bất đồng bộ dễ đọc và dễ viết hơn
C. Để tạo các hàm đệ quy
D. Để thực hiện các phép toán số học
15. Trong ngữ cảnh của lập trình web, thuật ngữ 'RESTful API' đề cập đến điều gì?
A. Một loại cơ sở dữ liệu
B. Một kiến trúc thiết kế API tuân theo các nguyên tắc của REST (Representational State Transfer)
C. Một ngôn ngữ lập trình
D. Một giao thức bảo mật
16. Thuật ngữ 'responsive web design' (thiết kế web đáp ứng) đề cập đến điều gì?
A. Thiết kế web chỉ dành cho máy tính để bàn
B. Thiết kế web chỉ dành cho thiết bị di động
C. Thiết kế web có khả năng tự động điều chỉnh để phù hợp với nhiều kích thước màn hình khác nhau
D. Thiết kế web chỉ sử dụng hình ảnh vector
17. Thuật ngữ 'Single Page Application' (SPA) đề cập đến loại ứng dụng web nào?
A. Ứng dụng web chỉ có một trang
B. Ứng dụng web có nhiều trang được tải lại mỗi khi người dùng tương tác
C. Ứng dụng web được thiết kế để chạy trên một thiết bị duy nhất
D. Ứng dụng web chỉ sử dụng JavaScript
18. Trong lập trình web, 'progressive enhancement' là gì?
A. Một kỹ thuật để tăng tốc độ tải trang
B. Một chiến lược thiết kế web tập trung vào việc cung cấp nội dung cơ bản cho tất cả người dùng, bất kể trình duyệt hoặc thiết bị của họ, sau đó nâng cao trải nghiệm cho những người dùng có trình duyệt và thiết bị hiện đại hơn
C. Một phương pháp để bảo mật trang web
D. Một cách để tạo các hiệu ứng động
19. Phương pháp HTTP nào thường được sử dụng để gửi dữ liệu từ client lên server để tạo một tài nguyên mới?
A. GET
B. PUT
C. DELETE
D. POST
20. Trong JavaScript, từ khóa 'this' đề cập đến đối tượng nào?
A. Đối tượng toàn cục
B. Đối tượng mà hàm là một phương thức của nó
C. Đối tượng nguyên mẫu
D. Đối tượng hiện tại
21. Trong JavaScript, mục đích của phương thức 'preventDefault()' là gì?
A. Ngăn chặn trình duyệt tải lại trang
B. Ngăn chặn hành vi mặc định của một sự kiện
C. Ngăn chặn việc gửi biểu mẫu
D. Ngăn chặn việc thực thi mã JavaScript
22. Trong lập trình web, thuật ngữ 'API' là viết tắt của cụm từ nào?
A. Application Programming Interface
B. Advanced Processing Instruction
C. Automated Protocol Implementation
D. Aggregated Performance Indicator
23. Trong ngữ cảnh của lập trình web, thuật ngữ 'DOM' là viết tắt của cụm từ nào?
A. Document Object Model
B. Data Output Management
C. Digital Optimization Method
D. Dynamic Object Mapping
24. Trong JavaScript, 'hoisting' là gì?
A. Một kỹ thuật để sắp xếp các phần tử DOM
B. Một cơ chế mà trình thông dịch JavaScript di chuyển các khai báo biến và hàm lên đầu phạm vi của chúng trước khi thực thi mã
C. Một cách để tạo các hiệu ứng động
D. Một phương pháp để tối ưu hóa hiệu suất
25. Phương pháp nào sau đây được sử dụng để bảo vệ trang web khỏi tấn công CSRF (Cross-Site Request Forgery)?
A. Sử dụng HTTPS
B. Sử dụng token CSRF
C. Sử dụng tường lửa
D. Sử dụng mật khẩu mạnh
26. 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 bằng cách giảm số lượng yêu cầu HTTP?
A. Giảm kích thước phông chữ
B. Kết hợp nhiều tệp CSS và JavaScript thành một tệp duy nhất
C. Tăng độ phân giải hình ảnh
D. Sử dụng nhiều iframe
27. Trong ngữ cảnh của bảo mật web, XSS (Cross-Site Scripting) là loại tấn công nào?
A. Tấn công từ chối dịch vụ
B. Tấn công bằng cách chèn mã độc vào website
C. Tấn công bằng cách đoán mật khẩu
D. Tấn công bằng cách thay đổi DNS
28. JSON Web Tokens (JWT) thường được sử dụng cho mục đích gì?
A. Mã hóa dữ liệu
B. Xác thực và ủy quyền người dùng
C. Lưu trữ dữ liệu trên trình duyệt
D. Tối ưu hóa hiệu suất trang web
29. Thuật ngữ 'viewport' trong lập trình web đề cập đến điều gì?
A. Kích thước của màn hình
B. Vùng hiển thị của trang web trên màn hình của thiết bị
C. Kích thước của hình ảnh
D. Kích thước của cửa sổ trình duyệt
30. Cơ chế nào trong JavaScript cho phép bạn thực thi một hàm sau một khoảng thời gian nhất định?
A. setInterval()
B. clearInterval()
C. setTimeout()
D. clearTimeout()
Võ Việt Hoàng SEO
Võ Việt Hoàng SEO