wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

Chapter 1 - FSW - Quiz Berhadiah

Total questions: 15

Worksheet time: 6mins

Name
Class
Date
1.

Berikut ini yang merupakan cakupan pekerjaan Front End adalah, kecuali?

a)

Membuat tampilan

b)

Melakukan request pada server

c)

Membuat Web API

2.

Dalam pengembangan aplikasi web, Front End memiliki peran yang lebih penting dibandingkan Back End.

a)

Pernyataan benar

b)

Pernyataan salah

3.

Joko bekerja pada tim IT sebagai Front End Developer, maka kemampuan yang tidak perlu dimiliki Amir adalah?

a)

Mendesain tampilan web

b)

Membuat Database Management System

c)

Melakukan perbaikan terhadap bug yang muncul

4.

Langkah yang tepat dalam integrasi Front End dan Back End dalam menjalankan perintah dari user di web adalah…

a)

Front End melakukan request pada Back End, lalu Back End memberikan jawaban untuk ditampilkan berupa response

b)

Back End menyiapkan data-data yang ada dalam database, lalu Front End mengambil data yang tersedia di database sesuai request user.

c)

Front End menyiapkan database, lalu Back End mengambil data yang tersedia di database

5.

Rima melakukan pengembangan terhadap tampilan interface web dengan menggunakan CSS. Dari aktivitas tersebut, apakah pekerjaan Rima?

a)

UI/UX

b)

Front End Developer

c)

Back End Developer

6.

Apa yang dimaksud dengan Front-End dalam web development?

a)

Manajemen database.

b)

Desain dan interaksi antarmuka pengguna.

c)

Konfigurasi server web.

d)

Menulis API untuk backend.

7.

Apa tag HTML yang digunakan untuk membuat hyperlink?

a)

<hl>

b)

<a>

c)

<link>

d)

<href>

8.

Properti CSS mana yang mengontrol jarak antara elemen dan elemen di sekitarnya?

a)

border

b)

margin

c)

padding

d)

distance

9.

Dalam desain web, apa yang dimaksud dengan "grid system"?

a)

Sebuah alat untuk mengukur performa website.

b)

Sebuah struktur yang membantu dalam penataan elemen halaman web.

c)

Sebuah plugin yang menambahkan animasi pada website.

d)

Sebuah cara untuk menambahkan warna pada website.

10.

Apa tujuannya menggunakannya media queries dalam CSS?

a)

Untuk mengimpor file eksternal.

b)

Untuk menambahkan efek hover pada elemen.

c)

Untuk menerapkan gaya berdasarkan kondisi tertentu (seperti lebar layar).

d)

Untuk mengoptimalkan gambar untuk web.

11.

Komponen Bootstrap mana yang dapat digunakan untuk membuat navbar responsif?

a)

.btn

b)

.card

c)

.navbar

d)

.menu

12.

Apa perintah Git untuk mengunduh perubahan terbaru dari remote repository?

a)

git commit

b)

git fetch

c)

git pull

d)

git clone

13.

Tag HTML apa yang digunakan untuk memasukkan gambar?

a)

<img>

b)

<picture>

c)

<media>

d)

<source>

14.

Jika Anda ingin mengatur semua elemen <p> agar memiliki warna teks merah, sintaks CSS yang benar adalah...

a)

p { color: red; }

b)

text-color: red;

c)

color: p red;

d)

p.color { red; }

15.

Untuk perangkat dengan lebar layar kurang dari 600px, Anda ingin elemen dengan kelas .box memiliki background warna biru. Bagaimana sintaks CSS yang benar?

a)

@media (max-width: 600px) { .box { background-color: blue; } }

b)

.box { background-color: blue; (max-width: 600px) }

c)

background-color: blue; @media .box (max-width: 600px)

d)

@media .box (background-color: blue; max-width: 600px)