Segera Dibuka
Pemrograman Web 1 - Draft 2026
Cohort persiapan Pemrograman Web 1 yang belum dibuka untuk pendaftaran peserta.
Harga
Gratis
TBD - TBD0 peserta16 pertemuan18 penilaian
Kembali ke Kursus
Web DevelopmentBeginner
Pemrograman Web 1
Membangun website sisi klien yang semantik, aksesibel, responsif, interaktif, terdokumentasi, dan terpublikasi melalui proyek Website Profil UMKM.
16 pertemuan16 pertemuan0 siswa61 aktivitas
Yang Akan Dipelajari
Menjelaskan ekosistem web, alur browser-HTTP, struktur dokumen HTML, serta workflow pengembangan berbasis Git dan DevTools.
Menerapkan HTML semantik, media, tabel, form, dan prinsip aksesibilitas dasar pada website multi-halaman.
Merancang tampilan responsif dengan CSS modern, box model, cascade, design token, Flexbox, Grid, dan pengujian lintas ukuran layar.
Mengimplementasikan interaksi JavaScript berbasis data, DOM, event, validasi, localStorage, Fetch API, dan penanganan state asinkron.
Mengintegrasikan, menguji, mendokumentasikan, mempublikasikan, dan mempertahankan proyek Website Profil UMKM sebagai artefak akhir.
Periode Bootcamp
Pilih batch belajar
Setiap periode punya jadwal, kuota, dan group belajar sendiri agar pembelajaran lebih terarah.
Struktur Program
Silabus belajar
Target peserta
Mahasiswa Informatika yang sedang mempelajari dasar pengembangan web sisi klien.
Prasyarat
Dasar penggunaan komputer, pengelolaan file/folder, penggunaan browser, dan logika pemrograman dasar.
Capaian belajar
- Menjelaskan ekosistem web, alur browser-HTTP, struktur dokumen HTML, serta workflow pengembangan berbasis Git dan DevTools.
- Menerapkan HTML semantik, media, tabel, form, dan prinsip aksesibilitas dasar pada website multi-halaman.
- Merancang tampilan responsif dengan CSS modern, box model, cascade, design token, Flexbox, Grid, dan pengujian lintas ukuran layar.
- Mengimplementasikan interaksi JavaScript berbasis data, DOM, event, validasi, localStorage, Fetch API, dan penanganan state asinkron.
- Mengintegrasikan, menguji, mendokumentasikan, mempublikasikan, dan mempertahankan proyek Website Profil UMKM sebagai artefak akhir.
Metode belajar
Teori terapanDemonstrasiGuided labPraktikum individualProject-based learningReview dan remediasi
Rencana belajar terdiri dari 16 pertemuan terstruktur.
Roadmap Course
Rencana belajar per pertemuan
Roadmap menampilkan seluruh alur course. Akses belajar tetap dibuka bertahap sesuai status materi, evaluasi, dan kebijakan kelas.
Pertemuan 014 aktivitas4 tersediaPertemuan 01 - Ekosistem Web, Browser, HTTP, DevTools, dan Git
Fondasi cara kerja web, struktur proyek, workflow Git, DevTools, dan halaman HTML/CSS/JS pertama.
2 Materi1 Evaluasi1 Tugas
Pertemuan 014 aktivitas4 tersedia
Pertemuan 01 - Ekosistem Web, Browser, HTTP, DevTools, dan Git
Fondasi cara kerja web, struktur proyek, workflow Git, DevTools, dan halaman HTML/CSS/JS pertama.
2 Materi1 Evaluasi1 Tugas
1
Ekosistem Web, Browser, HTTP, DevTools, dan Git - MateriMateri
Sudah tersedia untuk akses belajar.
35 menitTersedia
2
Ekosistem Web, Browser, HTTP, DevTools, dan Git - Praktikum TerbimbingMateri
Sudah tersedia untuk akses belajar.
80 menitTersedia
3
Ekosistem Web, Browser, HTTP, DevTools, dan Git - Evaluasi FormatifEvaluasi
Sudah tersedia untuk akses belajar.
15 menitTersedia
4
Ekosistem Web, Browser, HTTP, DevTools, dan Git - Tugas dan WorksheetTugas
Sudah tersedia untuk akses belajar.
20 menitTersedia
Pertemuan 024 aktivitas4 tersediaPertemuan 02 - Semantic HTML dan Navigasi
Landmark, heading hierarchy, link, list, alt text, dan navigasi keyboard.
2 Materi1 Evaluasi1 Tugas
Pertemuan 024 aktivitas4 tersedia
Pertemuan 02 - Semantic HTML dan Navigasi
Landmark, heading hierarchy, link, list, alt text, dan navigasi keyboard.
2 Materi1 Evaluasi1 Tugas
1
Semantic HTML dan Navigasi - MateriMateri
Sudah tersedia untuk akses belajar.
35 menitTersedia
2
Semantic HTML dan Navigasi - Praktikum TerbimbingMateri
Sudah tersedia untuk akses belajar.
80 menitTersedia
3
Semantic HTML dan Navigasi - Evaluasi FormatifEvaluasi
Sudah tersedia untuk akses belajar.
15 menitTersedia
4
Semantic HTML dan Navigasi - Tugas dan WorksheetTugas
Sudah tersedia untuk akses belajar.
20 menitTersedia
Pertemuan 034 aktivitas4 tersediaPertemuan 03 - Media, Tabel, dan Katalog
Gambar, audio, figure, tabel aksesibel, dan katalog produk sederhana.
2 Materi1 Evaluasi1 Tugas
Pertemuan 034 aktivitas4 tersedia
Pertemuan 03 - Media, Tabel, dan Katalog
Gambar, audio, figure, tabel aksesibel, dan katalog produk sederhana.
2 Materi1 Evaluasi1 Tugas
1
Media, Tabel, dan Katalog - MateriMateri
Sudah tersedia untuk akses belajar.
35 menitTersedia
2
Media, Tabel, dan Katalog - Praktikum TerbimbingMateri
Sudah tersedia untuk akses belajar.
80 menitTersedia
3
Media, Tabel, dan Katalog - Evaluasi FormatifEvaluasi
Sudah tersedia untuk akses belajar.
15 menitTersedia
4
Media, Tabel, dan Katalog - Tugas dan WorksheetTugas
Sudah tersedia untuk akses belajar.
20 menitTersedia
Pertemuan 044 aktivitas4 tersediaPertemuan 04 - Form HTML dan Accessibility
Form semantik, label, input type, fieldset, validasi HTML, dan focus order.
2 Materi1 Evaluasi1 Tugas
Pertemuan 044 aktivitas4 tersedia
Pertemuan 04 - Form HTML dan Accessibility
Form semantik, label, input type, fieldset, validasi HTML, dan focus order.
2 Materi1 Evaluasi1 Tugas
1
Form HTML dan Accessibility - MateriMateri
Sudah tersedia untuk akses belajar.
35 menitTersedia
2
Form HTML dan Accessibility - Praktikum TerbimbingMateri
Sudah tersedia untuk akses belajar.
80 menitTersedia
3
Form HTML dan Accessibility - Evaluasi FormatifEvaluasi
Sudah tersedia untuk akses belajar.
15 menitTersedia
4
Form HTML dan Accessibility - Tugas dan WorksheetTugas
Sudah tersedia untuk akses belajar.
20 menitTersedia
Pertemuan 054 aktivitas4 tersediaPertemuan 05 - CSS Fundamental dan Design Token
Cascade, inheritance, specificity, box-sizing, tipografi, warna, custom properties, dan focus-visible.
2 Materi1 Evaluasi1 Tugas
Pertemuan 054 aktivitas4 tersedia
Pertemuan 05 - CSS Fundamental dan Design Token
Cascade, inheritance, specificity, box-sizing, tipografi, warna, custom properties, dan focus-visible.
2 Materi1 Evaluasi1 Tugas
1
CSS Fundamental dan Design Token - MateriMateri
Sudah tersedia untuk akses belajar.
35 menitTersedia
2
CSS Fundamental dan Design Token - Praktikum TerbimbingMateri
Sudah tersedia untuk akses belajar.
80 menitTersedia
3
CSS Fundamental dan Design Token - Evaluasi FormatifEvaluasi
Sudah tersedia untuk akses belajar.
15 menitTersedia
4
CSS Fundamental dan Design Token - Tugas dan WorksheetTugas
Sudah tersedia untuk akses belajar.
20 menitTersedia
Pertemuan 064 aktivitas4 tersediaPertemuan 06 - Layout dengan Grid dan Flexbox
Normal flow, box model, positioning, Grid, Flexbox, gap, alignment, dan layout katalog.
2 Materi1 Evaluasi1 Tugas
Pertemuan 064 aktivitas4 tersedia
Pertemuan 06 - Layout dengan Grid dan Flexbox
Normal flow, box model, positioning, Grid, Flexbox, gap, alignment, dan layout katalog.
2 Materi1 Evaluasi1 Tugas
1
Layout dengan Grid dan Flexbox - MateriMateri
Sudah tersedia untuk akses belajar.
35 menitTersedia
2
Layout dengan Grid dan Flexbox - Praktikum TerbimbingMateri
Sudah tersedia untuk akses belajar.
80 menitTersedia
3
Layout dengan Grid dan Flexbox - Evaluasi FormatifEvaluasi
Sudah tersedia untuk akses belajar.
15 menitTersedia
4
Layout dengan Grid dan Flexbox - Tugas dan WorksheetTugas
Sudah tersedia untuk akses belajar.
20 menitTersedia
Pertemuan 074 aktivitas4 tersediaPertemuan 07 - Responsive Mobile-First Pra-UTS
Viewport, breakpoint berbasis konten, responsive image, clamp, dan audit pra-UTS.
2 Materi1 Evaluasi1 Tugas
Pertemuan 074 aktivitas4 tersedia
Pertemuan 07 - Responsive Mobile-First Pra-UTS
Viewport, breakpoint berbasis konten, responsive image, clamp, dan audit pra-UTS.
2 Materi1 Evaluasi1 Tugas
1
Responsive Mobile-First Pra-UTS - MateriMateri
Sudah tersedia untuk akses belajar.
35 menitTersedia
2
Responsive Mobile-First Pra-UTS - Praktikum TerbimbingMateri
Sudah tersedia untuk akses belajar.
80 menitTersedia
3
Responsive Mobile-First Pra-UTS - Evaluasi FormatifEvaluasi
Sudah tersedia untuk akses belajar.
15 menitTersedia
4
Responsive Mobile-First Pra-UTS - Tugas dan WorksheetTugas
Sudah tersedia untuk akses belajar.
20 menitTersedia
Pertemuan 083 aktivitas3 tersediaPertemuan 08 - UTS HTML/CSS Responsif
Asesmen praktik HTML/CSS, semantic structure, accessibility, responsive behavior, dan bukti kerja.
1 Materi1 Evaluasi1 Tugas
Pertemuan 083 aktivitas3 tersedia
Pertemuan 08 - UTS HTML/CSS Responsif
Asesmen praktik HTML/CSS, semantic structure, accessibility, responsive behavior, dan bukti kerja.
1 Materi1 Evaluasi1 Tugas
1
UTS HTML/CSS Responsif - Instruksi UTSMateri
Sudah tersedia untuk akses belajar.
20 menitTersedia
2
UTS HTML/CSS Responsif - CBTEvaluasi
Sudah tersedia untuk akses belajar.
105 menitTersedia
3
UTS HTML/CSS Responsif - Pengumpulan Proyek dan ValidasiTugas
Sudah tersedia untuk akses belajar.
25 menitTersedia
Pertemuan 094 aktivitas4 tersediaPertemuan 09 - JavaScript Fundamental dan Data
Let/const, operator, conditionals, array, object, dan data produk UMKM.
2 Materi1 Evaluasi1 Tugas
Pertemuan 094 aktivitas4 tersedia
Pertemuan 09 - JavaScript Fundamental dan Data
Let/const, operator, conditionals, array, object, dan data produk UMKM.
2 Materi1 Evaluasi1 Tugas
1
JavaScript Fundamental dan Data - MateriMateri
Sudah tersedia untuk akses belajar.
35 menitTersedia
2
JavaScript Fundamental dan Data - Praktikum TerbimbingMateri
Sudah tersedia untuk akses belajar.
80 menitTersedia
3
JavaScript Fundamental dan Data - Evaluasi FormatifEvaluasi
Sudah tersedia untuk akses belajar.
15 menitTersedia
4
JavaScript Fundamental dan Data - Tugas dan WorksheetTugas
Sudah tersedia untuk akses belajar.
20 menitTersedia
Pertemuan 104 aktivitas4 tersediaPertemuan 10 - Function, Loop, Array Methods, dan Debugging
Function contract, scope, loop, forEach, map, filter, find, log, dan breakpoint.
2 Materi1 Evaluasi1 Tugas
Pertemuan 104 aktivitas4 tersedia
Pertemuan 10 - Function, Loop, Array Methods, dan Debugging
Function contract, scope, loop, forEach, map, filter, find, log, dan breakpoint.
2 Materi1 Evaluasi1 Tugas
1
Function, Loop, Array Methods, dan Debugging - MateriMateri
Sudah tersedia untuk akses belajar.
35 menitTersedia
2
Function, Loop, Array Methods, dan Debugging - Praktikum TerbimbingMateri
Sudah tersedia untuk akses belajar.
80 menitTersedia
3
Function, Loop, Array Methods, dan Debugging - Evaluasi FormatifEvaluasi
Sudah tersedia untuk akses belajar.
15 menitTersedia
4
Function, Loop, Array Methods, dan Debugging - Tugas dan WorksheetTugas
Sudah tersedia untuk akses belajar.
20 menitTersedia
Pertemuan 114 aktivitas4 tersediaPertemuan 11 - DOM, Events, dan Rendering
DOM selection, event listener, classList, create/update/remove, rendering data, dan empty state.
2 Materi1 Evaluasi1 Tugas
Pertemuan 114 aktivitas4 tersedia
Pertemuan 11 - DOM, Events, dan Rendering
DOM selection, event listener, classList, create/update/remove, rendering data, dan empty state.
2 Materi1 Evaluasi1 Tugas
1
DOM, Events, dan Rendering - MateriMateri
Sudah tersedia untuk akses belajar.
35 menitTersedia
2
DOM, Events, dan Rendering - Praktikum TerbimbingMateri
Sudah tersedia untuk akses belajar.
80 menitTersedia
3
DOM, Events, dan Rendering - Evaluasi FormatifEvaluasi
Sudah tersedia untuk akses belajar.
15 menitTersedia
4
DOM, Events, dan Rendering - Tugas dan WorksheetTugas
Sudah tersedia untuk akses belajar.
20 menitTersedia
Pertemuan 124 aktivitas4 tersediaPertemuan 12 - Validation dan localStorage
Constraint Validation API, accessible error, aria-live, focus management, localStorage, dan JSON serialization.
2 Materi1 Evaluasi1 Tugas
Pertemuan 124 aktivitas4 tersedia
Pertemuan 12 - Validation dan localStorage
Constraint Validation API, accessible error, aria-live, focus management, localStorage, dan JSON serialization.
2 Materi1 Evaluasi1 Tugas
1
Validation dan localStorage - MateriMateri
Sudah tersedia untuk akses belajar.
35 menitTersedia
2
Validation dan localStorage - Praktikum TerbimbingMateri
Sudah tersedia untuk akses belajar.
80 menitTersedia
3
Validation dan localStorage - Evaluasi FormatifEvaluasi
Sudah tersedia untuk akses belajar.
15 menitTersedia
4
Validation dan localStorage - Tugas dan WorksheetTugas
Sudah tersedia untuk akses belajar.
20 menitTersedia
Pertemuan 134 aktivitas4 tersediaPertemuan 13 - Async JavaScript, Fetch API, dan JSON
Promise, async/await, Fetch API, JSON, loading, empty, success, error, dan mock/public API.
2 Materi1 Evaluasi1 Tugas
Pertemuan 134 aktivitas4 tersedia
Pertemuan 13 - Async JavaScript, Fetch API, dan JSON
Promise, async/await, Fetch API, JSON, loading, empty, success, error, dan mock/public API.
2 Materi1 Evaluasi1 Tugas
1
Async JavaScript, Fetch API, dan JSON - MateriMateri
Sudah tersedia untuk akses belajar.
35 menitTersedia
2
Async JavaScript, Fetch API, dan JSON - Praktikum TerbimbingMateri
Sudah tersedia untuk akses belajar.
80 menitTersedia
3
Async JavaScript, Fetch API, dan JSON - Evaluasi FormatifEvaluasi
Sudah tersedia untuk akses belajar.
15 menitTersedia
4
Async JavaScript, Fetch API, dan JSON - Tugas dan WorksheetTugas
Sudah tersedia untuk akses belajar.
20 menitTersedia
Pertemuan 144 aktivitas4 tersediaPertemuan 14 - Bootstrap dan Frontend Ecosystem
Bootstrap 5, utility class, integrasi CSS, awareness jQuery legacy, dan refactoring tanpa konflik.
2 Materi1 Evaluasi1 Tugas
Pertemuan 144 aktivitas4 tersedia
Pertemuan 14 - Bootstrap dan Frontend Ecosystem
Bootstrap 5, utility class, integrasi CSS, awareness jQuery legacy, dan refactoring tanpa konflik.
2 Materi1 Evaluasi1 Tugas
1
Bootstrap dan Frontend Ecosystem - MateriMateri
Sudah tersedia untuk akses belajar.
35 menitTersedia
2
Bootstrap dan Frontend Ecosystem - Praktikum TerbimbingMateri
Sudah tersedia untuk akses belajar.
80 menitTersedia
3
Bootstrap dan Frontend Ecosystem - Evaluasi FormatifEvaluasi
Sudah tersedia untuk akses belajar.
15 menitTersedia
4
Bootstrap dan Frontend Ecosystem - Tugas dan WorksheetTugas
Sudah tersedia untuk akses belajar.
20 menitTersedia
Pertemuan 154 aktivitas4 tersediaPertemuan 15 - Final QA, GitHub Pages, dan README
Git history, README, GitHub Pages, DevTools audit, Lighthouse dasar, dan rehearsal defense.
2 Materi1 Evaluasi1 Tugas
Pertemuan 154 aktivitas4 tersedia
Pertemuan 15 - Final QA, GitHub Pages, dan README
Git history, README, GitHub Pages, DevTools audit, Lighthouse dasar, dan rehearsal defense.
2 Materi1 Evaluasi1 Tugas
1
Final QA, GitHub Pages, dan README - MateriMateri
Sudah tersedia untuk akses belajar.
35 menitTersedia
2
Final QA, GitHub Pages, dan README - Praktikum TerbimbingMateri
Sudah tersedia untuk akses belajar.
80 menitTersedia
3
Final QA, GitHub Pages, dan README - Evaluasi FormatifEvaluasi
Sudah tersedia untuk akses belajar.
15 menitTersedia
4
Final QA, GitHub Pages, dan README - Tugas dan WorksheetTugas
Sudah tersedia untuk akses belajar.
20 menitTersedia
Pertemuan 162 aktivitas2 tersediaPertemuan 16 - UAS Proyek UMKM dan Defense
Produk akhir, repository, live URL, README, presentasi, demo, dan defense teknis.
1 Materi1 Project
Pertemuan 162 aktivitas2 tersedia
Pertemuan 16 - UAS Proyek UMKM dan Defense
Produk akhir, repository, live URL, README, presentasi, demo, dan defense teknis.
1 Materi1 Project
1
UAS - Proyek Akhir Website Profil UMKM - Instruksi dan RubrikMateri
Sudah tersedia untuk akses belajar.
30 menitTersedia
2
UAS - Proyek Akhir Website Profil UMKM - Pengumpulan dan DefenseProject
Sudah tersedia untuk akses belajar.
120 menitTersedia