Belajar Pengembangan Web Intermediate
4.89 •

Front-End Web

Front-End Web

Learning Path

Belajar Pengembangan Web Intermediate

Topik:

Full Stack Front End
Level: Mahir

Level: Mahir

Level: Mahir 80 Jam Belajar
10.509

Siswa Terdaftar

Pelajari pengembangan web untuk pengalaman web optimal di mobile, dari aksesibilitas, animasi, media, peta, service worker, hingga PWA.
Belajar Sekarang
Informasi kelas Lihat silabus
Learning Path Front-End Web Developer

Kelas ini merupakan langkah ke-lima Anda untuk menjadi Front-End Web Developer.

Langkah sebelumnya

Langkah 4
Belajar Fundamental Front-End Web Development
80 Jam 4,88 Level Menengah
Apa yang akan Anda dapatkan

Sertifikat

Dapatkan sertifikat standar industri setelah menyelesaikan kelas ini.

Code Review

Kode yang Anda kerjakan akan di-review secara komprehensif oleh Reviewer.

Forum Diskusi

Diskusikan materi belajar dengan siswa lainnya.

Modul Tutorial

Materi bacaan elektronik disajikan dengan bahasa yang mudah dipahami.

Submission

Uji kemampuan teknis Anda dengan mengerjakan tugas submission.

Kode Interaktif

Modul belajar dalam bentuk video, disertai dengan latihan untuk menguji pemahaman.

Ujian

Validasi pengetahuan Anda dengan mengerjakan soal-soal ujian.
Level Mahir
Menguasai materi dan latihan tingkat lanjut. Kelas ini mensyaratkan sejumlah penguasaan landasan pengetahuan yang baik.
Lihat silabus

Deskripsi

Di era penggunaan smartphone yang kian dominan, seorang Front-End Web Developer perlu mampu membangun aplikasi web yang tak hanya ramah bagi pengguna desktop, tetapi juga optimal di perangkat mobile. Kelas ini membahas berbagai aspek pengembangan Front-End modern untuk memberikan pengalaman terbaik bagi seluruh pengguna, mulai dari

  • aksesibilitas (agar konten mudah dijangkau semua orang),
  • transisi dan animasi (demi tampilan yang atraktif),
  • pemanfaatan media (kamera/mikrofon),
  • penerapan map dan real-time location (membuat fitur peta digital),
  • JavaScript background dengan service worker, hingga
  • progressive web apps (yang dapat berjalan offline dan diinstal layaknya aplikasi native) serta strategi deployment.

Melalui beragam topik komprehensif ini, Anda akan dibekali pengetahuan dan praktik agar mampu menyajikan aplikasi web yang responsif, mudah digunakan, dapat di-maintenance dengan efisien, sekaligus canggih ketika diakses pada perangkat mobile.

Target dan Sasaran Siswa

  • Kelas ini ditujukan untuk seorang Front-End Web Developer yang ingin mengembangkan website optimal, mudah digunakan, serta canggih di berbagai perangkat terutama smartphone.
  • Kelas dapat diikuti oleh siswa yang melek IT, minimal memiliki kemampuan dasar pengoperasian komputer, serta sudah menguasai HTML, CSS, dan JavaScript.
  • Siswa harus memiliki pengalaman penerapan tools module bundler, seperti webpack, akan sangat membantu.
  • Siswa harus memiliki motivasi belajar mandiri, komitmen kuat, dan rasa penasaran yang tinggi untuk bereksplorasi dengan materi yang disajikan.
  • Di akhir kelas, siswa diharapkan mampu membangun aplikasi web Front-End yang responsif, memiliki aksesibilitas tinggi, dapat diakses secara offline, memiliki performa baik, serta berpotensi diinstal layaknya aplikasi native.


Selengkapnya
Sembunyikan

Learning Path

Kelas ini merupakan langkah ke-lima Anda untuk menjadi Front-End Web Developer.

Langkah sebelumnya

Langkah 4
Belajar Fundamental Front-End Web Development
80 Jam 4,88 Level Menengah

Peralatan Belajar

Spesifikasi minimal perangkat:

Prosesor

Intel Dual Core (Rekomendasi Core i3 ke atas)

Tools yang dibutuhkan untuk belajar:

Teks Editor (VSCode, Atom, atau Emacs)

