Jadwal & Pendampingan
Standar Pengumpulan Tugas
Setiap tugas wajib mengikuti instruksi praktikum pada tiap video playlist WPU. Tugas diarsip dalam bentuk folder rapi lalu diunggah ke Google Drive resmi RPL.
Roadmap Pembekalan Dasar (September 2026)
Persiapan dan pemantapan skill sebelum eksekusi platform pplg.smksitalmamun.sch.id & dpb.smksitalmamun.sch.id
Fondasi Struktur & Tampilan (HTML5 & CSS)
Apa yang Dipelajari
Struktur tag HTML5 semantik, sintaks CSS3, manajemen warna, font, serta teknik layouting web statis.
Cara Belajar
Menonton playlist rujukan WPU, mempraktikkan langsung kodingan di editor (VS Code), dan mengikuti instruksi tugas playlist.
Target Output
Halaman web Landing Page profil pribadi yang terstruktur rapi menggunakan HTML5 dan CSS murni.
Penugasan Kamis & Jumat
Kerjakan seluruh instruksi praktikum pada playlist HTML Dasar & CSS Dasar. Kelompokkan hasilnya ke dalam folder `tugas_html` dan `tugas_css` lalu upload ke Google Drive.
Video Referensi WPU:
Layout Responsive & Git/GitHub
Apa yang Dipelajari
Teknik tata letak fleksibel (CSS Flexbox), alur kerja Version Control System (Git), dan kolaborasi repositori GitHub.
Cara Belajar
Simulasi perintah terminal Git (`commit`, `push`, `branch`) dan menyelaraskan tampilan web agar responsif di HP/Tablet.
Target Output
Website Landing Page yang responsif di semua ukuran layar serta terpublikasi di repositori GitHub aktif.
Penugasan Kamis & Jumat
Eksekusi latihan pada playlist Git & GitHub. Simpan seluruh file project di folder `tugas_git` dan sertakan link repositori GitHub pada dokumen pengumpulan di Drive.
Video Referensi WPU:
Interaktivitas Frontend (JavaScript Dasar)
Apa yang Dipelajari
Logika pemrograman JS, variabel, function, event listener, dan teknik manipulasi Document Object Model (DOM).
Cara Belajar
Praktik penulisan script interaktif untuk merespons klik pengguna, mengubah gaya elemen, dan membuat komponen dinamis.
Target Output
Web interaktif dengan fitur Hamburger Menu Navigasi Mobile dan Mode Gelap/Terang (Dark Mode Toggle).
Penugasan Kamis & Jumat
Selesaikan latihan dari Playlist JS Dasar dan DOM WPU. Masukkan kodingan praktikum ke dalam folder `tugas_js_dom` lalu upload ke Drive.
Video Referensi WPU:
Backend Dasar & Integration (PHP & MySQL)
Apa yang Dipelajari
Sintaks PHP server-side, pengolahan form POST/GET, serta integrasi koneksi database MySQL lokal (XAMPP).
Cara Belajar
Menjalankan server lokal XAMPP, merancang tabel database MySQL, dan menghubungkan form HTML ke script PHP.
Target Output
Aplikasi Form Kontak dinamis yang berhasil menyimpan data masukan pengunjung secara permanen ke database.
Penugasan Kamis & Jumat
Praktikkan materi PHP & MySQL dari playlist WPU. Export database (.sql) dan satukan dengan file PHP ke dalam folder `tugas_php_mysql` lalu upload ke Drive.
Video Referensi WPU: