Belajar Membuat Front-End Web untuk Pemula
4.84
Front-End Web, React

Learning Path

Belajar Membuat Front-End Web untuk Pemula

Teknologi:

Web
Level: Pemula
Level: Pemula 46 Jam Belajar
29.327

Siswa Terdaftar

Pelajari lebih dalam JavaScript, DOM manipulation, dan web storage untuk meningkatkan fungsionalitas dan interaktifitas pada website Anda.
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.

Kuis

Kuis pilihan ganda membantu Anda memahami materi yang dipelajari.

Ujian

Validasi pengetahuan Anda dengan mengerjakan soal-soal ujian.
Level Pemula
Mempelajari topik dasar dengan objektif membuat produk, sistem, atau latihan sederhana.

Deskripsi

Website sudah menjadi kebutuhan utama yang tidak bisa diabaikan. Hal ini karena website tidak hanya digunakan sebagai media informasi, namun bisa juga sebagai tools untuk menunjang bisnis Anda. Untuk membuat website yang memiliki fungsionalitas lebih dan interaktif, web developer perlu belajar bahasa pemrograman JavaScript dan teknik manipulasi DOM. Kelas ini membahas tuntas dasar JavaScript, DOM Manipulation, dan web storage dalam membuat website yang memiliki fungsionalitas lebih dan interaktif.

  • Web merupakan platform yang dapat diakses melalui banyak macam devices. Hal ini menjadi keuntungan jika Anda mengembangkan aplikasi berbasis web.
  • Pengembangan web tidak membutuhkan komputer/laptop yang memiliki spesifikasi tinggi, sehingga tidak menjadi kendala bagi Anda yang tidak memiliki perangkat yang memumpuni.
  • 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 dikelola dan dipublikasi.