Lihat semua peralatan belajar

Lihat semua peralatan belajar

Peralatan Belajar

Spesifikasi minimal perangkat

Kelas ini membutuhkan spesifikasi perangkat seperti berikut:

RAM

2GB (Rekomendasi 4 GB)

Layar

1366 x 768 (Rekomendasi Full HD 1920 x 1080)

Sistem Operasi

Windows, Linux, MacOS

Prosesor

Intel Dual Core (Rekomendasi Core i3 ke atas)

Tools

Kelas ini membutuhkan beberapa tools berikut:

Teks Editor (VSCode, Atom, atau Emacs)

Web Browser (Google Chrome atau Mozilla Firefox)

Command Line (Terminal atau cmd)

Metode Ajar

  • Online - Self-paced Learning
    • Total jam belajar: 80 jam.
    • Rekomendasi waktu belajar: 10 jam per minggu (selesai dalam 60 hari).
    • Self-paced: menentukan sendiri lama waktu yang akan digunakan untuk menyelesaikan kelas ini selama masih aktif belajar.
  • Fasilitas Pengajaran
    • Materi bacaan elektronik: materi disajikan dalam bentuk teks dan bacaan.
    • Forum diskusi: setiap kelas memiliki forum diskusi yang dapat dimanfaatkan untuk bertanya dan berdiskusi.
    • Evaluasi pembelajaran: berupa tugas besar pengembangan aplikasi web dengan experience dan fungsionalitas yang baik ketika diakses pada perangkat mobile.
    • Sertifikat kompetensi: diberikan kepada peserta yang berhasil menyelesaikan seluruh materi, tugas, serta proyek akhir dengan standar yang ditetapkan..

Lihat semua metode ajar

Lihat semua metode ajar

Metode Ajar

  • Online - Self-paced Learning
    • Total jam belajar: 80 jam.
    • Rekomendasi waktu belajar: 10 jam per minggu (selesai dalam 60 hari).
    • Self-paced: menentukan sendiri lama waktu yang akan digunakan untuk menyelesaikan kelas ini selama masih aktif belajar.
  • Fasilitas Pengajaran
    • Materi bacaan elektronik: materi disajikan dalam bentuk teks dan bacaan.
    • Forum diskusi: setiap kelas memiliki forum diskusi yang dapat dimanfaatkan untuk bertanya dan berdiskusi.
    • Evaluasi pembelajaran: berupa tugas besar pengembangan aplikasi web dengan experience dan fungsionalitas yang baik ketika diakses pada perangkat mobile.
    • Sertifikat kompetensi: diberikan kepada peserta yang berhasil menyelesaikan seluruh materi, tugas, serta proyek akhir dengan standar yang ditetapkan..

Kontributor

2

Curriculum Developer yang membangun kelas ini:

Nur Rizki Adi Prasetyo

Nur Rizki Adi Prasetyo

Curriculum Developer di Dicoding Indonesia

Bogdan Sikora

Bogdan Sikora

CTO of AccessTime and Web Accessibility Specialist

Reviewer

34

Code Reviewer yang akan me-review tugas dan kode Anda:

Moch Ridwan Taufik Alamsyah
Moch Ridwan Taufik Alamsyah

Moch Ridwan Taufik Alamsyah

R&D Engineer at Citra Sabda Abadi, External Code Reviewer at Dicoding Indonesia

- Full Stack Development Enthusiast
- Mobile Development Enthusiast
- Machine Learning Enthusiast
- IoT Enthusiast

Motto: "What We Learn When We Learn By Doing?" Roger C. Schank

Catur dari Dicoding
Luthfi Alfarisi
Inggih Wicaksono
Inggih Wicaksono

Inggih Wicaksono

Web Developer at Erasys Consulting

- Fullstack man but currently focus on React.js

- Hacktoberfest fans @igihcksn

Agista Septiyanto

Lihat semua kontributor dan reviewer

Lihat semua kontributor dan reviewer

Kontributor & Reviewer

Kontributor kelas

Curriculum Developer yang membangun kelas ini:

Nur Rizki Adi Prasetyo

Nur Rizki Adi Prasetyo

Curriculum Developer di Dicoding Indonesia

Bogdan Sikora

Bogdan Sikora

CTO of AccessTime and Web Accessibility Specialist

Tim Reviewer

