NEW
Font size
S
M
L
XL
WorksheetsCT, Pemrograman Web, CRUD, Github, Framework - XII RPL
Total questions: 45
Worksheet time: 15mins
Name
Class
Date
1.
Proses memecah masalah kompleks menjadi bagian-bagian yang lebih kecil dan mudah dikelola disebut...
a)
Abstraksi
b)
Dekomposisi
c)
Pengenalan Pola
d)
Algoritma
e)
Generalisasi
2.
Salah satu pilar utama dalam Computational Thinking adalah mencari kesamaan atau tren dalam masalah untuk memprediksi hasil, yang dikenal sebagai...
a)
Abstraksi
b)
Dekomposisi
c)
Pengenalan Pola
d)
Automasi
e)
Debugging
3.
Tag HTML yang paling tepat digunakan untuk membuat sebuah paragraf teks adalah...
a)
<h1>
b)
<br>
c)
<p>
d)
<a>
e)
<div>
4.
Atribut yang digunakan dalam tag <a> untuk menentukan URL tujuan dari sebuah hyperlink adalah...
a)
src
b)
rel
c)
href
d)
style
e)
alt
5.
Manakah metode berikut yang merupakan cara penerapan CSS secara inline?
a)
Menggunakan tag <style> di dalam <head>
b)
Membuat file .css eksternal
c)
Menggunakan atribut style di dalam tag HTML
d)
Menggunakan tag <link> di dalam <head>
e)
Menambahkan kode CSS di file JavaScript
6.
Dalam struktur dokumen HTML, tag yang berisi metadata, judul halaman, dan tautan ke CSS eksternal adalah...
a)
<body>
b)
<footer>
c)
<section>
d)
<head>
e)
<main>
7.
Untuk membuat daftar urutan (seperti langkah-langkah resep), tag HTML yang paling tepat digunakan adalah...
a)
<ul>
b)
<li>
c)
<dl>
d)
<ol>
e)
<nav>
8.
Atribut yang digunakan dalam tag <td> atau <th> pada HTML Table untuk menggabungkan sel secara horizontal (melebar) adalah...
a)
rowspan
b)
valign
c)
cellpadding
d)
colspan
e)
merge
9.
Untuk memuat file JavaScript eksternal bernama script.js ke dalam dokumen HTML, tag yang benar adalah...
a)
<link href="script.js">
b)
<js src="script.js">
c)
<script src="script.js"></script>
d)
<script href="script.js">
e)
<source src="script.js">
10.
Apa kegunaan utama dari atribut rel="stylesheet" pada tag <link>?
a)
Menentukan judul halaman
b)
Menghubungkan ke file JavaScript
c)
Mengidentifikasi file sebagai lembar gaya (CSS)
d)
Menentukan ukuran font
e)
Mengatur tata letak tabel
11.
Jika terjadi konflik, manakah urutan prioritas penerapan CSS yang paling benar (dari tertinggi ke terendah)?
a)
Eksternal > Internal > Inline
b)
Internal > Eksternal > Inline
c)
Inline > Internal > Eksternal
d)
Internal > Inline > Eksternal
e)
Inline > Eksternal > Internal
12.
Perintah SQL yang digunakan untuk mengambil (membaca) data dari satu atau lebih tabel adalah...
a)
INSERT
b)
UPDATE
c)
SELECT
d)
DELETE
e)
CREATE
13.
Fungsi bawaan PHP yang paling umum digunakan untuk membuat koneksi ke database MySQL secara prosedural atau berorientasi objek adalah...
a)
mysql_query()
b)
pdo_connect()
c)
mysqli_connect()
d)
db_link()
e)
connect_db()
14.
Untuk mengubah (memperbarui) data yang sudah ada di dalam tabel, perintah SQL yang benar adalah...
a)
CHANGE tabel_nama SET...
b)
MODIFY tabel_nama SET...
c)
UPDATE tabel_nama SET...
d)
INSERT tabel_nama SET...
e)
ALTER tabel_nama SET...
15.
Dalam pengembangan web dengan PHP dan MySQL, metode yang direkomendasikan untuk menghindari serangan SQL Injection adalah dengan menggunakan...
a)
string_replace()
b)
Prepared Statements
c)
magic_quotes_gpc
d)
htmlspecialchars()
e)
$_GET global
16.
Dalam pemrograman PHP, superglobal array yang digunakan untuk mengumpulkan data dari form yang dikirim dengan metode...
a)
$_GET
b)
$_SESSION
c)
$_SERVER
d)
$_COOKIE
e)
$_POST
17.
Apa urutan yang benar dari empat operasi dasar CRUD?
a)
Create, Read, Update, Drop
b)
Connect, Read, Update, Delete
c)
Create, Report, Update, Destroy
d)
Create, Retrieve, Update, Delete
e)
Code, Run, Update, Delete
18.
Dalam eksekusi query MySQLi dengan PHP, perbedaan mendasar antara mysqli_fetch_assoc() dan mysqli_fetch_array() adalah...
a)
assoc() lebih cepat
b)
array() mengembalikan array terindeks numerik, assoc() mengembalikan array asosiatif
c)
assoc() hanya bekerja di PHP 7+, array() di PHP 5+
d)
array() mengembalikan array asosiatif, assoc() mengembalikan array terindeks numerik
e)
array() dapat mengembalikan numerik dan asosiatif, assoc() hanya mengembalikan asosiatif
19.
Bagian dari aplikasi web yang berinteraksi langsung dengan pengguna dan bertanggung jawab atas tampilan visual disebut...
a)
Backend
b)
Database
c)
Server
d)
Frontend
e)
Middleware
20.
Tugas utama seorang Backend Developer meliputi hal-hal di bawah ini, kecuali...
a)
Logika bisnis aplikasi
b)
Koneksi ke database
c)
Pengembangan antarmuka pengguna (UI)
d)
Keamanan data dan otentikasi
e)
Pengelolaan API dan server
21.
Fokus utama dari seorang UI (User Interface) Designer adalah...
a)
Mengoptimalkan alur pengguna (user flow)
b)
Mendesain basis data (database schema)
c)
Menentukan estetika visual dan tata letak elemen
d)
Melakukan riset pasar
e)
Mengembangkan logika bisnis di server
22.
Jika seorang desainer berfokus pada kemudahan, efisiensi, dan kepuasan pengguna saat berinteraksi dengan produk, maka dia berperan sebagai...
a)
Frontend Developer
b)
Backend Developer
c)
UI Designer
d)
UX Designer
e)
Database Administrator
23.
Manakah yang termasuk teknologi yang berjalan di sisi klien (client-side)?
a)
PHP
b)
Java
c)
Node.js
d)
MySQL
e)
JavaScript
24.
GitHub adalah layanan berbasis web yang fungsi utamanya adalah untuk...
a)
Menyimpan file secara pribadi (cloud storage)
b)
Mengelola proyek dan kontrol versi menggunakan Git
c)
Membuat desain grafis
d)
Mengirim email massal
e)
Membuat database online
25.
Dalam Git, perintah yang digunakan untuk mencatat (menyimpan) perubahan yang telah dilakukan di local repository adalah...
a)
git push
b)
git status
c)
git commit
d)
git add
e)
git log
26.
Istilah yang digunakan di GitHub/Git untuk menyebut folder proyek tempat semua file kode dan riwayat perubahannya disimpan adalah...
a)
Fork
b)
Branch
c)
Repository
d)
Commit
e)
Pull Request
27.
Perbedaan mendasar antara git clone dan git pull adalah...
a)
clone hanya untuk file, pull untuk folder
b)
pull mengunduh dari server, clone mengunggah ke server
c)
clone membuat salinan repo baru, pull mengambil perubahan terbaru ke repo yang sudah ada
d)
pull hanya untuk branch master, clone untuk semua branch
e)
Keduanya sama, hanya berbeda versi Git
28.
Dalam Git, sebuah branch digunakan untuk...
a)
Membuat salinan proyek untuk pengguna lain
b)
Menentukan prioritas tugas
c)
Menyimpan kode yang stabil dan bebas bug
d)
Pengembangan fitur secara independen tanpa mengganggu kode utama
e)
Menyalin kode ke server
29.
GitHub Gist berfungsi untuk...
a)
Mengelola file konfigurasi server
b)
Berbagi potongan kode (snippets) secara cepat dan mudah
c)
Membuat repository proyek lengkap
d)
Memantau performa aplikasi web
e)
Mengubah tema tampilan GitHub
30.
Untuk membuat cabang (branch) baru dengan nama 'fitur-baru', perintah Git yang benar adalah...
a)
git new branch fitur-baru
b)
git checkout -b fitur-baru
c)
git branch create fitur-baru
d)
git switch fitur-baru
e)
git create fitur-baru
31.
Alasan utama mengapa seorang developer menggunakan Git adalah untuk...
a)
Mengurangi ukuran file proyek
b)
Menjalankan kode secara langsung
c)
Melacak riwayat perubahan dan berkolaborasi secara efisien
d)
Membuat antarmuka pengguna yang lebih baik
e)
Menginstal dependensi proyek
32.
Dalam Git, ketika dua branch digabungkan, git merge akan membuat merge commit baru. Sedangkan git rebase akan...
a)
Membatalkan semua commit yang ada
b)
Mengulang semua commit di branch target
c)
Memindahkan commit dari satu branch ke branch lain seolah-olah dilakukan berurutan
d)
Menghapus semua file yang sama
e)
Mengunci repository
33.
Kepanjangan dari NPM (alat yang wajib digunakan di ekosistem React) adalah...
a)
Node Project Manager
b)
New Package Module
c)
Node Package Manager
d)
Network Protocol Manager
e)
Native Program Module
34.
Perintah yang umumnya digunakan untuk menjalankan proyek React yang dibuat dengan alat seperti Vite di mode pengembangan adalah...
a)
npm build
b)
npm start
c)
npm dev
d)
npm run test
e)
npm init
35.
Fungsi utama dari folder node_modules dalam proyek React adalah...
a)
Menyimpan kode sumber aplikasi utama
b)
Menyimpan aset statis seperti gambar
c)
Menyimpan semua library dan dependensi pihak ketiga
d)
Tempat penulisan CSS kustom
e)
Menyimpan file konfigurasi database
36.
Vite dipilih sebagai alat bundling dan dev server karena fokus utamanya adalah...
a)
Mampu membuat aplikasi mobile
b)
Memberikan cold start server yang sangat cepat
c)
Dapat terintegrasi dengan semua bahasa pemrograman
d)
Mengelola database
e)
Lebih ringan dari Node.js
37.
React adalah sebuah library JavaScript yang utamanya berfungsi untuk...
a)
Memproses data di sisi server (backend)
b)
Membuat antarmuka pengguna (User Interface)
c)
Mengelola database relasional
d)
Melakukan version control
e)
Mengirim request HTTP
38.
Folder public dalam struktur proyek React (Vite/CRA) digunakan untuk...
a)
Menyimpan komponen React yang dapat digunakan kembali
b)
Tempat aset statis (contoh: index.html, gambar) yang diakses langsung oleh browser
c)
Menyimpan modul-modul yang diinstal oleh NPM
d)
Tempat kode logika bisnis aplikasi
e)
Menyimpan hasil build proyek
39.
Kode sumber aplikasi yang dikembangkan oleh developer (seperti komponen, style, dan logika) diletakkan di dalam folder...
a)
node_modules
b)
build
c)
src
d)
public
e)
dist
40.
JSX dalam React adalah ekstensi sintaksis yang memungkinkan developer untuk menulis kode...
a)
CSS di file JavaScript
b)
HTML di dalam file JavaScript
c)
SQL di dalam file JavaScript
d)
JavaScript di dalam file CSS
e)
PHP di dalam file HTML
41.
Perintah NPM yang benar untuk menginstal library baru (misalnya, axios) dan menyimpannya sebagai dependensi proyek adalah...
a)
npm update axios
b)
npm delete axios
c)
npm install axios
d)
npm run axios
e)
npm uninstall axios
42.
File package.json berfungsi sebagai...
a)
Daftar komponen React yang digunakan
b)
Logika bisnis utama aplikasi
c)
Direktori utama semua file
d)
Manifest proyek yang mencatat metadata dan daftar dependensi
e)
Tempat penyimpanan token otentikasi
43.
Manakah konsep yang memungkinkan React untuk memperbarui DOM secara efisien hanya pada bagian yang berubah, tanpa memanipulasi DOM sesungguhnya secara langsung?
a)
Real DOM
b)
Server-Side Rendering (SSR)
c)
Virtual DOM
d)
One-Way Data Binding
e)
Shadow DOM
44.
Laravel adalah salah satu framework PHP yang diklasifikasikan sebagai framework...
a)
Frontend
b)
UI/UX
c)
Serverless
d)
Full-Stack/Backend
e)
Database
45.
Perbedaan mendasar antara fungsi Laravel dan React adalah...
a)
Laravel mengelola state di sisi klien, sedangkan React mengurus routing server
b)
Laravel adalah library untuk UI, sedangkan React adalah framework untuk backend
c)
Laravel fokus pada pengembangan sisi server (backend), sedangkan React fokus pada antarmuka pengguna sisi klien (frontend)
d)
Keduanya sama-sama framework backend, hanya beda bahasa
e)
Laravel hanya bisa membuat API, React hanya bisa membuat halaman statis
Reset
