Belajar Pengembangan Web Intermediate
4.89
Front-End Web

Learning Path

Belajar Pengembangan Web Intermediate

Topik:

Full Stack Front End
Level: Mahir
Level: Mahir 80 Jam Belajar
11.078

Siswa Terdaftar

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

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

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

Jalankan kode secara langsung di platform untuk memahami konsep lebih cepat.

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.

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.


Learning Path

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


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

Bogdan Sikora

Bogdan Sikora

CTO of AccessTime and Web Accessibility Specialist

Reviewer

23

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

Dimas Catur Wibowo
Inggih Wicaksono
Inggih Wicaksono

Inggih Wicaksono

Web Developer at Erasys Consulting

- Fullstack man but currently focus on React.js

- Hacktoberfest fans @igihcksn

Agista Septiyanto
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

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

Bogdan Sikora

Bogdan Sikora

CTO of AccessTime and Web Accessibility Specialist


Tim Reviewer

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

Dimas Catur Wibowo
Inggih Wicaksono
Inggih Wicaksono

Inggih Wicaksono

Web Developer at Erasys Consulting

- Fullstack man but currently focus on React.js

- Hacktoberfest fans @igihcksn

Agista Septiyanto
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
Alexzander Purwoko
Alexzander Purwoko

Alexzander Purwoko

Code Reviewer at Dicoding Indonesia

  • Associate Android Developer
  • Android, Web & IoT Enthusiast
Muhammad Nazar Alwi
Muhammad Nazar Alwi

Muhammad Nazar Alwi

External Code Reviewer at Dicoding Indonesia

  • Software Engineering Student
  • Dicoding Graduate
  • iOS Developer
  • More Info: nazaralwi.com
Rosyiidah Hasnaa
Rosyiidah Hasnaa

Rosyiidah Hasnaa

Academy Code Reviewer at Dicoding Indonesia

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

Jonry Simbolon
Muhammad Ilham Adhim
Muhammad Ilham Adhim

Muhammad Ilham Adhim

Front-End Web Developer

Rian Mandala Putra
Samodra
Hasan Ismail Abdulmalik
Hasan Ismail Abdulmalik

Hasan Ismail Abdulmalik

Full Stack Engineer - External Reviewer Dicoding

Saya adalah seorang Full Stack Engineer, dengan keahlian di bidang backend development, frontend development, serta cloud computing, saya siap membantu peserta memahami konsep secara mendalam dan menerapkannya dalam membangun solusi digital yang scalable dan berdampak. Pengalaman saya dalam berbagai program fasilitasi dengan peserta dari berbagai latar belakang harapannya dapat membantu teman-teman tumbuh secara menyeluruh dan siap menghadapi tantangan industri teknologi.

Yudistira Arya Mutamang
Yudistira Arya Mutamang

Yudistira Arya Mutamang

External Code Reviewer at Dicoding Indonesia

  • Front-End Web Developer
  • Cyber Security Enthusiast
Chandra Perdiansyah
Ilham Shiddiq
Muhammad Alvino Dienova
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

Usman
Fauzi Kurniawan
Kevin Winardi
Kevin Winardi

Kevin Winardi

External Code Reviewer at Dicoding Indonesia

Seseorang yang berdedikasi tinggi untuk belajar. 

LinkedIn

Dimas Catur Wibowo

Dimas Catur Wibowo

Code Reviewer at Dicoding Indonesia

  • Associate Android Developer


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

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.

Alexzander Purwoko

Alexzander Purwoko

Code Reviewer at Dicoding Indonesia

  • Associate Android Developer
  • Android, Web & IoT Enthusiast
Muhammad Nazar Alwi

Muhammad Nazar Alwi

External Code Reviewer at Dicoding Indonesia

  • Software Engineering Student
  • Dicoding Graduate
  • iOS Developer
  • More Info: nazaralwi.com
Rosyiidah Hasnaa

Rosyiidah Hasnaa

Academy Code Reviewer at Dicoding Indonesia

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

Jonry Simbolon

Jonry Simbolon

[PROBATION] External Code Reviewer at Dicoding Indonesia

Muhammad Ilham Adhim

Muhammad Ilham Adhim

Front-End Web Developer

Rian Mandala Putra

Rian Mandala Putra

External Code Reviewer at Dicoding Indonesia

  • Mobile and Web Enthusiast