Code Reviewer yang akan me-review tugas dan kode Anda:

Moch Ridwan Taufik Alamsyah
Moch Ridwan Taufik Alamsyah

Moch Ridwan Taufik Alamsyah

R&D Engineer at Citra Sabda Abadi, External Code Reviewer at Dicoding Indonesia

- Full Stack Development Enthusiast
- Mobile Development Enthusiast
- Machine Learning Enthusiast
- IoT Enthusiast

Motto: "What We Learn When We Learn By Doing?" Roger C. Schank

Catur dari Dicoding
Luthfi Alfarisi
Inggih Wicaksono
Inggih Wicaksono

Inggih Wicaksono

Web Developer at Erasys Consulting

- Fullstack man but currently focus on React.js

- Hacktoberfest fans @igihcksn

Agista Septiyanto
Alvin Indra Pratama
Alfian Yusuf Abdullah
Alfian Yusuf Abdullah

Alfian Yusuf Abdullah

Head of Reviewer at Dicoding Indonesia
  • Associate Android Developer
  • Kotlin Enthusiast
  • UI/UX Enthusiast
Nanang Sutisna
Nanang Sutisna

Nanang Sutisna

- Mobile & Web Enthusiast

- External Code Reviewer at Dicoding Indonesia

Putu Jhonarendra
Putu Jhonarendra

Putu Jhonarendra

Programmer

Seorang Programmer dari Bali, Indonesia yang memiliki pengalaman lebih dari 3 tahun mengembangkan aplikasi web. Aplikasi yang dibuat telah dipakai di lembaga pendidikan dan instansi pemerintah.

Dimas Maulana Dwi Saputra
Gunawan Wahyu Andreanto
Alexzander Purwoko
Alexzander Purwoko

Alexzander Purwoko

Code Reviewer at Dicoding Indonesia

  • Associate Android Developer
  • Android, Web & IoT Enthusiast
Ferdian Ahmad Rozikin
Ferdian Ahmad Rozikin

Ferdian Ahmad Rozikin

Frontend Engineer & External Code Reviewer

Experienced Frontend Engineer Crafting Immersive Digital Experiences: Elevate Your Team's Web Development Capabilities with Innovation, Precision, and a Proven Track Record

dos:6686df0f9e218fbb7a0a1eb49dea73d020230224162524.png Linkedin | Website | dos-e8d459176d261a1bc9f78dc03c22dcf620240630125408.png Github | dos-e8d459176d261a1bc9f78dc03c22dcf620240630125408.png Medium | dos-81e37f3f8ce298c50c6e701e10e3482120240630125304.png X

Ananda Dwi Prayoga
Ivan Andrianto
Ivan Andrianto

Ivan Andrianto

Academy Code Reviewer at Dicoding Indonesia
  • Google Data Analytics Professional Certificate
  • UI/UX Enthusiast
  • Machine Learning Enthusiast
  • Mobile & Web Enthusiast
Rosyiidah Hasnaa
Rosyiidah Hasnaa

Rosyiidah Hasnaa

Frontend Developer

Applied Bachelor of Informatics Engineering from Politeknik Elektronika Negeri Surabaya. I have experience building a website using html, css, bootstrap, and javascript and making a responsive website. I enjoy learning about front-end developers in my free time. An eager and conscientious person who works well in team environments. I'm looking for opportunities in front-end web development.

Let's connect with me on linkedin.com/in/syiidahasnaa

Shaddam Amru
Shaddam Amru

Shaddam Amru

Frontend Engineer | React, Next.js, Typescript
  • Frontend Product Engineer w/ React, Next.js, Typescript
  • Product & UX Design
  • Linux & FOSS Enthusiast
Muhammad Ilham Adhim
Muhammad Ilham Adhim

Muhammad Ilham Adhim

Front-End Web Developer

Muhammad Rifki Erlangga
Rian Mandala Putra
Tatang Kuswandi
Fiqri ardiansyah
Samodra
YUSRIL ADRIANSYAH PUTRA
YUSRIL ADRIANSYAH PUTRA

YUSRIL ADRIANSYAH PUTRA

External Code Reviewer at Dicoding Indonesia
  • Front-End Web Developer
  • Back-End Web Developer
  • Javascript Enthusiast
Yudistira Arya Mutamang
Yudistira Arya Mutamang

