Menjadi Front-End Web Developer Expert
4.88
Front-End Web

Learning Path

Menjadi Front-End Web Developer Expert

Teknologi:

Web
Level: Mahir - Profesional
Level: Mahir - Profesional 110 Jam Belajar
8.400

Siswa Terdaftar

Pelajari teknik-teknik expert serta modern dalam membangun website yang optimal pada seluruh perangkat, terutama pada perangkat mobile.
Learning Path Front-End Web Developer

Kelas ini merupakan langkah ke-enam 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.
Level Mahir
Menguasai materi dan latihan tingkat lanjut. Kelas ini mensyaratkan sejumlah penguasaan landasan pengetahuan yang baik.
Level Profesional
Melanjutkan tingkat mahir. Lebih banyak studi kasus dengan praktik terbaik standar industri.

Deskripsi

Saat ini, banyak website aktif dirancang untuk tampak optimal hanya pada perangkat desktop. Namun faktanya, kini pengguna website didominasi oleh smartphone. Dengan begitu, Web Developer dituntut untuk mampu membangun website yang dapat beradaptasi pada smartphone dengan baik. Perusahaan seperti Tokopedia, Twitter, dan Facebook berhasil mengembangkan website yang nyaman diakses pada perangkat smartphone. Hal ini bisa tercapai dengan memperhatikan aspek mobile friendly, accessibility, dan optimization.

  • Web Developer saat ini harus mampu menyajikan website yang optimal pada perangkat smartphone.
  • Web merupakan platform yang dapat diakses melalui banyak macam perangkat. Hal ini menjadi keuntungan jika Anda mengembangkan aplikasi berbasis Web. 
  • Aplikasi yang dibangun menggunakan web memiliki kecanggihan layaknya aplikasi native Android atau iOS. 
  • Website adalah platform yang dijangkau oleh Search Engine seperti Google Search, sehingga website cocok sebagai media promosi bisnis atau konten. 
  • Mengembangkan website termasuk pengembangan yang mudah di-maintenance dan mudah untuk dipublikasi.

Target dan Sasaran Siswa

  • Kelas ini ditujukan untuk seorang Front-End Web Developer yang ingin mengembangkan website yang optimal, mudah digunakan, serta canggih ketika diakses oleh seluruh perangkat terutama smartphone.
  • Kelas dapat diikuti oleh siswa yang melek IT sehingga wajib memiliki dan dapat mengoperasikan komputer dengan baik.
  • Siswa diharapkan sudah mampu mengembangkan aplikasi web di sisi Front-End, menguasai HTML, CSS, dan JavaScript serta sudah familier dengan Webpack sebagai module bundler.
  • Siswa harus bisa belajar mandiri, berkomitmen, benar-benar punya rasa ingin tahu, dan tertarik pada subjek materi, karena sebaik apa pun materi kelas ini, tidak akan berguna tanpa keseriusan siswa untuk belajar, berlatih, dan mencoba.
  • Di akhir kelas, siswa dapat membuat aplikasi front-end web yang responsif, memiliki aksesibilitas yang baik, mudah di-maintenance, memiliki sifat native, dapat diuji, dan memiliki performa yang baik.



Learning Path

Kelas ini merupakan langkah ke-enam 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 4GB)

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 : 100 jam
    • Rekomendasi waktu belajar : 10 jam per minggu (selesai dalam 63 hari)  
    • Anda tentukan sendiri berapa lama waktu yang akan digunakan untuk belajar materi kelas ini selama masih aktif terdaftar pada kelas
  • Fasilitas Pengajaran
    • Materi bacaan elektronik : Materi akan disajikan dalam bentuk teks dan bacaan
    • Forum diskusi : Setiap kelas memiliki sebuah forum diskusi yang dapat Anda gunakan untuk bertanya dan berdiskusi
    • Evaluasi pembelajaran: Submission (proyek akhir) berupa web app katalog restoran dengan experience dan fungsionalitas yang baik ketika diakses pada perangkat mobile
    • Sertifikat kompetensi  

Lihat semua metode ajar

Lihat semua metode ajar

Metode Ajar

  • Online - Self-paced Learning
    • Total jam belajar : 100 jam
    • Rekomendasi waktu belajar : 10 jam per minggu (selesai dalam 63 hari)  
    • Anda tentukan sendiri berapa lama waktu yang akan digunakan untuk belajar materi kelas ini selama masih aktif terdaftar pada kelas
  • Fasilitas Pengajaran
    • Materi bacaan elektronik : Materi akan disajikan dalam bentuk teks dan bacaan
    • Forum diskusi : Setiap kelas memiliki sebuah forum diskusi yang dapat Anda gunakan untuk bertanya dan berdiskusi
    • Evaluasi pembelajaran: Submission (proyek akhir) berupa web app katalog restoran dengan experience dan fungsionalitas yang baik ketika diakses pada perangkat mobile
    • Sertifikat kompetensi  

Kontributor

3

Curriculum Developer yang membangun kelas ini:

Dimas Maulana Dwi Saputra

Dimas Maulana Dwi Saputra

Curriculum Developer at Dicoding Indonesia

Ash Shiddiqul Akbar Hidayat

Ash Shiddiqul Akbar Hidayat

Dicoding CTO

Reviewer

36

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 csacomputer.com, External Code Reviewer at Dicoding Indonesia

"What We Learn When We Learn By Doing?"

  • Full Stack Development Enthusiast
  • Mobile Development Enthusiast
  • Machine Learning Enthusiast
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:

Dimas Maulana Dwi Saputra

Dimas Maulana Dwi Saputra

Curriculum Developer at Dicoding Indonesia

Ash Shiddiqul Akbar Hidayat

Ash Shiddiqul Akbar Hidayat

Dicoding CTO

Nur Rizki Adi Prasetyo

Nur Rizki Adi Prasetyo

Curriculum Developer at Dicoding Indonesia


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 csacomputer.com, External Code Reviewer at Dicoding Indonesia

"What We Learn When We Learn By Doing?"

  • Full Stack Development Enthusiast
  • Mobile Development Enthusiast
  • Machine Learning Enthusiast
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
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
Nosef Nunggaran
Ananda Dwi Prayoga
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 Frontend Engineer
  • Product & UX
  • Linux 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
Muhammad Amru Salim
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
Chandra Perdiansyah
Ilham Shiddiq
Muhammad Alvino Dienova
Eko Rahayu Widodo
Eko Rahayu Widodo

Eko Rahayu Widodo

Front-End Developer

- Front-end developer. 

- Tech Enthusiast. 

Marcello Sebastian
Sofyan Egi Lesmana
Sofyan Egi Lesmana

Sofyan Egi Lesmana

External Code Reviewer at Dicoding Indonesia

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

Web Developer & Open Source Maintainer

I'm a self-taught web developer focusing on making everyone can inclusively use the web. Currently transitioning from React to Svelte. Interested on learning Interactive Story Telling with Data Visualization.

Personal Website: https://fazzaamiarso.me

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.

Alvin Indra Pratama
Moch Ridwan Taufik Alamsyah

Moch Ridwan Taufik Alamsyah

R&D Engineer at csacomputer.com, External Code Reviewer at Dicoding Indonesia

"What We Learn When We Learn By Doing?"

  • Full Stack Development Enthusiast
  • Mobile Development Enthusiast
  • Machine Learning Enthusiast
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 at Dicoding

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
Nosef Nunggaran

Nosef Nunggaran

External Code Reviewer at Dicoding Indonesia

AWS Certified Solutions Architect

Ananda Dwi Prayoga

Ananda Dwi Prayoga

Android Engineer at Vidio.com

  • Android Dev
  • Web Dev
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 Frontend Engineer
  • Product & UX
  • Linux 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

  • Mobile and Web Enthusiast
Fiqri ardiansyah

Fiqri ardiansyah

Frontend Developer at Crealoka

HA, nice!

Take a look my portfolio

Samodra

Samodra

External Code Reviewer at Dicoding Indonesia

  • Software Engineer
Muhammad Amru Salim

Muhammad Amru Salim

External Code Reviewer at Dicoding Indonesia

  • Mobile and Web Enthusiast
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
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

Eko Rahayu Widodo

Eko Rahayu Widodo

Front-End Developer

- Front-end developer. 

- Tech Enthusiast. 

Marcello Sebastian

Marcello Sebastian

External Code Reviewer at Dicoding Indonesia

Front-end Development Enthusiast

Sofyan Egi Lesmana

Sofyan Egi Lesmana

External Code Reviewer at Dicoding Indonesia

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

Web Developer & Open Source Maintainer

I'm a self-taught web developer focusing on making everyone can inclusively use the web. Currently transitioning from React to Svelte. Interested on learning Interactive Story Telling with Data Visualization.

Personal Website: https://fazzaamiarso.me

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.

Alvin Indra Pratama

Alvin Indra Pratama

Product Engineer at Dicoding Indonesia

  • Front-End Developer

Testimoni Siswa

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

Muhammad Agung Fadhil
Muhammad Agung Fadhil
PT Telkom Indonesia
Menjadi Front-End Web Developer Expert
Kelas ini sangat menarik, fokus sebagai Front-End Web disini diajarkan tidak hanyak bagaimana mengoptimasi performa website melainkan kepedulian terhadap penggunanya pula, hal ini berkaitan dengan materi "aksesibilitas" untuk penyandang disabilitas dan hal ini sangat menarik untuk kesadaran para developer.
Baca selengkapnya
Geraldo Sepdwijaya
Geraldo Sepdwijaya
PT. Maybank Indonesia
Menjadi Front-End Web Developer Expert
Kelas ini sangat lengkap dan mudah dipahami, reviewer selalu memberikan saran agar dapat menuliskan kode dengan baik saat mengerjakan submission, kelas ini sangat cocok untuk yang ingin memperdalam skill Front End Web Development. Sangat direkomendasikan, terima kasih Dicoding!
Baca selengkapnya
Lihat semua testimoni

