Belajar Fundamental Front-End Web Development
4.87
Front-End Web

Learning Path

Belajar Fundamental Front-End Web Development

Teknologi:

Web
Level: Pemula - Menengah
Level: Pemula - Menengah 70 Jam Belajar
22.597

Siswa Terdaftar

Pelajari sintaks ES6, Web Component, dan Build Tools dalam membangun website dengan teknik yang simple, reusable, dan optimized.
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 Pemula
Mempelajari topik dasar dengan objektif membuat produk, sistem, atau latihan sederhana.
Level Menengah
Memahami konsep dasar secara mendalam dan luas. Di sejumlah kelas mempelajari teknik khusus untuk pemahaman praktis.

Deskripsi

Website saat ini sudah menjadi kebutuhan utama yang tidak bisa diabaikan. Seluruh sektor bisnis dapat memanfaatkan website sebagai alat untuk promosi, bertukar informasi, dll. Pada Juni 2021 berdasarkan sumber Internet Live Stats terdapat lebih dari 1,8 milyar website yang aktif. StackShare, salah satu komunitas developer terbesar di Amerika, menyatakan terdapat ribuan produk internasional termasuk AirBnB, Instagram, dan Gitlab telah menggunakan Web Component, Build Tools (seperti Webpack), dan AJAX. 

  • Salah satu keuntungan dari mengembangkan web adalah dapat diakses melalui banyak macam perangkat. Siapa pun Anda, jika ingin menjadi Web Developer, maka Anda harus memiliki pengetahuan dasar HTML, CSS, dan JavaScript yang kuat sebelum melangkah ke tahap selanjutnya.
  • Pemahaman mengenai component harus dimiliki oleh Anda yang ingin belajar pengembangan website menggunakan Front-End Web Framework, seperti React, Angular, ataupun Vue.
  • Pengembangan web semakin kompleks sehingga membutuhkan pengembangan website dengan teknik yang simple, reusable, dan optimize.
  • Sebagai platform yang dijangkau oleh Search Engine seperti Google, sebuah website cocok sebagai media promosi bisnis.
  • Mengembangkan website termasuk pengembangan yang mudah dalam pemeliharaan dan mudah untuk dipublikasikan.


Target dan Sasaran Siswa

  • Kelas ditujukan untuk seorang Front-Web Developer yang ingin mengembangkan website dengan teknik yang simple, reusable, dan optimal.
  • Kelas dapat diikuti oleh siswa yang melek IT sehingga wajib memiliki dan dapat mengoperasikan komputer dengan baik.
  • Siswa diharapkan sudah memiliki pemahaman dasar dalam pembuatan website dengan baik menggunakan HTML, CSS, dan Javascript.
  • 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 dengan kode JavaScript standar ES6, menerapkan Web Components,  Webpack, dan menampilkan data dinamis dari Web API menggunakan AJAX.




Peralatan Belajar

Spesifikasi minimal perangkat:

Prosesor

