Belajar Membuat Aplikasi Web dengan React
4.90 •

React

React

Learning Path

Belajar Membuat Aplikasi Web dengan React

Teknologi:

Web
Level: Pemula

Level: Pemula

Level: Pemula 35 Jam Belajar
16.605

Siswa Terdaftar

Pelajari kemampuan dasar dalam membuat aplikasi React seperti element, component, props, event handling, dan state.
Belajar Sekarang
Informasi kelas Lihat silabus
Learning Path React Developer

Kelas ini merupakan langkah ke-empat Anda untuk menjadi React Developer.

Langkah sebelumnya

Langkah 3
Belajar Membuat Front-End Web untuk Pemula
45 Jam 4,87 Level Pemula

Langkah setelahnya

Langkah 5
Belajar Fundamental Aplikasi Web dengan React
55 Jam 4,93 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.

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.
Lihat silabus

Deskripsi

Tuntutan dalam mengembangkan aplikasi web semakin hari semakin kompleks. Pasalnya, aplikasi web saat ini dapat berperan layaknya aplikasi native. Seiring rumitnya permintaan, semakin canggih juga tools dalam mengembangkan web. Penggunaan React sebagai tools membangun UI mendominasi mulai dari perusahaan rintisan hingga perusahaan besar berskala multinasional. Di Indonesia sendiri React telah dipercaya dan digunakan oleh perusahaan besar seperti Tokopedia, Traveloka, dan lainnya.

  • React merupakan Library/Framework paling populer untuk membangun user interface aplikasi.
  • React memiliki komunitas developer yang besar baik di luar negeri maupun di dalam negeri.
  • React dipercaya dan digunakan oleh perusahaan besar nasional dan multinasional.
  • React termasuk library/framework yang mudah dipelajari karena tidak memiliki banyak perbedaan dengan mengembangkan aplikasi web secara standar.
  • Pengembangan aplikasi React tidak membutuhkan device dengan spesifikasi yang tinggi.

Target dan Sasaran Siswa

  • Kelas ini ditujukan untuk seorang Front-End Web Developer yang ingin mengembangkan website yang komponen UI-nya reusable, deklaratif, dan bersifat reaktif terhadap perubahan data.
  • 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 sintaksis ES6.
  • 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 web dengan React yang memanfaatkan functional component, stateful component, dan controlled component.
Selengkapnya
Sembunyikan

Peralatan Belajar

Spesifikasi minimal perangkat:

Prosesor

Intel Dual Core (Rekomendasi Core i3 ke atas)

Tools yang dibutuhkan untuk belajar:

Teks Editor (VSCode)

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)

Web Browser (Google Chrome atau Mozilla Firefox)

Command Line (Terminal atau cmd)

Metode Ajar

  • Online - Self-paced Learning
    • Total jam belajar : 35 jam
    • Rekomendasi waktu belajar : 10 jam per minggu (selesai dalam 25 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 : 
      • Ujian Akhir Kelas
      •  Submission (Proyek Akhir) berupa membangun web aplikasi dengan React yang menerapkan reusable component, stateful component, controlled component.
    • Sertifikat kompetensi

Lihat semua metode ajar

Lihat semua metode ajar

Metode Ajar

  • Online - Self-paced Learning
    • Total jam belajar : 35 jam
    • Rekomendasi waktu belajar : 10 jam per minggu (selesai dalam 25 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 : 
      • Ujian Akhir Kelas
      •  Submission (Proyek Akhir) berupa membangun web aplikasi dengan React yang menerapkan reusable component, stateful component, controlled component.
    • Sertifikat kompetensi

Kontributor

2

Curriculum Developer yang membangun kelas ini:

Dimas Maulana Dwi Saputra

Dimas Maulana Dwi Saputra

Curriculum Developer at Dicoding Indonesia

Zain Fathoni

Zain Fathoni

Reviewer

30

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
Jimmy
Jimmy

Jimmy

External Code Reviewer at Dicoding Indonesia

    LinkedIn

  • Fullstack Web and Mobile Developer
  • IT Lecturer
  • AWS Community Builder
  • AWS Certified DevOps Engineer - Professional
  • Google Certified Associate Cloud Engineer 
  • Certified Laravel Developer
Malvian Dwi Haryanto
Vincentius Jordan H Tampubolon
Inggih Wicaksono
Inggih Wicaksono

Inggih Wicaksono

Web Developer at Erasys Consulting

- Fullstack man but currently focus on React.js

- Hacktoberfest fans @igihcksn

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

Zain Fathoni

Zain Fathoni

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
Jimmy
Jimmy

Jimmy

External Code Reviewer at Dicoding Indonesia

    LinkedIn

  • Fullstack Web and Mobile Developer
  • IT Lecturer
  • AWS Community Builder
  • AWS Certified DevOps Engineer - Professional
  • Google Certified Associate Cloud Engineer 
  • Certified Laravel Developer
Malvian Dwi Haryanto
Vincentius Jordan H Tampubolon
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 Widiantoro
Alexzander Purwoko Widiantoro

Alexzander Purwoko Widiantoro

Code Reviewer at Dicoding Indonesia

  • Associate Android Developer
  • Android, Web & IoT Enthusiast
Abdul Malik
Ivan
Ivan

Ivan
  • Google Data Analytics Professional Certificate
  • UI/UX Enthusiast
  • Machine Learning Enthusiast
  • Mobile & Web Enthusiast
Muhammad Rifki Erlangga
Mohamad Zaelani
Mohamad Zaelani

Mohamad Zaelani

External Code Reviewer Dicoding

Have an Interest in Machine Learning, Cloud Computing, Mobile and Web development. Feel free to connect with me on LinkedIn.

• Dicoding Discussion Squad

• TensorFlow Developer Certified

• AWS Certified Cloud Practitioner

• AWS Certified Solutions Architect – Associate

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
Hasan Ismail Abdulmalik
Hasan Ismail Abdulmalik

Hasan Ismail Abdulmalik

Software Engineering Student at College of Vocational Studies IPB University

I am a web developer who is interested in both backend and frontend development. I have been teaching myself web development and am familiar with programming languages such as HTML, CSS, JavaScript, PHP and Python as well as frameworks like Laravel, Django, React and Node.js. I am eager to gain practical experience and contribute to the development of high-quality websites and software.

Ilham Shiddiq
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
Muhammad Zainul Hakim
Muhammad Zainul Hakim

Muhammad Zainul Hakim

Developer

Learning the web tech. Currently in the front side.

Sesaka Aji Nursah Bantani
Sesaka Aji Nursah Bantani

Sesaka Aji Nursah Bantani

External Reviewer Dicoding at Dicoding Indonesia

find me on linkedin or Github

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
Jimmy

Jimmy

External Code Reviewer at Dicoding Indonesia

    LinkedIn

  • Fullstack Web and Mobile Developer
  • IT Lecturer
  • AWS Community Builder
  • AWS Certified DevOps Engineer - Professional
  • Google Certified Associate Cloud Engineer 
  • Certified Laravel Developer
Malvian Dwi Haryanto

Malvian Dwi Haryanto

External Code Reviewer at Dicoding Indonesia

Software Engineer | Web Enthusiast

Vincentius Jordan H Tampubolon

Vincentius Jordan H Tampubolon

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

Alvin Indra Pratama

Alvin Indra Pratama

Product Engineer at Dicoding Indonesia

  • 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 Widiantoro

Alexzander Purwoko Widiantoro

Code Reviewer at Dicoding Indonesia

  • Associate Android Developer
  • Android, Web & IoT Enthusiast
Abdul Malik

Abdul Malik

Junior Frontend Developer

Let's get in touch with me:

Linkedin - GitHub - Facebook

Ivan

Ivan

  • Google Data Analytics Professional Certificate
  • UI/UX Enthusiast
  • Machine Learning Enthusiast
  • Mobile & Web Enthusiast
Muhammad Rifki Erlangga

Muhammad Rifki Erlangga

External Code Reviewer at Dicoding Indonesia

  • Front-end Web Developer
Mohamad Zaelani

Mohamad Zaelani

External Code Reviewer Dicoding

Have an Interest in Machine Learning, Cloud Computing, Mobile and Web development. Feel free to connect with me on LinkedIn.

• Dicoding Discussion Squad

• TensorFlow Developer Certified

• AWS Certified Cloud Practitioner

• AWS Certified Solutions Architect – Associate

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
YUSRIL ADRIANSYAH PUTRA

YUSRIL ADRIANSYAH PUTRA

External Code Reviewer at Dicoding Indonesia

  • Front-End Web Developer
  • Back-End Web Developer
  • Javascript Enthusiast
Hasan Ismail Abdulmalik

Hasan Ismail Abdulmalik

Software Engineering Student at College of Vocational Studies IPB University

I am a web developer who is interested in both backend and frontend development. I have been teaching myself web development and am familiar with programming languages such as HTML, CSS, JavaScript, PHP and Python as well as frameworks like Laravel, Django, React and Node.js. I am eager to gain practical experience and contribute to the development of high-quality websites and software.

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

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

Muhammad Zainul Hakim

Muhammad Zainul Hakim

Developer

Learning the web tech. Currently in the front side.

Sesaka Aji Nursah Bantani

Sesaka Aji Nursah Bantani

External Reviewer Dicoding at Dicoding Indonesia

find me on linkedin or Github

Testimoni Siswa

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

Ikhsan Malik
Ikhsan Malik
PT. Leon Testing And Consultancy
Belajar Membuat Aplikasi Web dengan React
Dari dulu saya sangat ingin belajar kelas React dengan pertimbangan dunia industri sekarang banyak yang memberi klasifikasi dengan kemampuan library React. Dengan kelas ini yang saya bangga akan diri sendiri atas pencapaian ini karena saya dapat beradaptasi dengan perkembangan teknologi sekarang. Penyampaian materi mudah dicerna dibantu dengan react-starter-project sangat membantu sekali untuk pemula
Baca selengkapnya
Supardi
Supardi
PT Smartfren Telecom Tbk
Belajar Membuat Aplikasi Web dengan React
Luar biasa! Materi kelas React yang satu ini oke banget. Banyak manfaat yang saya dapat setelah menyelesaikan kelas ini. Kelas ini cocok bagi pemula yang ingin terjun ke Front End Developer bahkan Fullstack JavaScript Developer. Terima kasih Dicoding.
Baca selengkapnya

Lihat semua testimoni

Lihat semua testimoni
Silabus
Belajar Sekarang

Silabus

Materi yang akan Anda pelajari pada kelas ini.

  • Pengantar Konsep Dasar React

    15 Menit

  • React Element dan Component

    25 Menit

  • Composition

    25 Menit

  • Declarative Code

    25 Menit

  • Unidirectional Data Flow

    25 Menit

  • React is Just JavaScript

    25 Menit

  • Rangkuman Konsep Dasar React

    15 Menit

  • Kuis Konsep Dasar React

    10 Menit

  • Pengantar React UI Component

    15 Menit

  • React Starter pada Online Code Editor

    25 Menit

  • React Element

    20 Menit

  • Latihan Membuat React Element

    30 Menit

  • JSX

    20 Menit

  • Latihan Menggunakan JSX

    25 Menit

  • React Component

    20 Menit

  • Component Properties

    20 Menit

  • Compositional Component

    20 Menit

  • Latihan Membuat dan Komposisi React Component

    35 Menit

  • Latihan Membuat List UI

    30 Menit

  • Studi Kasus: Membuat Aplikasi Daftar Kontak

    10 Menit

  • React Project

    40 Menit

  • Latihan Studi Kasus: Menampilkan Daftar Kontak

    45 Menit

  • Latihan Studi Kasus: Memberikan Styling

    35 Menit

  • Rangkuman React UI Component

    20 Menit

  • Kuis React UI Component

    10 Menit

  • Pengantar Stateful Component

    15 Menit

  • Class Component

    25 Menit

  • Latihan Membuat Class Component

    25 Menit

  • State Component

    25 Menit

  • Event Handling

    25 Menit

  • Latihan Component State dan Event Handling

    45 Menit

  • Latihan Studi Kasus: Menambahkan Fitur Hapus Kontak

    45 Menit

  • React Hooks?

    15 Menit

  • Controlled Component (Form)

    25 Menit

  • Latihan Membuat Controlled Component

    50 Menit

  • Latihan Studi Kasus: Menambahkan Fitur Tambah Kontak

    45 Menit

  • Debugging Component menggunakan React DevTools

    30 Menit

  • Tips Penggunaan JSX untuk Pemula

    15 Menit

  • Rangkuman Stateful Component

    15 Menit

  • Kuis Stateful Component

    10 Menit

  • Rangkuman Kelas

    60 Menit

  • Ujian Akhir

    60 Menit

  • Proyek Akhir: Membangun Aplikasi Catatan Menggunakan React

    820 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