Samodra

Samodra

External Code Reviewer at Dicoding Indonesia

  • Software Engineer
Hasan Ismail Abdulmalik

Hasan Ismail Abdulmalik

Full Stack Engineer - External Reviewer Dicoding

Saya adalah seorang Full Stack Engineer, dengan keahlian di bidang backend development, frontend development, serta cloud computing, saya siap membantu peserta memahami konsep secara mendalam dan menerapkannya dalam membangun solusi digital yang scalable dan berdampak. Pengalaman saya dalam berbagai program fasilitasi dengan peserta dari berbagai latar belakang harapannya dapat membantu teman-teman tumbuh secara menyeluruh dan siap menghadapi tantangan industri teknologi.

Yudistira Arya Mutamang

Yudistira Arya Mutamang

External Code Reviewer at Dicoding Indonesia

  • Front-End Web Developer
  • Cyber Security Enthusiast
Chandra Perdiansyah

Chandra Perdiansyah

Frontend Web Developer Enthusiast

Lifelong Learner

Linkedin : https://www.linkedin.com/in/cperdiansyah/

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

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

Usman

Usman

Fauzi Kurniawan

Fauzi Kurniawan

External Code Reviewer at Dicoding Indonesia

Javascript enthusiast

Kevin Winardi

Kevin Winardi

External Code Reviewer at Dicoding Indonesia

Seseorang yang berdedikasi tinggi untuk belajar. 

LinkedIn


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 & Algonova 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

Silabus

Materi yang akan Anda pelajari pada kelas ini.

  • 5 Menit

  • 15 Menit

  • 15 Menit

  • 25 Menit

  • 25 Menit

  • 35 Menit

  • 20 Menit

  • 30 Menit

  • 50 Menit

  • 25 Menit

  • 25 Menit

  • 15 Menit

  • 25 Menit

  • 25 Menit

  • 20 Menit

  • 40 Menit

  • 15 Menit

  • 30 Menit

  • 5 Menit

  • 10 Menit

  • 30 Menit

  • 40 Menit

  • 25 Menit

  • 40 Menit

  • 20 Menit

  • 20 Menit

  • 15 Menit

  • 15 Menit

  • 20 Menit

  • 10 Menit

  • 20 Menit

  • 40 Menit

  • 20 Menit

  • 5 Menit

  • 30 Menit

  • 60 Menit

  • 15 Menit

  • 30 Menit

  • 5 Menit

  • 10 Menit

  • 40 Menit

  • 20 Menit

  • 40 Menit

  • 20 Menit

  • 40 Menit

  • 25 Menit

  • 25 Menit

  • 10 Menit

  • 60 Menit

  • 15 Menit

  • 30 Menit

  • 5 Menit

  • 10 Menit

  • 20 Menit

  • 40 Menit

  • 30 Menit

  • 30 Menit

  • 25 Menit

  • 40 Menit

  • 30 Menit

  • 30 Menit

  • 25 Menit

  • 40 Menit

  • 30 Menit

  • 60 Menit

  • 40 Menit

  • 15 Menit

  • 30 Menit

  • 720 Menit

  • 5 Menit

  • 10 Menit

  • 35 Menit

  • 15 Menit

  • 30 Menit

  • 15 Menit

  • 20 Menit

  • 30 Menit

  • 15 Menit

  • 40 Menit

  • 60 Menit

  • 15 Menit

  • 30 Menit

  • 5 Menit

  • 10 Menit

  • 10 Menit

  • 20 Menit

  • 15 Menit

  • 20 Menit

  • 40 Menit

  • 40 Menit

  • 15 Menit

  • 30 Menit

  • 30 Menit

  • 20 Menit

  • 60 Menit

  • 20 Menit

  • 30 Menit

  • 30 Menit

  • 60 Menit

  • 15 Menit

  • 30 Menit

  • 5 Menit

  • 10 Menit

  • 10 Menit

  • 5 Menit

  • 15 Menit

  • 50 Menit

  • 50 Menit

  • 30 Menit

  • 60 Menit

  • 5 Menit

  • 30 Menit

  • 30 Menit

  • 5 Menit

  • 20 Menit

  • 30 Menit

  • 15 Menit

  • 30 Menit

  • 90 Menit

  • 200 Menit

  • 720 Menit