SILABUS

Front-End Web Development (Front-End Masterclass) — Kelas 10 Semester 1

Mata Pelajaran

Informatika — Web Dev

Kelas / Fase

X (Fase E)

Semester

1 (Ganjil)

Alokasi Waktu

64 JP (16 mgg × 4 JP)

Jumlah Bab

12 Bab + Final Project

Total Pertemuan

32 Pertemuan

Kompetensi Inti (KI)

KI-1 & KI-2 (Sikap): Menghayati nilai disiplin, jujur, kolaboratif, dan tanggung jawab dalam mengembangkan produk digital.

KI-3 (Pengetahuan): Memahami konsep rekayasa perangkat lunak, computational thinking, serta teknologi front-end (HTML, CSS, JavaScript) untuk membangun halaman web.

KI-4 (Keterampilan): Merancang, membuat, dan men-deploy aplikasi web statis/dinamis sederhana yang responsif dan interaktif.

Kompetensi Dasar & Materi Pokok

No	Bab / Kompetensi Dasar	Materi Pokok	Alokasi	Penilaian	Materi
1	Pengenalan Software Engineering Memahami peran & siklus pengembangan perangkat lunak (SDLC).	Analogi membangun gedung, profesi IT, SDLC, tools developer	4 JP	Tes Lisan	Bab 1
2	Computational Thinking Menerapkan dekomposisi, pola, abstraksi, algoritma.	Dekomposisi, pengenalan pola, abstraksi, algoritma & flowchart	4 JP	Latihan	Bab 2
3	HTML Dasar Menyusun struktur halaman web dengan tag dasar HTML5.	Struktur dokumen, heading, paragraf, list, link, gambar	4 JP	Praktik	Bab 3
4	HTML Lanjutan Membuat form, tabel, & tag semantik.	Form & input, tabel, semantic tags, media embed	4 JP	Praktik	Bab 4
5	CSS Dasar Memberi gaya pada elemen dengan selector & properti CSS.	Selector, warna, font, box model, spacing	4 JP	Praktik	Bab 5
6	CSS Advanced Membuat layout modern Flexbox/Grid & animasi.	Flexbox, Grid, transition, animation, variabel CSS	4 JP	Proyek Mini	Bab 6
7	— PENILAIAN TENGAH SEMESTER (PTS) —
8	Bootstrap Membangun UI cepat dengan framework Bootstrap 5.	Grid system, komponen, utility class, navbar & card	4 JP	Praktik	Bab 7
9	Responsive Web Design Membuat tampilan adaptif di berbagai perangkat.	Media query, mobile-first, viewport, unit responsif	4 JP	Praktik	Bab 8
10	JavaScript Dasar Memahami variabel, tipe data, operator, & kondisi.	Variabel, tipe data, operator, percabangan, perulangan	4 JP	Latihan	Bab 9
11	JavaScript Intermediate Menggunakan fungsi, array, object, & method.	Function, array method, object, scope, error handling	4 JP	Latihan	Bab 10
12	DOM Manipulation Memanipulasi elemen & event halaman web.	Selektor DOM, event listener, manipulasi elemen, interaktivitas	4 JP	Proyek Mini	Bab 11
13	Final Project & Deployment Membangun & men-deploy proyek web utuh.	Perencanaan proyek, integrasi, hosting/deploy, dokumentasi	8 JP	Proyek Akhir	Bab 12 · Final
14	— PENILAIAN AKHIR SEMESTER (PAS) —

Teknik Penilaian

Sikap: Observasi keaktifan, kedisiplinan, dan kolaborasi saat praktik.

Pengetahuan: Tes tertulis/lisan, kuis interaktif, serta PTS & PAS.

Keterampilan: Penilaian praktik per bab, proyek mini, dan Final Project (portofolio web).

Sumber & Media Belajar

Modul interaktif tiap bab (Bab 1–12), komputer/laptop, code editor (VS Code), browser modern, koneksi internet, serta CDN Bootstrap, Three.js, dan Font Awesome.