Silabus

Materi yang akan Anda pelajari pada kelas ini.

  • 10 Menit

  • 25 Menit

  • 20 Menit

  • 30 Menit

  • 40 Menit

  • 25 Menit

  • 25 Menit

  • 20 Menit

  • 25 Menit

  • 25 Menit

  • 30 Menit

  • 25 Menit

  • 15 Menit

  • 40 Menit

  • 15 Menit

  • 40 Menit

  • 40 Menit

  • 30 Menit

  • 15 Menit

  • 20 Menit

  • 20 Menit

  • 20 Menit

  • 5 Menit

  • 20 Menit

  • 20 Menit

  • 20 Menit

  • 10 Menit

  • 20 Menit

  • 15 Menit

  • 30 Menit

  • 20 Menit

  • 5 Menit

  • 20 Menit

  • 20 Menit

  • 15 Menit

  • 20 Menit

  • 30 Menit

  • 15 Menit

  • 480 Menit

  • 15 Menit

  • 20 Menit

  • 25 Menit

  • 10 Menit

  • 25 Menit

  • 20 Menit

  • 15 Menit

  • 20 Menit

  • 10 Menit

  • 25 Menit

  • 20 Menit

  • 20 Menit

  • 20 Menit

  • 25 Menit

  • 20 Menit

  • 25 Menit

  • 20 Menit

  • 10 Menit

  • 15 Menit

  • 30 Menit

  • 15 Menit

  • 10 Menit

  • 15 Menit

  • 15 Menit

  • 20 Menit

  • 15 Menit

  • 10 Menit

  • 30 Menit

  • 30 Menit

  • 20 Menit

  • 25 Menit

  • 35 Menit

  • 40 Menit

  • 40 Menit

  • 40 Menit

  • 25 Menit

  • 40 Menit

  • 20 Menit

  • 40 Menit

  • 15 Menit

  • 15 Menit

  • 15 Menit

  • 25 Menit

  • 20 Menit

  • 35 Menit

  • 15 Menit

  • 10 Menit

  • 10 Menit

  • 10 Menit

  • 20 Menit

  • 25 Menit

  • 30 Menit

  • 25 Menit

  • 25 Menit

  • 25 Menit

  • 35 Menit

  • 15 Menit

  • 10 Menit

  • 15 Menit

  • 15 Menit

  • 10 Menit

  • 20 Menit

  • 25 Menit

  • 35 Menit

  • 20 Menit

  • 10 Menit

  • 10 Menit

  • 10 Menit

  • 10 Menit

  • 10 Menit

  • 25 Menit

  • 15 Menit

  • 25 Menit

  • 40 Menit

  • 40 Menit

  • 80 Menit

  • 30 Menit

  • 15 Menit

  • 600 Menit

  • 10 Menit

  • 30 Menit

  • 25 Menit

  • 25 Menit

  • 20 Menit

  • 20 Menit

  • 30 Menit

  • 35 Menit

  • 20 Menit

  • 40 Menit

  • 15 Menit

  • 35 Menit

  • 10 Menit

  • 10 Menit

  • 20 Menit

  • 60 Menit

  • 15 Menit

  • 25 Menit

  • 30 Menit

  • 10 Menit

  • 10 Menit

  • 15 Menit

  • 30 Menit

  • 10 Menit

  • 10 Menit

  • 60 Menit

  • 45 Menit

  • 50 Menit

  • 45 Menit

  • 15 Menit

  • 15 Menit

  • 25 Menit

  • 30 Menit

  • 70 Menit

  • 60 Menit

  • 10 Menit

  • 15 Menit

  • 45 Menit

  • 30 Menit

  • 20 Menit

  • 40 Menit

  • 15 Menit

  • 10 Menit

  • 30 Menit

  • 15 Menit

  • 10 Menit

  • 10 Menit

  • 20 Menit

  • 10 Menit

  • 15 Menit

  • 15 Menit

  • 15 Menit

  • 20 Menit

  • 10 Menit

  • 15 Menit

  • 30 Menit

  • 20 Menit

  • 40 Menit

  • 15 Menit

  • 35 Menit

  • 15 Menit

  • 30 Menit

  • 15 Menit

  • 30 Menit

  • 15 Menit

  • 10 Menit

  • 25 Menit

  • 20 Menit

  • 35 Menit

  • 30 Menit

  • 15 Menit

  • 10 Menit

  • 30 Menit

  • 30 Menit

  • 30 Menit

  • 10 Menit

  • 30 Menit

  • 40 Menit

  • 30 Menit

  • 80 Menit

  • 20 Menit

  • 70 Menit

  • 30 Menit

  • 15 Menit

  • 60 Menit

  • 30 Menit

  • 660 Menit