Đề Thi Thử Trắc Nghiệm Online – Môn Javascript, Css, Html

Câu hỏi kiểm tra kiến thức về các thuộc tính HTML5 mới, đặc biệt là các thuộc tính liên quan đến validation form. `required` là thuộc tính HTML5 dùng để bắt buộc người dùng phải điền vào input field trước khi submit form. Tuy nhiên, trong trường hợp này, `type='email'` kết hợp với `required` sẽ cung cấp validation mặc định cho email.

Câu hỏi kiểm tra khả năng truy vấn DOM bằng JavaScript. Phương án đúng sử dụng `document.querySelector('#parent .child')` để chọn phần tử `` có class `child` bên trong phần tử có id `parent`.

Câu hỏi kiểm tra kiến thức về CSS pseudo-classes và thuộc tính transform. Phương án đúng sử dụng `:hover` pseudo-class để định nghĩa style khi hover và `transform: scale(1.2)` để phóng to phần tử.

Câu hỏi kiểm tra sự hiểu biết về scope trong JavaScript và sự khác biệt giữa `let` và `var`. `let` có block scope, trong khi `var` có function scope. Điều này có nghĩa là biến `let` chỉ có thể truy cập được trong block code mà nó được khai báo (ví dụ: trong vòng lặp `for`, khối `if`), còn biến `var` có thể truy cập được trong toàn bộ function chứa nó.

Câu hỏi kiểm tra kiến thức về Flexbox và thuộc tính `justify-content`. Giá trị `space-around` phân phối không gian đều xung quanh các item, tạo ra khoảng cách bằng nhau giữa các item và giữa item với lề container.

Câu hỏi kiểm tra kiến thức về semantic HTML. `

Câu hỏi kiểm tra kiến thức về các phương thức mảng trong JavaScript, đặc biệt là `filter()`. Phương thức `filter()` tạo ra một mảng mới chứa các phần tử thỏa mãn một điều kiện nhất định (trong trường hợp này là lớn hơn 3).

Câu hỏi kiểm tra kiến thức về CSS specificity. Inline style có độ ưu tiên cao nhất, sau đó đến ID selector, class selector/attribute selector/pseudo-class, và cuối cùng là type selector/universal selector.

Câu hỏi kiểm tra kiến thức về event listeners trong JavaScript và cách chọn nhiều phần tử. `document.querySelectorAll('button')` chọn tất cả các phần tử ``, và sau đó sử dụng `forEach` để thêm event listener cho từng nút.

Câu hỏi kiểm tra sự khác biệt giữa `display: none;` và `visibility: hidden;` trong CSS. `display: none;` loại bỏ phần tử khỏi luồng tài liệu, không chiếm không gian. `visibility: hidden;` ẩn phần tử nhưng vẫn giữ chỗ trong bố cục.

Câu hỏi kiểm tra kiến thức về accessibility (khả năng tiếp cận) trong HTML và vai trò của thuộc tính `alt` trong thẻ ``. `alt` text cung cấp mô tả thay thế cho hình ảnh khi hình ảnh không tải được hoặc cho người dùng sử dụng trình đọc màn hình.

Câu hỏi kiểm tra kiến thức về AJAX và các phương pháp thực hiện AJAX request trong JavaScript. `Fetch API` là phương pháp hiện đại và được khuyến khích để thực hiện AJAX request, thay thế cho `XMLHttpRequest` truyền thống.

Câu hỏi kiểm tra kiến thức về CSS Grid Layout và thuộc tính `grid-template-columns`. `repeat(3, 1fr)` tạo ra 3 cột, mỗi cột có kích thước 1 fraction unit (fr), chia đều không gian còn lại của container.

Câu hỏi kiểm tra kiến thức về DOMContentLoaded event trong JavaScript. Sự kiện này xảy ra khi HTML document đã được parse xong và DOM tree đã được xây dựng, nhưng có thể các resource bên ngoài như images, stylesheets chưa tải xong.

Câu hỏi kiểm tra kiến thức về thuộc tính `overflow` trong CSS. `overflow: auto;` sẽ hiển thị thanh cuộn (scrollbars) chỉ khi nội dung vượt quá kích thước container, giúp người dùng xem được toàn bộ nội dung.

Câu hỏi kiểm tra kiến thức về HTML form và thuộc tính `method`. Hai phương thức HTTP phổ biến nhất dùng cho form là `GET` và `POST`. `GET` gửi dữ liệu qua URL, `POST` gửi dữ liệu trong body của request.

Câu hỏi kiểm tra kiến thức về CSS Animations. Phương án đúng định nghĩa `@keyframes` `slide` để thay đổi `transform: translateX` từ 0% đến 100%, sau đó áp dụng animation này cho phần tử bằng thuộc tính `animation: slide 2s linear infinite;`.

Câu hỏi kiểm tra sự khác biệt giữa `null` và `undefined` trong JavaScript. `undefined` là giá trị mặc định của biến khi chưa được gán giá trị, hoặc khi truy cập thuộc tính không tồn tại của object. `null` là một giá trị gán bởi lập trình viên để biểu thị sự vắng mặt của một object value.

Câu hỏi kiểm tra kiến thức về CSS media queries và cú pháp `max-width`. `@media (max-width: 768px)` áp dụng các style bên trong block khi chiều rộng màn hình nhỏ hơn hoặc bằng 768px.

Câu hỏi kiểm tra kiến thức về nhúng media trong HTML. Thẻ `