EgiESEM

🌐 PWPB

Pemrograman Web dan Perangkat Bergerak (PWPB) Materi, Modul, dan Slide untuk Pemrograman Web & Perangkat Bergerak Kelas XI Kurikulum Merdeka. Bapa / Ibu guru dapat mengunduh dan menggunakan sumber belajar ini yang beberapa tersedia secara gratis.

Realtime Nilai PWPB XI PPLG SMKN 4 KUNINGAN

Rekap Nilai PWPBKelas XI PPLG 1, 2, 3 Tahun Ajaran 2025-2026 di SMK NEGERI 4 KUNINGAN. Rekap nilai kelas PWPB yang diperbarui secara berkala menggunakan Google Spreadsheets.

Buka Realtime Nilai di Google Sheets

*Link eksternal, akan dibuka di tab baru.

Tools PWPB

Berikut adalah beberapa tools pembelajaran yang saya gunakan untuk mendukung proses belajar PWPB di kelas.

VSCode

Aplikasi text editor yang ringan dan powerful untuk pemrograman web.

Download VSCode

Google Chrome

Browser yang digunakan untuk menguji hasil codingan web.

Download Google Chrome

Node.js

Platform untuk menjalankan JavaScript di server.

Download Node.js

XAMPP

Platform untuk menjalankan aplikasi PHP dan MySQL.

Download XAMPP

Google Docs

Untuk membuat dokumentasi proyek siswa.

Buka Google Docs

Google Spreadsheets

Untuk menyimpan & menampilkan nilai siswa.

Buka Google Sheets

Google Slides

Untuk membuat presentasi paparan materi.

Buka Google Slides

Email (Gmail)

Aplikasi email yang digunakan untuk mengirim tugas.

Buka Gmail

Administrasi Pembelajaran Yang Dapat Diunduh

PRA - PWPB KELAS XI - PPLG

Free

Identifikasi awal kemampuan siswa dengan Pretest Kemampuan Awal sebelum memulai kelas Pemrograman Web dan Perangkat Bergerak (PWPB).

Terakhir diperbarui: 27 Juni 2025

#1 Mengenal PWPB

Free

Slide pengantar PWPB.

#2 Asesmen PWPB Pertama

Free

Asesmen untuk mengetahui pemahaman awal siswa. Terutama tentang penguasaan Membuat file atau Folder, Membuka CMD, Membuka VSCode dan membuat Struktur project sederhana.

#3 Membuat Project Website Statis di VScode

Free

Materi tentang cara membuat project website statis sederhana menggunakan HTML, CSS, dan JavaScript di Visual Studio Code.

#4 Project Website Statis Lanjutan di VScode

Free

Materi tentang cara membuat project website statis lanjutan menggunakan HTML, CSS, dan JavaScript di Visual Studio Code.

#5 Mengenal CSS

Free

Materi tentang pengenalan CSS (Cascading Style Sheets) dasar untuk mempercantik tampilan website.

#6 Cara Penulisan CSS

Free

Materi lanjutan CSS tentang cara penulisan CSS inline, internal, dan eksternal.

#7 Jenis Selector CSS

Free

Materi lanjutan CSS tentang jenis-jenis selector CSS.

#8 Studi kasus Website Desa: Membuat Header

Free

Materi lanjutan HTML & CSS dengan studi kasus tentang cara membuat header pada website desa.

Dukung Karya & Materi

Kalau kamu merasa terbantu dengan materi, template, atau tools di sini, kamu bisa mendukung lewat Saweria atau Buy Me a Coffee. Terima kasih! ♥

Saweria

Dukungan langsung via Saweria.

QR Saweria

Scan untuk donasi

Buy Me a Coffee

Alternatif dukungan sekali klik.

QR Buy Me a Coffee

Scan untuk donasi

Donasi digunakan untuk biaya server, domain, dan pengembangan materi baru. Terima kasih banyak! 🙏

Mata Pelajaran

Berikut adalah list mata pelajaran yang saya ampu di jurusan PPLG (Pengembangan Perangkat Lunak dan Gim).

PWPB

Lihat Perangkat Ajar, Materi, Modul, dan Slide untuk Mata Pelajaran Pemrograman Web dan Perangkat Bergerak.

Kelas XI (Rekayasa Perangkat Lunak)

Lihat PWPB

Mulok UI/UX

Lihat Perangkat Ajar, Materi, Modul, dan Slide untuk Mata Pelajaran Mulok (UI/UX).

Kelas XI (Muatan Lokal)

Lihat Mulok UI/UX

Basis Data

Lihat Perangkat Ajar, Materi, Modul, dan Slide untuk Mata Pelajaran Basis Data.

Kelas XII (Rekayasa Perangkat Lunak)

Lihat Basis Data

EgiESEM

Agar ilmu tidak lupa, maka saya tulis di Website ini. Dan semoga bisa memberi manfaat untuk yang membutuhkan atau membaca.

© 2025 Egi ESEM, All rights reserved. Design credit to Dipa Inhouse