wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

Pretest Dasar Pemrograman Web

Total questions: 30

Worksheet time: 23mins

Name
Class
Date
1.

Dalam model client-server, apa peran utama dari peramban web (web browser) seperti Chrome atau Firefox?

a)

Menulis kode HTML dan CSS untuk website.

b)

Menerjemahkan nama domain menjadi alamat IP.

c)

Mengelola keamanan jaringan untuk server.

d)

Mengirimkan permintaan (request) ke server dan menampilkan respons (response) kepada pengguna.

e)

Menyimpan database website.

2.

Apa fungsi utama dari DNS (Domain Name System) dalam arsitektur web?

a)

Menyimpan file website seperti gambar dan teks.

b)

Memberikan gaya (styling) pada halaman web.

c)

Mengamankan koneksi antara klien dan server dengan enkripsi.

d)

Menulis kode HTML secara otomatis.

e)

Menerjemahkan nama domain yang mudah diingat (seperti 'google.com') menjadi alamat IP (seperti '172.217.14.228').

3.

HTTP adalah singkatan dari...

a)

HyperText Markup Protocol

b)

High-Level Text Protocol

c)

HyperText Transfer Page

d)

Home Transfer Text Protocol

e)

HyperText Transfer Protocol

4.

Apa perbedaan utama antara elemen <div> dan <span> dalam HTML?

a)

<div> digunakan di dalam <body> dan <span> digunakan di dalam <head>.

b)

Tidak ada perbedaan, keduanya adalah sinonim.

c)

<div> adalah elemen 'block-level' (membuat baris baru) dan <span> adalah elemen 'inline' (tetap di dalam baris).

d)

<div> untuk teks dan <span> untuk gambar.

e)

<div> harus memiliki ID, sedangkan <span> harus memiliki 'class'.

5.

Apa tujuan utama dari tag <head> dalam dokumen HTML?

a)

Untuk menempatkan kode JavaScript utama.

b)

Untuk berisi semua konten visual halaman seperti paragraf dan gambar.

c)

Untuk berisi metadata tentang dokumen, seperti judul tab peramban (tag <title>) dan tautan ke file CSS.

d)

Untuk mendefinisikan footer halaman.

e)

Untuk menampilkan judul utama halaman yang terlihat di konten.

6.

Dalam CSS, sintaks manakah yang benar untuk memilih elemen HTML yang memiliki id="header"?

a)

.header { ... }

b)

header { ... }

c)

*header { ... }

d)

#header { ... }

e)

id(header) { ... }

7.

Menurut CSS Box Model, urutan properti dari bagian terluar ke terdalam adalah...

a)

Border, Content, Margin, Padding

b)

Content, Padding, Border, Margin

c)

Padding, Margin, Border, Content

d)

Margin, Padding, Border, Content

e)

Margin, Border, Padding, Content

8.

Dalam JavaScript modern (ES6+), kata kunci manakah yang digunakan untuk mendeklarasikan variabel yang nilainya tidak dapat diubah (re-assign)?

a)

const

b)

var

c)

static

d)

variable

e)

let

9.

Apa yang diperiksa oleh operator === (triple equals) dalam JavaScript?

a)

Hanya nilai (value), tanpa memeriksa tipe data.

b)

Nilai (value) DAN tipe data (data type), tanpa konversi tipe.

c)

Hanya tipe data (data type), tanpa memeriksa nilai.

d)

Menetapkan nilai ke variabel.

e)

Memeriksa apakah sebuah variabel ada.

10.

Manakah sintaks yang benar untuk mendefinisikan sebuah fungsi (function) di JavaScript?

a)

def myFunction() { ... }

b)

myFunction() = { ... }

c)

create function myFunction() { ... }

d)

function: myFunction() { ... }

e)

function myFunction() { ... }

11.

DOM adalah singkatan dari...

a)

Data Object Model

b)

Document Orientation Model

c)

Document Object Model

d)

Data Output Management

e)

Dynamic Object Manipulation

12.

Metode JavaScript manakah yang paling umum digunakan untuk memilih elemen HTML berdasarkan ID-nya dari DOM?

a)

document.getElementsByTagName("myId")

b)

document.getElement("myId")

c)

document.querySelector("#myId")

d)

document.getElementsByClassName("myId")

e)

document.getElementById("myId")

13.

Setelah Anda memilih elemen DOM dan menyimpannya dalam variabel (misalnya, myElement), properti manakah yang Anda gunakan untuk mengubah teks di dalamnya (dan mengabaikan HTML)?

a)

myElement.changeText()

b)

myElement.innerHTML

c)

myElement.value

d)

myElement.textContent

e)

myElement.html

14.

Apa perbedaan utama antara metode permintaan (request method) HTTP GET dan POST?

a)

GET hanya untuk gambar, sedangkan POST untuk teks.

b)

GET lebih cepat, sedangkan POST lebih lambat.

c)

GET digunakan untuk meminta data dari server (data di URL), sedangkan POST untuk mengirim data baru ke server (data di 'body').

d)

Tidak ada perbedaan; keduanya digunakan untuk mengirim data.

e)

GET lebih aman daripada POST karena datanya terlihat di URL.

15.

Apa peran utama JavaScript di sisi klien (client-side) dalam pengembangan web?

a)

Merancang tata letak visual dan warna halaman web.

b)

Mendefinisikan struktur dan konten dasar halaman web.

c)

Menyimpan data pengguna secara permanen di server database.

d)

Menerjemahkan nama domain (seperti google.com) menjadi alamat IP.

e)

Membuat halaman web menjadi interaktif dengan memanipulasi DOM dan menangani event.

16.

Apa yang direpresentasikan oleh Document Object Model (DOM)?

a)

Editor teks tempat pengembang menulis kode HTML.

