Belajar Pengembangan Web Intermediate

Tools

Dibantu
Dibantu

Halo, selamat datang :)
Kenalin aku Dibantu, bot yang akan membantu kamu mengatasi permasalahan di modul ini.

Lihat forum diskusi Tanya mentor

Modul kelas Belajar Pengembangan Web Intermediate dalam bentuk cetak (buku) ataupun elektronik sudah didaftarkan ke Dirjen HKI, Kemenkumham RI. Segala bentuk penggandaan dan/atau komersialisasi, sebagian atau seluruh bagian, baik cetak maupun elektronik terhadap modul kelas Belajar Pengembangan Web Intermediate tanpa izin formal tertulis kepada pemilik hak cipta akan diproses melalui jalur hukum.

Hak cipta dilindungi oleh Undang-Undang © Dicoding 2017–2025.

Dengan lanjut ke materi berikutnya, Anda menyetujui adanya informasi hak cipta di atas terhadap materi-materi dalam kelas ini.

Dibantu
Dibantu

Halo, selamat datang :)
Kenalin aku Dibantu, bot yang akan membantu kamu mengatasi permasalahan di modul ini.

Lihat forum diskusi Tanya mentor

Catatan Belajar

ini konten buat note nanti
Keyboard Shortcut
1
Next/prev modul

Membantu untuk mempermudah navigasi antar modul.

Tekan
CTRL / CTRL
2
Mencari Konten

Membantu menemukan konten dengan lebih cepat.

Tekan
CTRL/
3
Melihat daftar modul

Membantu melihat modul lebih cepat.

Tekan
CTRLM
Adaptive Reading

Tema

Terang
Hangat
Gelap

Jenis Font

Ukuran Font

Lebar Bacaan

Medium-width
Full-width
Daftar Modul

0% Selesai

0/8
Persetujuan Hak Cipta (Gratis)
Pengenalan Kelas (Gratis)
Prasyarat Kemampuan (Gratis)
Prasyarat Tools (Gratis)
Mekanisme Belajar (Gratis)
Forum Diskusi (Gratis)
Glosarium (Gratis)
Daftar Referensi (Gratis)
0/18
Pengantar Aksesibilitas
Pengenalan Aksesibilitas
Prinsip-Prinsip Aksesibilitas
Navigasi dengan Keyboard
Latihan: Mencoba Focus
Mengatur Focusable Element
Skip to Content
Semantik dan Screen Reader
Latihan: Mencoba Screen Reader
Semantic Properties & Accessibility Tree
ARIA dan HTML
Heading dan Sectioning
Label dan Alternatif Teks
Typography
Peran JavaScript
Latihan Studi Kasus: Memperbaiki Aksesib...
Rangkuman Aksesibilitas
Kuis Aksesibilitas
0/20
Pengantar Transisi dan Animasi
Pengenalan View Transition API
Transisi untuk SPA dan MPA
Latihan: Membangun SPA Pertama
SPA dengan MVP Pattern
Latihan: Membangun Aplikasi dengan MVP P...
Transisi Halaman untuk SPA
Pseudo-Element Tree
Animation API, Solusi Custom Transition
Debugging Transition
Transisi Halaman untuk MPA
Mengatur Transisi Banyak Element
Transisi untuk Elemen Berbeda
Latihan: Implementasi Transisi untuk Ele...
Aksesibilitas untuk Animasi
Pengantar Studi Kasus: City Care App
Latihan Studi Kasus: Penjelasan Starter...
Latihan Studi Kasus: Mengimplementasikan...
Rangkuman Transisi dan Animasi
Kuis Transisi dan Animasi
0/13
Pengantar Dunia Media
Pengenalan Media Stream API
Latihan: Stream Camera Pertama
Bekerja dengan MediaStream
Latihan: Menangkap dengan Canvas API
Canvas API
Latihan: Constraint untuk Media Stream
Mengatur Constraint MediaStream
Front dan Rear Camera untuk Mobile
Menyimpan ke Local Machine
Studi Kasus: Kamera untuk Halaman Tambah
Rangkuman Dunia Media
Kuis Dunia Media
0/17
Pengantar Map dan Location
Pengenalan Map dan Location
Dasar-Dasar Peta Digital
Latihan: Membuat Peta Interaktif Pertama
Langkah Awal Peta Digital
Marker dan Icon
Interaktif dengan User
Latihan: Menampilkan Custom Data
GeoJSON, Custom Data Map
Geolocation API, Real-Time Location
MapTiler, Map Service Alternative
Latihan: Custom Map dengan MapTiler
Bekerja dengan Layer Group dan Control
Latihan Studi Kasus: Merancang Peta Digi...
Latihan Studi Kasus: Mendapatkan Koordin...
Rangkuman Map dan Location
Kuis Map dan Location
0/1
Submission: Proyek Pertama
0/13
Pengantar JavaScript Background
Pentingnya JavaScript Background
Mendeteksi JavaScript Background
Pengenalan Service Worker API
Registrasi Service Worker
Service Worker Lifecycles
Service Worker Events
Notification API
Web Push Notification
Cara Kerja Web Push Notification
Studi Kasus: Lebih Dekat dengan Web Push...
Rangkuman JavaScript di Balik Layar
Kuis JavaScript di Balik Layar
0/19
Pengantar Progressive Web Apps
Pengenalan Progressive Web Apps
Kriteria-Kriteria PWA
Komponen Pembentuk PWA
Application Shell
CacheStorage API
Dasar Penggunaan CacheStorage
Caching Strategies
Workbox, Caching Abstraction
Workbox Precaching
Workbox Runtime Caching
Web Application Manifest
Studi Kasus: PWA untuk CityCare App
IndexedDB API
Dasar Penggunaan IndexedDB
Operasi CRUD pada IndexedDB
Studi Kasus: Local Database untuk CityCa...
Rangkuman Progressive Web Apps
Kuis Progressive Web Apps
0/17
Pengantar Deployment Aplikasi
Pengenalan Deployment Aplikasi
Platform untuk Deployment
Pengantar Deployment dengan GitHub Pages
Pengelolaan Source Code Aplikasi
Latihan: Memasang Git
Latihan: Menyiapkan Akun GitHub
Latihan: Membuat GitHub Repository Baru
Latihan: Deploy pada GitHub Pages
Pengantar Deployment dengan Netlify
Latihan: Menyiapkan Akun Netlify
Latihan: Deploy pada Netlify
Pengantar Deployment dengan Firebase
Latihan: Membuat Firebase Project Baru
Latihan: Deploy ke Firebase Hosting
Rangkuman Deployment Aplikasi
Kuis Deployment Aplikasi
0/2
Rangkuman Kelas
Ujian Akhir
0/1
Submission: Proyek Kedua

Persetujuan Hak Cipta

Pengenalan Kelas
Person in front laptop

Platform mentoring Dicoding menghubungkan mentor dengan mentee, membangun hubungan berkelanjutan untuk mengembangkan karir developer.

Pelajari lebih lanjut