Wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Webinar Series 12 : Membangun Aplikasi Web Modern

Total questions: 10

Worksheet time: 2mins

Name
Class
Date
1.

Siapa pengembang dari React.js, dan pada tahun berapa React.js pertama kali diluncurkan?

a)

Google, 2012

b)

Microsoft, 2014

c)

Facebook, 2013

d)

Amazon, 2015

2.

Apa fungsi utama dari "Virtual DOM" pada React.js?

a)

Menyimpan data aplikasi

b)

Membuat UI lebih efisien dengan perubahan minimal

c)

Mengontrol layout

d)

Menambah komponen baru

3.

Apa peran JSX dalam pengembangan aplikasi menggunakan React.js?

a)

Untuk mengatur routing halaman

b)

Memungkinkan penulisan HTML dalam JavaScript

c)

Mengelola data global

d)

Menyimpan data sementara

4.

Apa yang dimaksud dengan "State" pada React.js?

a)

Data internal yang dapat berubah dalam komponen

b)
  • Parameter yang dikirim dari komponen induk

c)

Pengaturan layout

d)

Fungsi untuk merender halaman

5.

Manakah dari pernyataan berikut yang benar mengenai Tailwind CSS?

a)

Menggunakan komponen yang tidak dapat disesuaikan

b)

Menggunakan pendekatan utility-first untuk styling

c)

Tidak mendukung desain responsif

d)

Menggantikan semua fitur dari CSS biasa

6.

Apa kegunaan file tailwind.config.js dalam proyek Tailwind CSS?

a)

Untuk menulis JavaScript

b)

Mengatur template paths dan tema kustom

c)

Mengontrol pengaturan database

d)

Menambah fungsionalitas pada React.js

7.

Dalam pengembangan dengan React.js, apa perbedaan utama antara "State" dan "Props"?

a)
  • State untuk komponen parent, Props untuk child

b)

State dapat diubah, Props bersifat statis

c)

State hanya untuk function, Props untuk semua komponen

d)

Props dan State memiliki fungsi yang sama

8.

Manakah di bawah ini yang merupakan langkah awal untuk membuat proyek React.js baru menggunakan Create React App?

a)

npm create-react-app

b)

npx create-react-app nama_proyek

c)

node create-react-app

d)

react create-project

9.

Untuk mengatur layout secara responsif menggunakan Tailwind CSS, utilitas mana yang sering digunakan?

a)

Utilitas xs:

b)

Utilitas sm:, md:, lg:

c)

Utilitas xl:, xxl:

d)

Utilitas all:

10.

Apa yang dimaksud dengan komponen "Reusable" di React.js?

a)

Komponen yang harus diganti setiap kali diakses

b)

Komponen yang dapat digunakan kembali di berbagai bagian aplikasi

c)

Komponen yang hanya digunakan sekali

d)

Komponen yang tidak bisa dirubah