Target dan Sasaran Siswa

  • Kelas ini ditujukan untuk seorang Front-End Web Developer yang ingin mengembangkan website yang memiliki fungsionalitas lebih daripada hanya media informasi saja, sesuai dengan standar industri.
  • 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 dengan menguasai HTML dan CSS.
  • 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 interaktif serta memiliki fitur penyimpanan menggunakan web storage.



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 : 46 jam  
    • Rekomendasi waktu belajar : 10 jam per minggu (selesai dalam 33 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 sebuah website yang menerapkan teknik manipulasi DOM dan web storage. 
    • Sertifikat kompetensi 

Lihat semua metode ajar

Lihat semua metode ajar

Metode Ajar

  • Online - Self-paced Learning   
    • Total jam belajar : 46 jam  
    • Rekomendasi waktu belajar : 10 jam per minggu (selesai dalam 33 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 sebuah website yang menerapkan teknik manipulasi DOM dan web storage. 
    • Sertifikat kompetensi 

Kontributor

2

Curriculum Developer yang membangun kelas ini:

Dimas Maulana Dwi Saputra

Dimas Maulana Dwi Saputra

Curriculum Developer at Dicoding Indonesia

Gregorius Sebastian

Gregorius Sebastian

Course Contributor at Dicoding

Reviewer

20

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

Jimmy
Jimmy

Jimmy

External Code Reviewer at Dicoding Indonesia

  • Fullstack Web and Mobile Developer
  • IT Lecturer
  • AWS Community Builder
  • AWS Certified Solution Architect & SysOps Administrator Associate
  • Google Certified Associate Cloud Engineer 
  • Alibaba Certified Professional Cloud Computing
  • Certified Laravel Developer
Agista Septiyanto
Agista Septiyanto

Agista Septiyanto

Code Reviewer at Dicoding Indonesia

khairul anas
khairul anas

khairul anas

External Code Reviewer at Dicoding Indonesia

• Dicoding Graduate

• Flutter Developer

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

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

Gregorius Sebastian

Gregorius Sebastian

Course Contributor at Dicoding


Tim Reviewer

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

Jimmy
Jimmy

Jimmy

External Code Reviewer at Dicoding Indonesia

  • Fullstack Web and Mobile Developer
  • IT Lecturer
  • AWS Community Builder
  • AWS Certified Solution Architect & SysOps Administrator Associate
  • Google Certified Associate Cloud Engineer 
  • Alibaba Certified Professional Cloud Computing
  • Certified Laravel Developer
Agista Septiyanto
Agista Septiyanto

Agista Septiyanto

Code Reviewer at Dicoding Indonesia

khairul anas
khairul anas

khairul anas

External Code Reviewer at Dicoding Indonesia

• Dicoding Graduate

• Flutter Developer

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

Shaddam Amru Hasibuan
Shaddam Amru Hasibuan

Shaddam Amru Hasibuan

Developer Specialist at SMEsHub Indonesia

Tatang Kuswandi
Tatang Kuswandi

Tatang Kuswandi

External Code Reviewer at Dicoding Indonesia

  • Mobile and Web Enthusiast
Samodra
Samodra

Samodra

External Code Reviewer at Dicoding Indonesia

  • Front-End Web Developer
Muhammad Amru Salim
Muhammad Amru Salim

Muhammad Amru Salim

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
Yudistira Arya Mutamang
Yudistira Arya Mutamang

Yudistira Arya Mutamang

External Code Reviewer at Dicoding Indonesia

  • Front-End Web Developer
  • Cyber Security Enthusiast
Gregorius Sebastian
Gregorius Sebastian

Gregorius Sebastian

Course Contributor at Dicoding

  • Beginner Android Developer using Kotlin
  • Backend Developer using Python
  • Python 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
Marcello Sebastian
Marcello Sebastian

Marcello Sebastian

External Code Reviewer at Dicoding Indonesia

Front-end Development Enthusiast
AWS Certified Solutions Architect – Associate  

Nosef Nunggaran
Nosef Nunggaran

Nosef Nunggaran

External Code Reviewer at Dicoding Indonesia

AWS Certified Cloud Practitioner
Alibaba Certified Associate Cloud Computing

Muhammad Ilham Adhim
Muhammad Ilham Adhim

Muhammad Ilham Adhim

Front-End Web Developer

Muhammad Alvino Dienova
Muhammad Alvino Dienova

Muhammad Alvino Dienova

External Reviewer at Dicoding Indonesia

Front-End Web Developer

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.

Sofyan Egi Lesmana
Sofyan Egi Lesmana

Sofyan Egi Lesmana

Informatics Engineering Student at Pasundan University

• External Code Reviewer

• Front-End Web Enthusiast

Jimmy

Jimmy

External Code Reviewer at Dicoding Indonesia

  • Fullstack Web and Mobile Developer
  • IT Lecturer
  • AWS Community Builder
  • AWS Certified Solution Architect & SysOps Administrator Associate
  • Google Certified Associate Cloud Engineer 
  • Alibaba Certified Professional Cloud Computing
  • Certified Laravel Developer
Agista Septiyanto

Agista Septiyanto

Code Reviewer at Dicoding Indonesia

khairul anas

khairul anas

External Code Reviewer at Dicoding Indonesia

• Dicoding Graduate

• Flutter Developer

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

Shaddam Amru Hasibuan

Shaddam Amru Hasibuan

Developer Specialist at SMEsHub Indonesia

Tatang Kuswandi

Tatang Kuswandi

External Code Reviewer at Dicoding Indonesia

  • Mobile and Web Enthusiast
Samodra

Samodra

External Code Reviewer at Dicoding Indonesia

  • Front-End Web Developer
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
Gregorius Sebastian

Gregorius Sebastian

Course Contributor at Dicoding

  • Beginner Android Developer using Kotlin
  • Backend Developer using Python
  • Python 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
Marcello Sebastian

Marcello Sebastian

External Code Reviewer at Dicoding Indonesia

Front-end Development Enthusiast
AWS Certified Solutions Architect – Associate  

Nosef Nunggaran

Nosef Nunggaran

External Code Reviewer at Dicoding Indonesia

AWS Certified Cloud Practitioner
Alibaba Certified Associate Cloud Computing

Muhammad Ilham Adhim

Muhammad Ilham Adhim

Front-End Web Developer

Muhammad Alvino Dienova

Muhammad Alvino Dienova

External Reviewer at Dicoding Indonesia

Front-End Web Developer

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.

Sofyan Egi Lesmana

Sofyan Egi Lesmana

Informatics Engineering Student at Pasundan University

• External Code Reviewer

• Front-End Web Enthusiast


Testimoni Siswa

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

Danar Dono
Danar Dono
Institut Sains dan Teknologi Terpadu Surabaya
Memulai Dasar Pemrograman untuk Menjadi Pengembang Software
Di kelas ini, akan diajarkan bagaimana konsep dasar pemograman. Saya sendiri merasa (seperti mengulas) kembali belajar mata kuliah algoritma 1, namun materinya disampaikan secara interaktif dan menyeyangkan sehingga relatif lebih cepat paham. Terima kasih Dicoding.
Baca selengkapnya
Muhammad Rafli
Muhammad Rafli
Universitas Padjadjaran
Memulai Dasar Pemrograman untuk Menjadi Pengembang Software
Kelas ini benar-benar memberikan pemahaman yang baik tentang pemrograman. Dengan bahasa yang menarik, mudah dipahami, dan sedikit humor, saya selaku orang non-IT dapat memahami kelas ini dengan baik. Terima kasih Dicoding.
Baca selengkapnya
Lihat semua testimoni

Silabus

Materi yang akan Anda pelajari pada kelas ini.

  • 15 Menit

  • 15 Menit

  • 25 Menit

  • 15 Menit

  • 10 Menit

  • 15 Menit

  • 20 Menit

  • 15 Menit

  • 20 Menit

  • 5 Menit

  • 15 Menit

  • 30 Menit

  • 20 Menit

  • 15 Menit

  • 25 Menit

  • 30 Menit

  • 30 Menit

  • 20 Menit

  • 20 Menit

  • 15 Menit

  • 20 Menit

  • 25 Menit

  • 20 Menit

  • 20 Menit

  • 25 Menit

  • 25 Menit

  • 30 Menit

  • 20 Menit

  • 30 Menit

  • 20 Menit

  • 40 Menit

  • 40 Menit

  • 25 Menit

  • 15 Menit

  • 45 Menit

  • 45 Menit

  • 45 Menit

  • 20 Menit

  • 10 Menit

  • 15 Menit

  • 15 Menit

  • 25 Menit

  • 25 Menit

  • 35 Menit

  • 30 Menit

  • 35 Menit

  • 45 Menit

  • 30 Menit

  • 20 Menit

  • 35 Menit

  • 40 Menit

  • 30 Menit

  • 10 Menit

  • 600 Menit