Pemrograman Web I

Media Pembelajaran Berbasis Website

Pertemuan 1 – Pengenalan HTML dan Dasar Struktur Dokumen Halaman Web
Lihat Materi Lengkap

Pengenalan HTML

HTML adalah bahasa markup untuk struktur halaman web, dimulai dengan DOCTYPE dan elemen dasar seperti html, head, body.

Pertemuan 2 – Struktur Halaman Web dan Input Data dengan HTML
Lihat Materi Lengkap

Elemen HTML Dasar

Pelajari heading, paragraf, list, link, image, tabel, dan form untuk input data seperti checkbox dan dropdown.

Pertemuan 3 – Pengenalan dan Penerapan Dasar-dasar CSS
Lihat Materi Lengkap

Selector dan Properti CSS

CSS mengatur tampilan dengan selector, properti, dan jenis inline/internal/external.

Pertemuan 4 – Box Model dan Layout dengan CSS
Lihat Materi Lengkap

Box Model dan Grid

Pelajari margin, padding, border, dan buat layout dengan CSS Grid.

Pertemuan 5 – Web Responsif dengan Media Queries dan Bootstrap
Lihat Materi Lengkap

Responsivitas

Gunakan media queries dan framework seperti Bootstrap untuk web yang adaptif di semua device.

Pertemuan 6 – JavaScript Dasar dan Manipulasi DOM
Lihat Materi Lengkap

Variabel dan Event Handling

Pelajari variabel, tipe data, operator, fungsi, dan manipulasi DOM dengan event.

Pertemuan 7 – Struktur Kontrol JavaScript
Lihat Materi Lengkap

Array, Looping, Kondisi

Kontrol alur program dengan array, loop (for/while), dan kondisi (if-else).

Pertemuan 8 – API dan Validasi Form dengan JavaScript
Lihat Materi Lengkap

Fetch API dan JSON

Gunakan API untuk data eksternal dan validasi form client-side.

Pertemuan 9 – Implementasi AJAX
Lihat Materi Lengkap

Data Dinamis

AJAX untuk update halaman tanpa reload, menggunakan XMLHttpRequest atau Fetch.

Pertemuan 10 – Optimasi dan Debugging Website
Lihat Materi Lengkap

SEO dan Developer Tools

Optimasi SEO dasar dan debug kode dengan browser tools.

Pertemuan 11 – Git untuk Kolaborasi
Lihat Materi Lengkap

Commit, Branching, Merging

Kelola versi proyek dengan Git untuk commit, branch, dan merge.

Pertemuan 12 – PWA dan Library JS Modern
Lihat Materi Lengkap

Progressive Web App

Implementasi PWA dan gunakan library seperti jQuery atau React.

Pertemuan 13 – Penggunaan Web APIs
Lihat Materi Lengkap

Web APIs

Manfaatkan APIs browser seperti Geolocation atau Storage.

Pertemuan 14 – Optimasi Performa Web
Lihat Materi Lengkap

Caching dan Tuning

Optimasi performa dengan caching dan teknik tuning.