Yudistira Arya Mutamang

External Code Reviewer at Dicoding Indonesia
  • Front-End Web Developer
  • Cyber Security Enthusiast
Ilham Shiddiq
Muhammad Alvino Dienova
Eko Rahayu Widodo
Eko Rahayu Widodo

Eko Rahayu Widodo

Software Engineer

• Lifelong Learner.

• Let's Connect ^^.

Sofyan Egi Lesmana
Sofyan Egi Lesmana

Sofyan Egi Lesmana

You can reach out me on my Linkedin.

Refiandi Reza Syawaldriyansah
Shidqi Rifat Pangestu
Shidqi Rifat Pangestu

Shidqi Rifat Pangestu

Frontend Developer at Badr Interactive

- Frontend web enthusiast
- Contribute through technology </>

Fazza Razaq Amiarso
Fazza Razaq Amiarso

Fazza Razaq Amiarso

Software Engineer@WidaTech & Mentor

I'm a self-taught web developer focusing on making everyone can inclusively use the web. Currently learning and building interactive experience on the Web and Mobile.

Huge believer (and doer ofc) in learning by doing.

Personal Website: https://www.fazzaamiarso.com

Github: https://github.com/fazzaamiarso

Fauzi Kurniawan
Irenius Brayen Luhat
Irenius Brayen Luhat

Irenius Brayen Luhat

Self-employed

Seorang pembelajar dan pengembang web. Saya adalah seorang antusias Javascript, saya mendedikasikan banyak waktu belajar saya di sini. Kenali lebih jauh dengan mengunjung website profil saya.

Moch Ridwan Taufik Alamsyah

Moch Ridwan Taufik Alamsyah

R&D Engineer at Citra Sabda Abadi, External Code Reviewer at Dicoding Indonesia

- Full Stack Development Enthusiast
- Mobile Development Enthusiast
- Machine Learning Enthusiast
- IoT Enthusiast

Motto: "What We Learn When We Learn By Doing?" Roger C. Schank

Catur dari Dicoding

Catur dari Dicoding

Code Reviewer at Dicoding Indonesia

  • Associate Android Developer


Luthfi Alfarisi

Luthfi Alfarisi

External Code Reviewer at Dicoding Indonesia

Inggih Wicaksono

Inggih Wicaksono

Web Developer at Erasys Consulting

- Fullstack man but currently focus on React.js

- Hacktoberfest fans @igihcksn

Agista Septiyanto

Agista Septiyanto

Product Engineer

Tim product

Alvin Indra Pratama

Alvin Indra Pratama

Frontend Developer at Antikode

  • Front-End Developer
Alfian Yusuf Abdullah

Alfian Yusuf Abdullah

Head of Reviewer at Dicoding Indonesia

  • Associate Android Developer
  • Kotlin Enthusiast
  • UI/UX Enthusiast
Nanang Sutisna

Nanang Sutisna

- Mobile & Web Enthusiast

- External Code Reviewer at Dicoding Indonesia

Putu Jhonarendra

Putu Jhonarendra

Programmer

Seorang Programmer dari Bali, Indonesia yang memiliki pengalaman lebih dari 3 tahun mengembangkan aplikasi web. Aplikasi yang dibuat telah dipakai di lembaga pendidikan dan instansi pemerintah.

Gunawan Wahyu Andreanto

Gunawan Wahyu Andreanto

Full Stack Developer

meh
Alexzander Purwoko

Alexzander Purwoko

Code Reviewer at Dicoding Indonesia

  • Associate Android Developer
  • Android, Web & IoT Enthusiast
Ferdian Ahmad Rozikin

Ferdian Ahmad Rozikin

Frontend Engineer & External Code Reviewer

Experienced Frontend Engineer Crafting Immersive Digital Experiences: Elevate Your Team's Web Development Capabilities with Innovation, Precision, and a Proven Track Record

dos:6686df0f9e218fbb7a0a1eb49dea73d020230224162524.png Linkedin | Website | dos-e8d459176d261a1bc9f78dc03c22dcf620240630125408.png Github | dos-e8d459176d261a1bc9f78dc03c22dcf620240630125408.png Medium | dos-81e37f3f8ce298c50c6e701e10e3482120240630125304.png X

Ananda Dwi Prayoga

Ananda Dwi Prayoga

