Dasar PPLGSemester 1Pertemuan 10 · 1 Pertemuan × 5 JP (1 JP = 45 menit)
JavaScript Dasar
Modul ajar pertemuan 10 mata pelajaran Dasar PPLG: javascript dasar.
#javascript#variabel#fungsi#dom
MODUL AJAR — Dasar PPLG
| Penyusun | (isi nama guru) |
| Jenjang | SMK |
| Sekolah | (isi nama sekolah) |
| Kelas/Semester | X / 1 (Ganjil) |
| Tahun Pelajaran | 2025/2026 |
| Fase | E |
| Elemen | Pemrograman Web Dasar (HTML/CSS/JS) |
| Kode Tujuan Pembelajaran | DP-E1.10 |
| Alokasi Waktu | 5 JP × 45 menit = 225 menit (1 pertemuan) |
1. Identitas Modul
| Komponen | Keterangan |
|---|---|
| Nama Penyusun | (isi nama guru) |
| Institusi | (isi nama sekolah) |
| Mata Pelajaran | Dasar PPLG (Dasar-dasar Program Keahlian PPLG) |
| Kelas/Semester | X / 1 (Ganjil) |
| Fase | E |
| Elemen | Pemrograman Web Dasar (HTML/CSS/JS) |
| Topik | JavaScript dasar: variabel, tipe data, control flow, event, DOM, debugging |
| Kode Tujuan Pembelajaran | DP-E1.10 |
| Tahun Pelajaran | 2025/2026 |
| Alokasi Waktu | 5 JP × 45 menit = 225 menit (1 pertemuan) |
2. Kompetensi Awal
Peserta didik diharapkan telah memiliki:
- Halaman
profil.htmlber-CSS dari Modul 08 dan 09 sebagai objek yang akan dihidupkan. - Pemahaman struktur dan tampilan web terpisah (HTML = struktur, CSS = tampilan).
- Kemampuan logika sederhana (jika-maka) dari kehidupan sehari-hari.
- Disiplin dan budaya kerja dari Modul 04 (observasi
04berlanjut).
3. Dimensi Profil Lulusan
Dimensi yang dikuatkan pada modul ini beserta implementasi konkretnya:
| Dimensi | Implementasi Konkret pada Modul Ini |
|---|---|
| Penalaran Kritis | Menalar alur program dan menemukan penyebab error (debugging) |
| Kreativitas | Menambahkan interaksi (tombol, pesan) pada halaman profil sendiri |
| Kemandirian | Menemukan dan memperbaiki error secara mandiri lewat Console DevTools |
| Komunikasi | Menjelaskan logika kode dan penyebab error kepada rekan (pair debugging) |
Observasi budaya kerja (tenggat tugas praktik) tetap dicatat di
04 - Instrumen Observasi Disposisi PPLG.mdBagian A.
4. Sarana dan Prasarana
- Lab komputer dengan VS Code, Live Server, dan file
profil.html+style.css(hasil Modul 08–09). - Proyektor/LCD untuk demo event dan debugging di DevTools.
- Kartu Sintaks JavaScript (Lampiran 5) — print pada kertas tebal, gunting.
- LKPD "Menghidupkan Halaman Profil dengan JavaScript" (Lampiran 1) — print sesuai jumlah peserta didik.
- Bahan bacaan peserta didik (Lampiran 4) — print sesuai jumlah peserta didik.
- Infografis Alur Program & Tips Debugging (Lampiran 6) — tayang atau print A3/A4.
- Lembar observasi praktik (Lampiran 2) dan instrumen
04Bagian A. - Soal kuis formatif dan soal TKA sumatif beserta kunci (Lampiran 9 dan Bagian G.3).
- File
script.jscontoh (untuk demonstrasi) di repositori guru. - Kumpulan 3 kode ber-error untuk tantangan debugging (disediakan guru).
5. Target Peserta Didik
| Kategori | Layanan |
|---|---|
| Reguler | Seluruh peserta didik kelas X PPLG mengikuti alur utama pembelajaran |
| Pencapaian tinggi | Pengayaan: hitungan klik, daftar tugas sederhana, organisasi kode dengan function |
| Kesulitan belajar | Pendampingan; latihan console.log berulang; kartu sintaks; membaca pesan error bersama guru |
6. Model Pembelajaran
| Aspek | Uraian |
|---|---|
| Pendekatan | Pembelajaran terdiferensiasi (yang cepat mengeksplorasi interaksi tambahan; yang lambat diberi panduan bertahap) |
| Model | Code-along dipadukan tantangan debugging dan eksplorasi mandiri |
| Metode | Demonstrasi, praktik langsung, tantangan, pair debugging, refleksi |
| Media | VS Code + Live Server, DevTools (Console), Kartu Sintaks JavaScript, infografis |
| Sumber belajar | Bahan bacaan lampiran, MDN Web Docs, W3Schools, Eloquent JavaScript |
Daftar Isi