b)

File CSS yang memberi gaya pada halaman.

c)

Struktur logis dari dokumen HTML sebagai pohon (tree) yang terdiri dari objek-objek (nodes).

d)

Sebuah model database untuk menyimpan data formulir.

e)

Koneksi jaringan antara klien dan server.

17.

Properti DOM manakah yang harus Anda gunakan untuk mengubah konten HTML di dalam sebuah elemen, dan ingin peramban menafsirkan tag HTML tersebut?

a)

.attribute

b)

.outerHTML

c)

.value

d)

.textContent

e)

.innerHTML

18.

Bagaimana sintaks yang benar untuk menambahkan 'event listener' agar fungsi showAlert dijalankan ketika sebuah tombol (disimpan dalam variabel myButton) diklik?

a)

myButton.addEventListener("showAlert", "click");

b)

myButton.listen("click", showAlert);

c)

myButton.onClick = showAlert();

d)

myButton.addEventListener("click", showAlert);

e)

myButton.click(showAlert);

19.

Menurut materi workshop, apa analogi yang tepat untuk peran HTML dalam membangun sebuah website?

a)

Surat izin membangun rumah.

b)

Listrik, pintu, dan bel di dalam rumah.

c)

Struktur atau kerangka rumah, seperti pondasi, dinding, dan atap.

d)

Alamat lengkap rumah.

e)

Cat, perabotan, dan tata letak ruangan.

20.

Atribut apa yang WAJIB ada di dalam tag <img> untuk menentukan sumber gambar?

a)

href

b)

link

c)

src

d)

style

e)

alt

21.

Manakah cara yang paling direkomendasikan (cara terbaik & profesional) untuk menambahkan CSS ke halaman HTML?

a)

Menggunakan atribut style di dalam tag HTML (Inline).

b)

Menghubungkan file .css terpisah menggunakan tag <link> (External).

c)

Menggunakan tag <style> di dalam tag <head> (Internal).

d)

Menggunakan tag <script> untuk menulis CSS.

e)

Menulis CSS langsung di dalam tag <body> tanpa tag <style>.

22.

Bagaimana sintaksis CSS yang benar untuk memilih elemen HTML yang memiliki class="sorot"?

a)

{ ... }

b)

sorot { ... }

c)

class.sorot { ... }

d)

#sorot { ... }

e)

.sorot { ... }

23.

Perintah JavaScript console.log() digunakan untuk apa?

a)

Mengubah teks dari elemen <h1> di halaman.

b)

Membuat fungsi baru.

c)

Menampilkan pesan pop-up peringatan kepada pengguna.

d)

Menyimpan data ke dalam sebuah variabel.

e)

Menulis pesan ke konsol browser untuk debugging.

24.

Apa hasil dari ekspresi "5" + 3 dalam JavaScript?

a)

53 (sebagai Angka)

b)

53 (sebagai String)

c)

Error

d)

8

e)

NaN

25.

Apa itu 'Array' dalam JavaScript?

a)

Tipe data primitif untuk menyimpan satu nilai.

b)

Sebuah loop untuk mengulangi kode.

c)

Jenis khusus dari objek yang digunakan untuk menyimpan daftar nilai yang terurut.

d)

Sebuah fungsi yang mengembalikan banyak nilai.

e)

Cara untuk menulis komentar di kode.

26.

Bagaimana cara mengakses elemen kedua dari sebuah array bernama myArray?

a)

myArray[1]

b)

myArray(1)

c)

myArray[2]

d)

myArray.get(2)

e)

myArray.second

27.

Diberikan objek const person = { name: "Alice" };, bagaimana Anda mengakses properti name?

a)

person[name]

b)

person["name"]

c)

person(name)

d)

person.name

e)

person.get("name")

28.

Manakah sintaks 'for loop' yang benar untuk menghitung dari 0 hingga 4 (0, 1, 2, 3, 4)?

a)

for (i = 0; i < 5) { ... }

b)

for (let i = 1; i < 5; i++) { ... }

c)

for (let i = 0; i < 5; i++) { ... }

d)

for (let i = 0, i < 5, i++) { ... }

e)

for (let i = 0; i <= 5; i++) { ... }

29.

Apa hasil dari ekspresi true && false?

a)

Error

b)

null

c)

true

d)

false

e)

undefined

30.

Dalam pengembangan aplikasi web menggunakan Javascript, terdapat beberapa metode bawaan yang dapat digunakan untuk menampilkan output. Metode yang berfungsi untuk menampilkan konten (sebagai markup) langsung ke HTML document adalah....

a)

alert()

b)

console.log()

c)

document.write()

d)

document.body

e)

document.URL

Similar Resources on Wayground

Review MySQL

25 questions

Review MySQL

quiz

Worksheet

•

Professional Development

UTS Informatika X.DKV A

25 questions

UTS Informatika X.DKV A

quiz

Worksheet

•

Professional Development

Quiz Kisi-Kisi DTKJT - STS Ganjil

25 questions

Quiz Kisi-Kisi DTKJT - STS Ganjil

quiz

Worksheet

•

KG - Professional Dev...

XML + DTD

25 questions

XML + DTD

quiz

Worksheet

•

Professional Development

Front End Forge Final

25 questions

Front End Forge Final

quiz

Worksheet

•

Professional Development

Human and Computer Interaction Part 2

25 questions

Human and Computer Interaction Part 2

quiz

Worksheet

•

University - Professi...

pangkalan data lanjutan sains komputer tingkatan 5

25 questions

pangkalan data lanjutan sains komputer tingkatan 5

quiz

Worksheet

•

1st Grade - Professio...

Programação Mobile IONIC

25 questions

Programação Mobile IONIC

quiz

Worksheet

•

Professional Development