Intel Celeron (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

1GB (Rekomendasi 2GB)

Layar

1366 x 768 (Rekomendasi Full HD 1920 x 1080)

Sistem Operasi

Windows, Linux, MacOS

Prosesor

Intel Celeron (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)


Metode Ajar

  • Online - Self-paced Learning
    • Total jam belajar : 70 jam
    • Rekomendasi waktu belajar : 10 jam per minggu (selesai dalam 49 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) membuat aplikasi web dengan ES6, Custom Element, NPM, Webpack, dan AJAX.
    • Sertifikat kompetensi 

Lihat semua metode ajar

Lihat semua metode ajar

Metode Ajar

  • Online - Self-paced Learning
    • Total jam belajar : 70 jam
    • Rekomendasi waktu belajar : 10 jam per minggu (selesai dalam 49 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) membuat aplikasi web dengan ES6, Custom Element, NPM, Webpack, dan AJAX.
    • Sertifikat kompetensi 

Kontributor

1

Curriculum Developer yang membangun kelas ini:

Dimas Maulana Dwi Saputra

Dimas Maulana Dwi Saputra

Curriculum Developer at Dicoding Indonesia

Reviewer

25

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

Khrisna dari Dicoding
Khrisna dari Dicoding

Khrisna dari Dicoding

Head of Reviewer at Dicoding Indonesia

Nasrul Gunawan
Nasrul Gunawan

Nasrul Gunawan

External Code Reviewer at Dicoding Indonesia

  • Web & Mobile Enthusiast
  • UI/UX Enthusiast
Khofidin
Khofidin

Khofidin

IT & Traceability Manager at Austrex

  • Associate Android Developer
  • Farmer
Dimas Catur Wibowo
Dimas Catur Wibowo

Dimas Catur Wibowo

Code Reviewer at Dicoding Indonesia

  • Associate Android Developer


Luthfi Alfarisi
Luthfi Alfarisi

Luthfi Alfarisi

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:

Dimas Maulana Dwi Saputra

Dimas Maulana Dwi Saputra

Curriculum Developer at Dicoding Indonesia


Tim Reviewer

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

Khrisna dari Dicoding
Khrisna dari Dicoding

Khrisna dari Dicoding

Head of Reviewer at Dicoding Indonesia

Nasrul Gunawan
Nasrul Gunawan

Nasrul Gunawan

External Code Reviewer at Dicoding Indonesia

  • Web & Mobile Enthusiast
  • UI/UX Enthusiast
Khofidin
Khofidin

Khofidin

IT & Traceability Manager at Austrex

  • Associate Android Developer
  • Farmer
Dimas Catur Wibowo
Dimas Catur Wibowo

Dimas Catur Wibowo

Code Reviewer at Dicoding Indonesia

  • Associate Android Developer


Luthfi Alfarisi
Luthfi Alfarisi

Luthfi Alfarisi

External Code Reviewer at Dicoding Indonesia

Tio Misbaqul Irawan
Tio Misbaqul Irawan

Tio Misbaqul Irawan

External Code Reviewer at Dicoding Indonesia

  • Mobile and Web Enthusiast
  • Unix/Linux Enthusiast
Agista Septiyanto
Agista Septiyanto

Agista Septiyanto

Code Reviewer at Dicoding Indonesia

Alvin Indra Pratama
Alvin Indra Pratama

Alvin Indra Pratama

External Code Reviewer at Dicoding Indonesia

  • Front End Web Developer
Alfian Yusuf Abdullah
Alfian Yusuf Abdullah

Alfian Yusuf Abdullah

Code Reviewer at Dicoding Indonesia

  • Associate Android Developer
  • Kotlin Enthusiast
  • UI/UX Enthusiast
Dimas Maulana Dwi Saputra
Dimas Maulana Dwi Saputra

Dimas Maulana Dwi Saputra

Curriculum Developer at Dicoding Indonesia

  • Mobile and Web Enthusiast
  • Associate Android Developer
  • React Developer
  • AWS Certified Cloud Practitioner
Alexzander Purwoko Widiantoro
Alexzander Purwoko Widiantoro

Alexzander Purwoko Widiantoro

Code Reviewer at Dicoding Indonesia

  • Associate Android Developer
  • Microsoft Certified: Azure Fundamental
  • Android, Web & IoT Enthusiast
Ni Luh Putu Anita Dewi
Ni Luh Putu Anita Dewi

Ni Luh Putu Anita Dewi

Ananda Dwi Prayoga
Ananda Dwi Prayoga

Ananda Dwi Prayoga

External Code Reviewer at Dicoding Indonesia

  • Fullstack Web Dev
  • Fullstack Android Dev
  • UI/UX enthusiast
Shaddam Amru Hasibuan
Shaddam Amru Hasibuan

Shaddam Amru Hasibuan

Developer Specialist at SMEsHub Indonesia

Muhammad Rifki Erlangga
Muhammad Rifki Erlangga

Muhammad Rifki Erlangga

External Code Reviewer at Dicoding Indonesia

  • Front-end Web Developer
Rian Mandala Putra
Rian Mandala Putra

Rian Mandala Putra

External Code Reviewer at Dicoding Indonesia

  • Mobile and Web Enthusiast
Tatang Kuswandi
Tatang Kuswandi

Tatang Kuswandi

External Code Reviewer at Dicoding Indonesia

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

Ilham Shiddiq

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

  • Back-End Web Developer
  • Web Developing Enthusiast
Sofyan Egi Lesmana
Sofyan Egi Lesmana

Sofyan Egi Lesmana

Informatics Engineering Student at Pasundan University

• External Code Reviewer

• Front-End Web Enthusiast

Refiandi Reza Syawaldriyansah
Refiandi Reza Syawaldriyansah

Refiandi Reza Syawaldriyansah

External Reviewer Dicoding

I used to be a petroleum engineer. I loved it but didn't have passion on it. So i try to look for another opportunity, and here i am. I like to code and i have a passion in web developer especially as a front end developer. I got the certification as Front End Web Developer Expert from Dicoding Academy Indonesia. Now i'm focus on becoming a React JS developer. I have a dream to become a Fullstack Engineer and Mobile Developer Engineer.

Muhammad Alvino Dienova
Muhammad Alvino Dienova

Muhammad Alvino Dienova

External Reviewer at Dicoding Indonesia

Front-End Web Developer

Muhammad Ilham Adhim
Muhammad Ilham Adhim

Muhammad Ilham Adhim

Front-End Web Developer

Nosef Nunggaran
Nosef Nunggaran

Nosef Nunggaran

External Code Reviewer at Dicoding Indonesia

AWS Certified Cloud Practitioner
Alibaba Certified Associate Cloud Computing

Marcello Sebastian
Marcello Sebastian

Marcello Sebastian

External Code Reviewer at Dicoding Indonesia

Front-end Development Enthusiast
AWS Certified Solutions Architect – Associate  

Khrisna dari Dicoding

Khrisna dari Dicoding

Head of Reviewer at Dicoding Indonesia

Nasrul Gunawan

Nasrul Gunawan

External Code Reviewer at Dicoding Indonesia

  • Web & Mobile Enthusiast
  • UI/UX Enthusiast
Khofidin

Khofidin

IT & Traceability Manager at Austrex

  • Associate Android Developer
  • Farmer
Dimas Catur Wibowo

Dimas Catur Wibowo

Code Reviewer at Dicoding Indonesia

  • Associate Android Developer


Luthfi Alfarisi

Luthfi Alfarisi

External Code Reviewer at Dicoding Indonesia

Tio Misbaqul Irawan

Tio Misbaqul Irawan

External Code Reviewer at Dicoding Indonesia

  • Mobile and Web Enthusiast
  • Unix/Linux Enthusiast
Agista Septiyanto

Agista Septiyanto

Code Reviewer at Dicoding Indonesia

Alvin Indra Pratama

Alvin Indra Pratama

External Code Reviewer at Dicoding Indonesia

  • Front End Web Developer
Alfian Yusuf Abdullah

Alfian Yusuf Abdullah

Code Reviewer at Dicoding Indonesia

  • Associate Android Developer
  • Kotlin Enthusiast
  • UI/UX Enthusiast
Dimas Maulana Dwi Saputra

Dimas Maulana Dwi Saputra

Curriculum Developer at Dicoding Indonesia

  • Mobile and Web Enthusiast
  • Associate Android Developer
  • React Developer
  • AWS Certified Cloud Practitioner
Alexzander Purwoko Widiantoro

Alexzander Purwoko Widiantoro

Code Reviewer at Dicoding Indonesia

  • Associate Android Developer
  • Microsoft Certified: Azure Fundamental
  • Android, Web & IoT Enthusiast
Ni Luh Putu Anita Dewi

Ni Luh Putu Anita Dewi

Ananda Dwi Prayoga

Ananda Dwi Prayoga

External Code Reviewer at Dicoding Indonesia

  • Fullstack Web Dev
  • Fullstack Android Dev
  • UI/UX enthusiast
Shaddam Amru Hasibuan

Shaddam Amru Hasibuan

Developer Specialist at SMEsHub Indonesia

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
Yusril Adriansyah Putra

Yusril Adriansyah Putra

External Code Reviewer at Dicoding Indonesia

  • Front-End Web Developer
  • Back-End Web Developer
  • Javascript 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
Sofyan Egi Lesmana

Sofyan Egi Lesmana

Informatics Engineering Student at Pasundan University

• External Code Reviewer

• Front-End Web Enthusiast

Refiandi Reza Syawaldriyansah

Refiandi Reza Syawaldriyansah

External Reviewer Dicoding

I used to be a petroleum engineer. I loved it but didn't have passion on it. So i try to look for another opportunity, and here i am. I like to code and i have a passion in web developer especially as a front end developer. I got the certification as Front End Web Developer Expert from Dicoding Academy Indonesia. Now i'm focus on becoming a React JS developer. I have a dream to become a Fullstack Engineer and Mobile Developer Engineer.

Muhammad Alvino Dienova

Muhammad Alvino Dienova

External Reviewer at Dicoding Indonesia

Front-End Web Developer

Muhammad Ilham Adhim

Muhammad Ilham Adhim

Front-End Web Developer

Nosef Nunggaran

Nosef Nunggaran

External Code Reviewer at Dicoding Indonesia

AWS Certified Cloud Practitioner
Alibaba Certified Associate Cloud Computing

Marcello Sebastian

Marcello Sebastian

External Code Reviewer at Dicoding Indonesia

Front-end Development Enthusiast
AWS Certified Solutions Architect – Associate  


Testimoni Siswa

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

Annisaa Utami
Annisaa Utami
UIN Syarif Hidayatullah Jakarta
Belajar Fundamental Front-End Web Development
Walaupun awal-awalnya saya sempat kesulitan, namun kakak-kakak reviewer menjawab pertanyaan saya di forum dengan cukup cepat dan dapat dipahami.
Baca selengkapnya
Denis Febta Dianingratri
Denis Febta Dianingratri
Frontier International Northern Pty Ltd
Belajar Fundamental Front-End Web Development
Mempelajari hal baru terutama coding web development kelihatnya susah. Tapi bersama Dicoding jadi terasa mudah, terlebih struktur materi disusun secara runtut dan rapi, serta ada contoh dan trial yang bisa diterapkan dan dicoba langsung. Dicoding selain mencerahkan juga mencerdaskan.
Baca selengkapnya
Lihat semua testimoni

Silabus

Materi yang akan Anda pelajari pada kelas ini.

  • 15 Menit

  • 15 Menit

  • 20 Menit

  • 25 Menit

  • 5 Menit

  • 25 Menit

  • 25 Menit

  • 10 Menit

  • 15 Menit

  • 25 Menit

  • 30 Menit

  • 30 Menit

  • 15 Menit

  • 15 Menit

  • 30 Menit

  • 10 Menit

  • 20 Menit

  • 25 Menit

  • 25 Menit

  • 30 Menit

  • 10 Menit

  • 5 Menit

  • 25 Menit

  • 15 Menit

  • 30 Menit

  • 15 Menit

  • 25 Menit

  • 25 Menit

  • 20 Menit

  • 50 Menit

  • 25 Menit

  • 5 Menit

  • 25 Menit

  • 10 Menit

  • 20 Menit

  • 45 Menit

  • 5 Menit

  • 30 Menit

  • 30 Menit

  • 20 Menit

  • 35 Menit

  • 25 Menit

  • 35 Menit

  • 20 Menit

  • 30 Menit

  • 10 Menit

  • 55 Menit

  • 20 Menit

  • 35 Menit

  • 30 Menit

  • 5 Menit

  • 45 Menit

  • 15 Menit

  • 45 Menit

  • 20 Menit

  • 20 Menit

  • 20 Menit

  • 40 Menit

  • 40 Menit

  • 30 Menit

  • 40 Menit

  • 25 Menit

  • 40 Menit

  • 30 Menit

  • 10 Menit

  • 35 Menit

  • 45 Menit

  • 55 Menit

  • 15 Menit

  • 15 Menit

  • 35 Menit

  • 35 Menit

  • 10 Menit

  • 65 Menit

  • 60 Menit

  • 5 Menit

  • 15 Menit

  • 45 Menit

  • 25 Menit

  • 30 Menit

  • 30 Menit

  • 35 Menit

  • 25 Menit

  • 20 Menit

  • 25 Menit

  • 10 Menit

  • 20 Menit

  • 15 Menit

  • 15 Menit

  • 15 Menit

  • 10 Menit

  • 30 Menit

  • 20 Menit

  • 40 Menit

  • 35 Menit

  • 65 Menit

  • 40 Menit

  • 25 Menit

  • 35 Menit

  • 5 Menit

  • 65 Menit

  • 60 Menit

  • 10 Menit

  • 5 Menit

  • 10 Menit

  • 15 Menit

  • 35 Menit

  • 25 Menit

  • 25 Menit

  • 25 Menit

  • 25 Menit

  • 10 Menit

  • 25 Menit

  • 25 Menit

  • 25 Menit

  • 25 Menit

  • 5 Menit

  • 30 Menit

  • 30 Menit

  • 5 Menit

  • 25 Menit

  • 30 Menit

  • 30 Menit

  • 30 Menit

  • 10 Menit

  • 60 Menit

  • 60 Menit

  • 810 Menit