Android Engineer at Vidio.com

  • Android Dev
  • Web Dev
Ivan Andrianto

Ivan Andrianto

Academy Code Reviewer at Dicoding Indonesia

  • Google Data Analytics Professional Certificate
  • UI/UX Enthusiast
  • Machine Learning Enthusiast
  • Mobile & Web Enthusiast
Rosyiidah Hasnaa

Rosyiidah Hasnaa

Frontend Developer

Applied Bachelor of Informatics Engineering from Politeknik Elektronika Negeri Surabaya. I have experience building a website using html, css, bootstrap, and javascript and making a responsive website. I enjoy learning about front-end developers in my free time. An eager and conscientious person who works well in team environments. I'm looking for opportunities in front-end web development.

Let's connect with me on linkedin.com/in/syiidahasnaa

Shaddam Amru

Shaddam Amru

Frontend Engineer | React, Next.js, Typescript

  • Frontend Product Engineer w/ React, Next.js, Typescript
  • Product & UX Design
  • Linux & FOSS Enthusiast
Muhammad Ilham Adhim

Muhammad Ilham Adhim

Front-End Web Developer

Muhammad Rifki Erlangga

Muhammad Rifki Erlangga

External Code Reviewer at Dicoding Indonesia

  • Front-end Web Developer
Rian Mandala Putra

Rian Mandala Putra

External Code Reviewer at Dicoding Indonesia

  • Mobile and Web Enthusiast
Tatang Kuswandi

Tatang Kuswandi

External Code Reviewer at Dicoding Indonesia

  • Software Development Enthusiast
Fiqri ardiansyah

Fiqri ardiansyah

Fullstack Developer at INCIT

HA, nice!

Take a look my portfolio

Samodra

Samodra

External Code Reviewer at Dicoding Indonesia

  • Software Engineer
YUSRIL ADRIANSYAH PUTRA

YUSRIL ADRIANSYAH PUTRA

External Code Reviewer at Dicoding Indonesia

  • Front-End Web Developer
  • Back-End Web Developer
  • Javascript Enthusiast
Yudistira Arya Mutamang

Yudistira Arya Mutamang

External Code Reviewer at Dicoding Indonesia

  • Front-End Web Developer
  • Cyber Security Enthusiast
Ilham Shiddiq

Ilham Shiddiq

External Code Reviewer at Dicoding Indonesia. Backend Developer at a company in Bandung.

  • Back-End Web Developer
  • Web Developing Enthusiast
Muhammad Alvino Dienova

Muhammad Alvino Dienova

External Reviewer at Dicoding Indonesia

Front-End Web Developer

Eko Rahayu Widodo

Eko Rahayu Widodo

Software Engineer

• Lifelong Learner.

• Let's Connect ^^.

Sofyan Egi Lesmana

Sofyan Egi Lesmana

You can reach out me on my Linkedin.

Refiandi Reza Syawaldriyansah

Refiandi Reza Syawaldriyansah

External Reviewer Dicoding

Front-End & Javascript Enthusiast

Shidqi Rifat Pangestu

Shidqi Rifat Pangestu

Frontend Developer at Badr Interactive

- Frontend web enthusiast
- Contribute through technology </>

Fazza Razaq Amiarso

Fazza Razaq Amiarso

Software Engineer@WidaTech & Mentor

I'm a self-taught web developer focusing on making everyone can inclusively use the web. Currently learning and building interactive experience on the Web and Mobile.

Huge believer (and doer ofc) in learning by doing.

Personal Website: https://www.fazzaamiarso.com

Github: https://github.com/fazzaamiarso

Fauzi Kurniawan

Fauzi Kurniawan

External Code Reviewer at Dicoding Indonesia

Javascript enthusiast

Irenius Brayen Luhat

Irenius Brayen Luhat

Self-employed

Seorang pembelajar dan pengembang web. Saya adalah seorang antusias Javascript, saya mendedikasikan banyak waktu belajar saya di sini. Kenali lebih jauh dengan mengunjung website profil saya.

Testimoni Siswa

Ribuan siswa sukses belajar di Dicoding Academy. Apa kata mereka? Berikut adalah testimoni asli mereka.

