wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

Viết prompt dùng AI để xây dựng lộ trình học framework mới

Total questions: 76

Worksheet time: 38mins

Name
Class
Date
1.

Câu hỏi: Đâu là yêu cầu chính khi xây dựng lộ trình học framework mới cho sinh viên năm nhất ngành Công nghệ thông tin muốn học Reactjs hoặc Django trong 6 tuần?

a)

Xây dựng lộ trình học tập chi tiết gồm kiến thức theo tuần, tài liệu tham khảo, bài tập thực hành và đánh giá tiến bộ sau mỗi tuần.

b)

Chỉ cung cấp danh sách các website học Reactjs hoặc Django.

c)

Chỉ hướng dẫn cách cài đặt framework Reactjs hoặc Django.

d)

Chỉ đưa ra bài tập thực hành mà không cần tài liệu tham khảo.

2.

Điền vào chỗ trống: Trong ReactJS, ________ là một cú pháp mở rộng cho JavaScript, cho phép viết các phần tử giống như HTML trong JavaScript.

a)

JSX

b)

HTML

c)

CSS

d)

DOM

3.

Điền vào chỗ trống: ________ là một hàm JavaScript trả về các phần tử React, dùng để xây dựng giao diện người dùng.

a)

Functional Component

b)

Class Variable

c)

Event Handler

d)

State Object

4.

Điền vào chỗ trống: ________ là cách truyền dữ liệu từ component cha xuống component con trong ReactJS.

a)

Props

b)

State

c)

Redux

d)

Context

5.

Trong ReactJS, cách nào sau đây để tạo component Header và Footer?

a)

Tạo hai file riêng biệt cho Header và Footer, mỗi file chứa một component React.

b)

Chỉ cần viết một hàm duy nhất cho cả Header và Footer.

c)

Sử dụng thẻ

trực tiếp trong file index.html.

d)

Không thể tạo component Header và Footer trong ReactJS.

6.

Trong ReactJS, cách nào sau đây dùng để truyền props hiển thị thông tin sinh viên trong một component?

a)

Sử dụng props để truyền dữ liệu từ component cha sang component con.

b)

Sử dụng state để truyền dữ liệu giữa các component.

c)

Sử dụng Redux để truyền dữ liệu trực tiếp vào component.

d)

Sử dụng useEffect để truyền dữ liệu vào component.

7.

Điền vào chỗ trống: Để đánh giá, bạn cần tự giải thích được ________ trong ReactJS.

a)

props

b)

state

c)

component

d)

hook

8.

Một hook quan trọng trong React để quản lý trạng thái là _________.

a)

useState

b)

useEffect

c)

useRef

d)

useContext

9.

Hai sự kiện phổ biến thường được xử lý trong React là ________ và ________.

a)

onClick, onChange

b)

onLoad, onSubmit

c)

onHover, onFocus

d)

onMouseOver, onKeyDown

10.

Điều kiện hiển thị trong React dùng để làm gì?

a)

Để kiểm soát việc hiển thị các thành phần dựa trên trạng thái hoặc điều kiện nhất định.

b)

Để thay đổi màu sắc của giao diện.

c)

Để tối ưu hóa tốc độ tải trang.

d)

Để thêm hiệu ứng chuyển động cho các thành phần.

11.

Đâu là nguồn tài liệu chính để học về State trong React?

a)

react.dev – State

b)

YouTube: “useState React dễ hiểu”

c)

Tài liệu khác

12.

Tài liệu: Video YouTube nào giúp bạn hiểu rõ hơn về useState trong React? Chọn đáp án đúng.

a)

“useState React dễ hiểu”

b)

“React Hooks nâng cao”

c)

“React cơ bản”

13.

Cách tạo một Counter tăng/giảm trong React sử dụng useState là gì?

a)

Sử dụng useState để lưu giá trị và cập nhật giá trị khi nhấn nút tăng/giảm

b)

Chỉ cần khai báo một biến thông thường để lưu giá trị Counter

c)

Sử dụng useEffect để cập nhật giá trị Counter mỗi lần render

d)

Dùng props để truyền giá trị Counter giữa các component

14.

Đánh giá: Đúng hay Sai? Không nên dùng biến thường thay cho state trong React.

a)

Đúng

b)

Sai

15.

useEffect dùng để làm gì trong React?

a)

Quản lý các hiệu ứng phụ như gọi API, cập nhật DOM, v.v.

b)

Quản lý state của component.

c)

Tạo giao diện người dùng.

d)

Xử lý sự kiện click.

16.

Để gọi API trong React, bạn có thể sử dụng những phương thức nào?

a)

fetch, axios

b)

getElementById, querySelector

c)

useState, useEffect

d)

console.log, alert

17.

Khi gọi API và lấy dữ liệu, bạn cần hiển thị gì trên giao diện?

a)

Hiển thị danh sách dữ liệu

b)

Ẩn toàn bộ dữ liệu

c)

Chỉ hiển thị tiêu đề trang

d)

Hiển thị thông báo lỗi bất kỳ

18.

Tài liệu: Trang web nào được đề xuất để học về useEffect?

a)

react.dev – useEffect

b)

w3schools.com – useEffect

c)

mozilla.org – useEffect

d)

stackoverflow.com – useEffect

19.

Khi chờ dữ liệu từ API, bạn nên hiển thị gì để người dùng biết đang tải dữ liệu?

a)

Hiển thị loading

b)

Ẩn toàn bộ giao diện

c)

Hiển thị thông báo lỗi

d)

Không làm gì cả

20.

Việc hiểu dependency array giúp tránh điều gì khi gọi API?

a)

Không bị gọi API vô hạn

b)

Không bị lỗi cú pháp

c)

Không bị mất dữ liệu

d)

Không bị trùng lặp dữ liệu

21.

Kiến thức: React Router dùng để làm gì trong ứng dụng React?

a)

Quản lý điều hướng giữa các trang

b)

Quản lý trạng thái của ứng dụng

c)

Tối ưu hóa hiệu suất render

d)

Xử lý các sự kiện người dùng

22.

Kiến thức: Form controlled component là gì?

a)

Là form mà giá trị của các input được quản lý bởi state của React

b)

Là form mà giá trị của các input được quản lý trực tiếp bởi DOM

c)

Là form mà không cần quản lý giá trị của các input

d)

Là form chỉ sử dụng các thẻ HTML mà không cần JavaScript

23.

Để kiểm tra dữ liệu nhập vào form, bạn cần thực hiện thao tác gì?

a)

Validate dữ liệu

b)

Xóa dữ liệu

c)

Ẩn dữ liệu

d)

Sao chép dữ liệu

24.

Khi sử dụng React Router, điều gì cần tránh để không bị reload trang?