Font size
WorksheetsKiến thức phát triển web
Total questions: 51
Worksheet time: 26mins
Điều gì phân biệt phát triển front-end với phát triển back-end?
Front-end liên quan đến việc quản lý cơ sở dữ liệu và logic máy chủ
Front-end xử lý các khía cạnh giao diện người dùng tương tác trực tiếp
Front-end chỉ chịu trách nhiệm cho việc viết script phía máy chủ
Front-end được dùng để tạo API và quản lý máy chủ
Cú pháp khai báo `doctype` đúng trong HTML5 là gì?
`|doctype html!|`
`|!doctype html|`
`|doctype html|`
`|/doctype html|`
Mục đích của thẻ `|header|` trong HTML5 là gì?
Định nghĩa các liên kết điều hướng
Định nghĩa chân trang (footer)
Định nghĩa nội dung chính của tài liệu
Định nghĩa nội dung giới thiệu hoặc nhóm liên kết điều hướng
Phát triển full-stack là gì?
Chỉ tập trung vào phía client (giao diện người dùng)
Chỉ tích hợp các dịch vụ đám mây
Bao gồm cả front-end lẫn back-end của ứng dụng
Chỉ tập trung vào phía server
Cách tạo ô checkbox trong HTML Form?
`|input type=”textarea”|`
`|input type=”checkbox”|`
`|input type=”text”|`
`|input type=”button”|`
Máy tính giao tiếp với nhau bằng giao thức nào?
Giao thức di động (Mobile Protocol)
Giao thức Internet (Internet Protocol)
Giao thức mạng (Network Protocol)
Giao thức mail (Mail Protocol)
Thẻ nào dùng để làm nổi bật văn bản trong HTML5?
`|mark|`
`|b|`
`|u|`
`|highlight|`
Công nghệ nào thường dùng trong phát triển front-end? (Chọn nhiều)
SQL
CSS
Python
HTML
Loại `input` nào trong HTML5 dùng để chọn ngày và giờ?
`|input type=’datetime-local’|`
`|input type=’datetime’|`
`|input type=’time’|`
`|input type=’date’|`
Yếu tố nào cần thiết khi phát triển ứng dụng đám mây với Node.js và React? (Chọn nhiều)
Kiến thức quản lý cơ sở dữ liệu
Bỏ qua bảo mật
Hiểu JavaScript
Thành thạo HTML và CSS
Thẻ nào tạo danh sách có đánh số (ordered list) trong HTML?
`|ol|`
`|ul|`
`|li|`
`|dl|`
Thẻ nào tạo tiêu đề lớn nhất trong HTML?
H1
H2
head
Thẻ nào tạo danh sách có đánh số (ordered list) trong HTML?
|ol|
|ul|
|li|
|dl|
Thẻ nào tạo tiêu đề lớn nhất trong HTML?
|heading|
|head|
|h6|
|h1|
Kỹ năng nào quan trọng để phát triển ứng dụng web thành công?
Chỉ tập trung vào front-end
Hiểu yêu cầu khách hàng
Không cần học liên tục
Bỏ qua bảo mật và mạng
Mục đích của `|!DOCTYPE html|` trong HTML là gì?
Khai báo mã hóa ký tự
Mã hóa đối tượng
Xác định loại tài liệu và phiên bản HTML
Liên kết file CSS
Thuộc tính nào của thẻ `|a|` xác định đích đến liên kết?
href
src
link
alt
Phương thức HTTP nào dùng khi submit form? (Chọn nhiều)
GET
POST
DELETE
PUT
Cú pháp hiển thị ảnh đúng trong HTML?
|img src=”mouse.png”|
|img href=”cat.png”|
|image src=”dog.png”|
Điểm khác biệt giữa phần tử block-level và inline trong HTML?
Block-level chiếm toàn bộ chiều rộng, inline chỉ chiếm đủ
Block-level chỉ dùng thẻ `|div|`, inline chỉ dùng `|span|`
Block-level luôn xuống dòng mới, inline có thể cùng dòng
Block-level không có padding/margin, inline có
Framework front-end nào do Facebook tạo ra?
Ember.js
React.js
Angular
Vue.js
Trình duyệt và máy chủ dùng giao thức nào để truyền dữ liệu?
DNS
SMTP
HTTP
IMAP
Khai báo CSS `h1 {color: "green";}` có ý nghĩa gì?
Thẻ `|h1|` màu xanh lá
Không có hiệu ứng
Bị lỗi
Tất cả thẻ tiêu đề màu xanh
Thuộc tính CSS nào thay đổi màu nền?
background-color
backgroundColor
bgcolor
color
Thuộc tính `z-index` trong CSS điều khiển gì?
Thứ tự chồng lớp trên trục z
Vị trí phần tử trên trục x
Màu sắc phần tử
Cỡ chữ
Thuộc tính CSS nào làm chữ in đậm?
text-align: bold
font-style: bold
font-weight: bold
text-decoration: bold
Thuộc tính CSS nào làm chữ in đậm?
`text-align: bold`
`font-style: bold`
`font-weight: bold`
`text-decoration: bold`
Giá trị nào của `align-items` (flexbox) giãn phần tử con theo chiều dọc?
`center`
`flex-end`
`flex-start`
`stretch`
`position: fixed;` trong CSS có nghĩa là gì?
Phần tử cố định khi cuộn trang
Ẩn phần tử
Định vị tương đối so với vị trí ban đầu
Định vị tuyệt đối so với phần tử cha
Loại `position` nào giữ menu cố định khi cuộn trang?
`static`
`fixed`
`absolute`
`relative`
Thuộc tính CSS nào tạo khoảng cách giữa các dòng?
`word-spacing`
`text-spacing`
`letter-spacing`
`line-height`
Giá trị nào của `overflow` ẩn nội dung vượt quá kích thước?
`hidden`
`auto`
`visible`
`scroll`
Thuộc tính CSS nào định dạng chữ nghiêng?
`italic`
`@font-face`
`style`
`font-style`
Cách liên kết file CSS với HTML?
`|link rel="stylesheet" href="mystyle.css"|`
`|style src="mystyle.css"|`
Tất cả đều sai
`|stylesheet|mystyle.css|/stylesheet|`
Cách đúng khi áp dụng mobile-first trong thiết kế web?
Thiết kế cho màn hình lớn trước, sau thu nhỏ
Luôn dùng bố cục cố định chiều rộng
Bắt đầu từ màn hình nhỏ, nâng cấp dần
Bỏ qua tương tác chạm
Khai báo nào đặt màu nền cho tất cả thẻ `|h1|`?
`h1.all {background-color:#FFF;}`
`all.h1 {background-color:#FFF;}`
Không có đáp án đúng
`h1 {background-color:#FFF;}`
Thuộc tính CSS nào xác định độ dày đường viền?
`border-color`
`border-bottom-color`
`border-style`
`border-width`
Khai báo `border-width` nào mô tả: - Trên: 10px - Dưới: 5px - Trái: 20px - Phải: 1px
`border-width:10px 5px 20px 1px;`
`border-width:10px 1px 5px 20px;` (Thứ tự: trên → phải → dưới → trái)
`border-width:5px 20px 10px 1px;`
`border-width:10px 20px 5px 1px;`
Thuộc tính nào ẩn phần tử nhưng vẫn chiếm không gian?
A. display: none
B. visibility: hidden
C. opacity: 0
D. hidden: true
Thuộc tính nào ẩn phần tử nhưng vẫn chiếm không gian?
opacity: 0;
display: none;
z-index: -1;
visibility: hidden;
Trong CSS, `h1` trong đoạn mã sau gọi là gì? h1 { color: purple; }
Thuộc tính CSS
Bộ chọn (Selector)
Quy tắc CSS
Thuộc tính
Giá trị hợp lệ của thuộc tính `display`? (Chọn nhiều)
flex
inline
grid
block
Lợi ích của CDN khi host website Bootstrap?
Khả năng mở rộng hạn chế
Chi phí cao do phần cứng
Tăng nhu cầu bảo trì máy chủ
Giảm độ trễ và tải nhanh hơn
Trong CSS, `purple` trong đoạn mã sau gọi là gì? h1 { color: purple; }
Bộ chọn
Giá trị
Quy tắc
Thuộc tính
Đoạn mã JavaScript sau có hợp lệ không? |button onclick="this.style.display='none'"|Click để xóa!|/button|
Sai
Đúng
Phương thức JavaScript nào truy cập phần tử HTML theo ID?
document.getElementsByClassName()
document.getElementById()
document.getElementsByTagName()
document.querySelector()
JavaScript bắt buộc phải đặt trong `|head|`?
Đúng
Sai
Đoạn mã JavaScript sau có hợp lệ không? |button onclick="document.getElementById('demo').innerHTML = Date()"|Hiện giờ?|/button|
Sai
Đúng
Cách truy cập phần tử đầu tiên trong mảng `fruit`?
fruit[1]
fruit[0]
[fruit]0
fruit_0
Phương thức nào thêm sự kiện (event listener) vào phần tử DOM?
bindEvent()
addEventListener()
onEvent()
attachEventHandler()
Câu lệnh điều khiển hợp lệ trong JavaScript? (Chọn nhiều)
foreach
for
if-else
loop