Muhammad Khuirul Huda
Muhammad Khuirul Huda
Universitas Negeri Semarang
Belajar Pengembangan Web Intermediate
Ternyata sebuah website yang baik bukan hanya dilihat dari tampilan saja, tetapi juga performa, aksesibilitas, dan faktor lain yang sangat penting untuk diperhatikan. Melalui kelas ini, saya menjadi paham bagaimana membuat website yang baik.
Baca selengkapnya
Made Acarya Mordekhai Karang, S.T
Made Acarya Mordekhai Karang, S.T
PT. Timedoor Indonesia
Belajar Pengembangan Web Intermediate
Saya sangat puas dengan kelas ini, karena telah menuntun saya untuk menjadi seorang front-end developer yang gigih, teliti, disiplin, dan efisien.
Baca selengkapnya

Lihat semua testimoni

Lihat semua testimoni
Silabus
Belajar Sekarang

Silabus

Materi yang akan Anda pelajari pada kelas ini.

  • Pengantar Aksesibilitas

    5 Menit

  • Pengenalan Aksesibilitas

    15 Menit

  • Prinsip-Prinsip Aksesibilitas

    15 Menit

  • Navigasi dengan Keyboard

    25 Menit

  • Latihan: Mencoba Focus

    25 Menit

  • Mengatur Focusable Element

    35 Menit

  • Skip to Content

    20 Menit

  • Semantik dan Screen Reader

    30 Menit

  • Latihan: Mencoba Screen Reader

    50 Menit

  • Semantic Properties & Accessibility Tree

    25 Menit

  • ARIA dan HTML

    25 Menit

  • Heading dan Sectioning

    15 Menit

  • Label dan Alternatif Teks

    25 Menit

  • Typography

    25 Menit

  • Peran JavaScript

    20 Menit

  • Latihan Studi Kasus: Memperbaiki Aksesibilitas Website

    40 Menit

  • Rangkuman Aksesibilitas

    15 Menit

  • Kuis Aksesibilitas

    30 Menit

  • Pengantar Transisi dan Animasi

    5 Menit

  • Pengenalan View Transition API

    10 Menit

  • Transisi untuk SPA dan MPA

    30 Menit

  • Latihan: Membangun SPA Pertama

    40 Menit

  • SPA dengan MVP Pattern

    25 Menit

  • Latihan: Membangun Aplikasi dengan MVP Pattern

    40 Menit

  • Transisi Halaman untuk SPA

    20 Menit

  • Pseudo-Element Tree

    20 Menit

  • Animation API, Solusi Custom Transition

    15 Menit

  • Debugging Transition

    15 Menit

  • Transisi Halaman untuk MPA

    20 Menit

  • Mengatur Transisi Banyak Element

    10 Menit

  • Transisi untuk Elemen Berbeda

    20 Menit

  • Latihan: Implementasi Transisi untuk Elemen Berbeda

    40 Menit

  • Aksesibilitas untuk Animasi

    20 Menit

  • Pengantar Studi Kasus: City Care App

    5 Menit

  • Latihan Studi Kasus: Penjelasan Starter Project

    30 Menit

  • Latihan Studi Kasus: Mengimplementasikan View Transition

    60 Menit

  • Rangkuman Transisi dan Animasi

    15 Menit

  • Kuis Transisi dan Animasi

    30 Menit

  • Pengantar Dunia Media

    5 Menit

  • Pengenalan Media Stream API

    10 Menit

  • Latihan: Stream Camera Pertama

    40 Menit

  • Bekerja dengan MediaStream

    20 Menit

  • Latihan: Menangkap dengan Canvas API

    40 Menit

  • Canvas API

    20 Menit

  • Latihan: Constraint untuk Media Stream

    40 Menit

  • Mengatur Constraint MediaStream

    25 Menit

  • Front dan Rear Camera untuk Mobile

    25 Menit

  • Menyimpan ke Local Machine

    10 Menit

  • Studi Kasus: Kamera untuk Halaman Tambah

    60 Menit

  • Rangkuman Dunia Media

    15 Menit

  • Kuis Dunia Media

    30 Menit

  • Pengantar Map dan Location

    5 Menit

  • Pengenalan Map dan Location

    10 Menit

  • Dasar-Dasar Peta Digital

    20 Menit

  • Latihan: Membuat Peta Interaktif Pertama

    40 Menit

  • Langkah Awal Peta Digital

    30 Menit

  • Marker dan Icon

    30 Menit

  • Interaktif dengan User

    25 Menit

  • Latihan: Menampilkan Custom Data

    40 Menit

  • GeoJSON, Custom Data Map

    30 Menit

  • Geolocation API, Real-Time Location

    30 Menit

  • MapTiler, Map Service Alternative

    25 Menit

  • Latihan: Custom Map dengan MapTiler

    40 Menit

  • Bekerja dengan Layer Group dan Control

    30 Menit

  • Latihan Studi Kasus: Merancang Peta Digital di Halaman Daftar

    60 Menit

  • Latihan Studi Kasus: Mendapatkan Koordinat Baru

    40 Menit

  • Rangkuman Map dan Location

    15 Menit

  • Kuis Map dan Location

    30 Menit

  • Submission: Proyek Pertama

    720 Menit

  • Pengantar JavaScript Background

    5 Menit

  • Pentingnya JavaScript Background

    10 Menit

  • Mendeteksi JavaScript Background

    35 Menit

  • Pengenalan Service Worker API

    15 Menit

  • Registrasi Service Worker

    30 Menit

  • Service Worker Lifecycles

    15 Menit

  • Service Worker Events

    20 Menit

  • Notification API

    30 Menit

  • Web Push Notification

    15 Menit

  • Cara Kerja Web Push Notification

    40 Menit

  • Studi Kasus: Lebih Dekat dengan Web Push Notification

    60 Menit

  • Rangkuman JavaScript di Balik Layar

    15 Menit

  • Kuis JavaScript di Balik Layar

    30 Menit

  • Pengantar Progressive Web Apps

    5 Menit

  • Pengenalan Progressive Web Apps

    10 Menit

  • Kriteria-Kriteria PWA

    10 Menit

  • Komponen Pembentuk PWA

    20 Menit

  • Application Shell

    15 Menit

  • CacheStorage API

    20 Menit

  • Dasar Penggunaan CacheStorage

    40 Menit

  • Caching Strategies

    40 Menit

  • Workbox, Caching Abstraction

    15 Menit

  • Workbox Precaching

    30 Menit

  • Workbox Runtime Caching

    30 Menit

  • Web Application Manifest

    20 Menit

  • Studi Kasus: PWA untuk CityCare App

    60 Menit

  • IndexedDB API

    20 Menit

  • Dasar Penggunaan IndexedDB

    30 Menit

  • Operasi CRUD pada IndexedDB

    30 Menit

  • Studi Kasus: Local Database untuk CityCare App

    60 Menit

  • Rangkuman Progressive Web Apps

    15 Menit

  • Kuis Progressive Web Apps

    30 Menit

  • Pengantar Deployment Aplikasi

    5 Menit

  • Pengenalan Deployment Aplikasi

    10 Menit

  • Platform untuk Deployment

    10 Menit

  • Pengantar Deployment dengan GitHub Pages

    5 Menit

  • Pengelolaan Source Code Aplikasi

    15 Menit

  • Latihan: Memasang Git

    50 Menit

  • Latihan: Menyiapkan Akun GitHub

    50 Menit

  • Latihan: Membuat GitHub Repository Baru

    30 Menit

  • Latihan: Deploy pada GitHub Pages

    60 Menit

  • Pengantar Deployment dengan Netlify

    5 Menit

  • Latihan: Menyiapkan Akun Netlify

    30 Menit

  • Latihan: Deploy pada Netlify

    30 Menit

  • Pengantar Deployment dengan Firebase

    5 Menit

  • Latihan: Membuat Firebase Project Baru

    20 Menit

  • Latihan: Deploy ke Firebase Hosting

    30 Menit

  • Rangkuman Deployment Aplikasi

    15 Menit

  • Kuis Deployment Aplikasi

    30 Menit

  • Rangkuman Kelas

    90 Menit

  • Ujian Akhir

    200 Menit

  • Submission: Proyek Kedua

    720 Menit

Dicoding Logo

Dicoding Space
Jl. Batik Kumeli No.50, Sukaluyu,
Kec. Cibeunying Kaler, Kota Bandung
Jawa Barat 40123

Penghargaan

Asean Business Award 2019

Decode Ideas
Discover Potential

Tentang Kami
Blog
Reward
Showcase
Dicoding Elite
Hubungi Kami
FAQ