NEW
Font size
WorksheetsKiến thức tổng quan về Web
Total questions: 40
Worksheet time: 20mins
Frontend thường chịu trách nhiệm cho phần nào của ứng dụng web?
Xử lý dữ liệu trong server
Hiển thị giao diện cho người dùng
Quản lý cơ sở dữ liệu
Xử lý bảo mật hệ thống
Backend thường làm nhiệm vụ chính gì?
Thiết kế màu sắc giao diện
Lưu trữ và xử lý logic dữ liệu
Tạo hiệu ứng động trên trang web
Đảm bảo trang web hiển thị đẹp trên mọi thiết bị
Frontend và backend kết nối với nhau bằng cách nào phổ biến nhất?
API (Application Programming Interface)
Hệ thống tệp tin văn bản
Copy/Paste dữ liệu
Ngôn ngữ thường dùng cho frontend?
HTML, CSS, JavaScript
Python, Java, C++
SQL, MongoDB
PHP, Node.js
Ngôn ngữ thường dùng cho backend?
HTML, CSS
Python, Javascript, Java
Photoshop, Illustrator
Bootstrap, jQuery
Khi người dùng nhập thông tin vào form trên trang web, phần nào chịu trách nhiệm lưu dữ liệu vào database?
Frontend
Backend
CSS
Bootstrap
Một ứng dụng web muốn hiển thị đúng trên cả điện thoại và máy tính cần kỹ thuật nào?
Responsive design
Web crawler
Static hosting
Cloud computing
Frontend chủ yếu tập trung vào yếu tố nào?
UX/UI, hiển thị và tương tác
Xử lý nghiệp vụ kinh doanh
Quản lý bảo mật
Tối ưu hóa cơ sở dữ liệu
Backend có thể giao tiếp với cơ sở dữ liệu thông qua gì?
SQL hoặc ORM
HTML
CSS
Photoshop
Một website bán hàng online, chức năng hiển thị sản phẩm thuộc về phần nào?
Backend
Frontend
Database
API
Thẻ HTML nào được dùng để tạo đoạn văn bản?
<h1>
<p>
<div>
<br>
Thuộc tính href thường dùng trong thẻ nào?
<a>
<p>
<div>
<h1>
Thẻ HTML nào dùng để chèn hình ảnh?
<img>
<picture>
<src>
<figure>
Thẻ HTML nào chứa thông tin tiêu đề trang web (hiển thị trên tab trình duyệt)?
<head>
<title>
<meta>
<header>
Thuộc tính nào để đặt văn bản in đậm?
<bold>
<b> hoặc <strong>
<big>
<em>
Đâu là cách viết đúng để thêm CSS trực tiếp trong một thẻ HTML?
<p style="color:red;">Text</p>
<p css="color:red;">Text</p>
<p background="red">Text</p>
<p font="red">Text</p>
Trong CSS, bộ chọn (selector) .intro {} có nghĩa là gì?
Tất cả thẻ <intro>
Class có tên "intro"
ID có tên "intro"
Thẻ <p> đầu tiên trong file
Trong CSS, thuộc tính margin dùng để làm gì?
Căn khoảng cách giữa nội dung và viền
Căn khoảng cách giữa phần tử với phần tử khác
Thay đổi màu nền
Căn chỉnh chữ
Trong mô hình Box Model của CSS, "padding" là gì?
Khoảng cách giữa border và nội dung
Khoảng cách ngoài border
Độ dày viền
Độ cao chữ
Cách nào để chèn CSS ngoài (external CSS)?
<link rel="stylesheet" href="style.css">
<style src="style.css">
<css link="style.css">
<import css="style.css">
Bootstrap là gì?
Ngôn ngữ lập trình
Framework CSS/JS giúp thiết kế web nhanh hơn
Công cụ quản lý cơ sở dữ liệu
Thư viện ảnh cho website
Trong Bootstrap, class nào tạo container chuẩn?
.content
.container
.box
.grid
Hệ thống Grid của Bootstrap chia trang thành bao nhiêu cột?
6
12
10
16
Class nào trong Bootstrap để tạo nút bấm (button) cơ bản?
.btn
.button
.click
.press
Trong Bootstrap, để tạo thanh điều hướng (navigation bar) dùng class nào?
.nav hoặc .navbar
.menu
.header
.topbar
Tính năng "responsive" của Bootstrap giúp làm gì?
Trang web có thể tự động thích ứng với nhiều kích thước màn hình
Làm cho website tải nhanh hơn
Tự động kết nối cơ sở dữ liệu
Bảo mật website
Trong Bootstrap, class .progress-bar thường dùng để làm gì?
Hiển thị tiến độ
Tạo bảng dữ liệu
Hiển thị hình ảnh
Thêm hiệu ứng động
Trong UI/UX, "Typography" liên quan đến yếu tố nào?
Cách bố trí hình ảnh
Phong cách và cách trình bày chữ
Kích thước container
Độ phân giải màn hình
Trong UI/UX, “Design Thinking” được áp dụng để làm gì?
Viết code backend hiệu quả hơn
Tìm hiểu người dùng và thiết kế giải pháp thân thiện
Thiết kế cơ sở dữ liệu chuẩn hóa
Tăng tốc độ mạng Internet
Thẻ HTML nào được sử dụng để tạo danh sách không thứ tự?
<ol>
<li>
<ul>
<list>
Trong CSS, thuộc tính nào dùng để thay đổi màu nền của phần tử?
text-color
background-color
border-color
color
Thẻ HTML nào được dùng để tạo liên kết đến một trang web khác?
<link>
<a>
<url>
<href>
Khi muốn sử dụng Bootstrap, cần thêm gì vào file HTML?
Thêm file JavaScript bất kỳ
Thêm thẻ <link> hoặc <script> trỏ tới thư viện Bootstrap
Chỉ cần viết class .bootstrap
Không cần thêm gì, trình duyệt tự hỗ trợ
Tại sao cần chú ý đến phiên bản (version) khi link Bootstrap?
Vì mỗi version có class, cú pháp, tính năng khác nhau
Vì Bootstrap cũ chạy nhanh hơn
Vì version mới chỉ thay đổi màu sắc
Vì version không ảnh hưởng gì
Trong Bootstrap, muốn tạo một form nhóm các trường nhập input với label thì dùng thẻ gì?
<form-label> và <form-control>
<input-group> và <input-box>
<form> và <label-box>
<label> và <input>
Trong Bootstrap, để chia layout thành 3 cột bằng nhau trên màn hình lớn (desktop), class nào phù hợp?
col-4 col-4 col-4
col-lg-4 col-lg-4 col-lg-4
grid-3
column-3
Ý nghĩa của Bootstrap trong thiết kế web là gì?
Thay thế hoàn toàn HTML và CSS
Giúp viết code ngắn gọn, tái sử dụng, responsive nhanh chóng
Chỉ dùng để vẽ đồ họa 3D
Chỉ chạy được trên Chrome
Bootstrap có lợi thế gì so với việc tự viết toàn bộ HTML + CSS thuần?
Viết ít code hơn, sẵn có các class chuẩn cho responsive, layout, form, button
Tốc độ tải luôn nhanh hơn HTML/CSS
Không cần học HTML/CSS
Bootstrap tự động kết nối database
Nếu muốn tạo một nút màu xanh dương chuẩn Bootstrap, ta dùng class nào?
.btn-primary
.btn-blue
.button-primary
.btn-main
Quá trình nào không xuất hiện trong Design Thinking (UI/UX)?
Empathize (Thấu hiểu)
Ideate (Ý tưởng)
Prototype (Dựng bản mẫu)
Code (Lập trình)
