
Belajar Membuat Aplikasi Web dengan React
Teknologi:
WebLevel: Pemula
Siswa Terdaftar
Teknologi:
WebLevel: Pemula
Siswa Terdaftar
Kelas ini merupakan langkah ke-empat Anda untuk menjadi React Developer.
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.
Kelas ini merupakan langkah ke-empat Anda untuk menjadi React Developer.
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 belajarKelas 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)
Kelas ini membutuhkan beberapa tools berikut:
Teks Editor (VSCode)
Web Browser (Google Chrome atau Mozilla Firefox)
Command Line (Terminal atau cmd)
Metode Ajar
Lihat semua metode ajar
Lihat semua metode ajarKontributor
1Curriculum Developer yang membangun kelas ini:
Dimas Maulana Dwi Saputra
Curriculum Developer at Dicoding Indonesia
Reviewer
18Code Reviewer yang akan me-review tugas dan kode Anda:
Moch Ridwan Taufik Alamsyah
External Code Reviewer at Dicoding Indonesia
"What We Learn When We Learn By Doing"
Currently as R&D Engineer at csacomputer.com
Jimmy
External Code Reviewer at Dicoding Indonesia
Agista Septiyanto
Code Reviewer at Dicoding Indonesia
Alvin Indra Pratama
Product Engineer at Dicoding Indonesia
Alfian Yusuf Abdullah
Head of Reviewer at Dicoding Indonesia
Lihat semua kontributor dan reviewer
Lihat semua kontributor dan reviewerKontributor kelas
Curriculum Developer yang membangun kelas ini:
Dimas Maulana Dwi Saputra
Curriculum Developer at Dicoding Indonesia
Tim Reviewer
Code Reviewer yang akan me-review tugas dan kode Anda:
Moch Ridwan Taufik Alamsyah
External Code Reviewer at Dicoding Indonesia
"What We Learn When We Learn By Doing"
Currently as R&D Engineer at csacomputer.com
Jimmy
External Code Reviewer at Dicoding Indonesia
Agista Septiyanto
Code Reviewer at Dicoding Indonesia
Alvin Indra Pratama
Product Engineer at Dicoding Indonesia
Alfian Yusuf Abdullah
Head of Reviewer at Dicoding Indonesia
Dimas Maulana Dwi Saputra
Curriculum Developer at Dicoding Indonesia
Alexzander Purwoko Widiantoro
Code Reviewer at Dicoding Indonesia
Muhammad Rifki Erlangga
External Code Reviewer at Dicoding Indonesia
Tatang Kuswandi
External Code Reviewer at Dicoding Indonesia
Samodra
External Code Reviewer at Dicoding Indonesia
Yusril Adriansyah Putra
External Code Reviewer at Dicoding Indonesia
Ilham Shiddiq
External Code Reviewer at Dicoding Indonesia. Backend Developer at a company in Bandung.
Fauzi Kurniawan
External Code Reviewer at Dicoding Indonesia
Javascript enthusiast
Nanang Sutisna
- Mobile & Web Enthusiast
- External Code Reviewer at Dicoding Indonesia
Inggih Wicaksono
Web Developer at Erasys Consulting
- Fullstack man but currently focus on React.js
- Hacktoberfest fans @igihcksn
Sofyan Egi Lesmana
External Code Reviewer at Dicoding Indonesia
You can reach out me on my Linkedin.
Malvian Dwi Haryanto
External Code Reviewer at Dicoding Indonesia
Software Engineer | Web Enthusiast
Ivan Andrianto
External Reviewer at Dicoding Indonesia
Moch Ridwan Taufik Alamsyah
External Code Reviewer at Dicoding Indonesia
"What We Learn When We Learn By Doing"
Currently as R&D Engineer at csacomputer.com
Jimmy
External Code Reviewer at Dicoding Indonesia
Agista Septiyanto
Code Reviewer at Dicoding Indonesia
Alvin Indra Pratama
Product Engineer at Dicoding Indonesia
Alfian Yusuf Abdullah
Head of Reviewer at Dicoding Indonesia
Dimas Maulana Dwi Saputra
Curriculum Developer at Dicoding Indonesia
Alexzander Purwoko Widiantoro
Code Reviewer at Dicoding Indonesia
Muhammad Rifki Erlangga
External Code Reviewer at Dicoding Indonesia
Tatang Kuswandi
External Code Reviewer at Dicoding Indonesia
Samodra
External Code Reviewer at Dicoding Indonesia
Yusril Adriansyah Putra
External Code Reviewer at Dicoding Indonesia
Ilham Shiddiq
External Code Reviewer at Dicoding Indonesia. Backend Developer at a company in Bandung.
Fauzi Kurniawan
External Code Reviewer at Dicoding Indonesia
Javascript enthusiast
Nanang Sutisna
- Mobile & Web Enthusiast
- External Code Reviewer at Dicoding Indonesia
Inggih Wicaksono
Web Developer at Erasys Consulting
- Fullstack man but currently focus on React.js
- Hacktoberfest fans @igihcksn
Sofyan Egi Lesmana
External Code Reviewer at Dicoding Indonesia
You can reach out me on my Linkedin.
Malvian Dwi Haryanto
External Code Reviewer at Dicoding Indonesia
Software Engineer | Web Enthusiast
Ivan Andrianto
External Reviewer at Dicoding Indonesia
Ribuan siswa sukses belajar di Dicoding Academy. Apa kata mereka? Berikut adalah testimoni asli mereka.
Lihat semua testimoni
Lihat semua testimoniBerikut adalah beberapa pertanyaan yang paling sering ditanyakan.
Materi yang akan Anda pelajari pada kelas ini.
Memahami HAKI, mekanisme belajar, forum diskusi, glosarium, dan daftar referensi.
2 Menit
10 Menit
10 Menit
10 Menit
20 Menit
10 Menit
8 Menit
Berkenalan dengan React, mengetahui alasan mempelajari React, dan mengenal ekosistem yang ada di React.
15 Menit
20 Menit
20 Menit
15 Menit
15 Menit
Kuis Pengenalan React
10 Menit
Belajar tentang konsep dasar React seperti composition, declarative code, unidirectional data flow, dan menyadari bahwa React hanyalah JavaScript.
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
Belajar tentang membangun UI di React seperti mengenal element dan component. Serta, belajar juga konsep component properti yang membuat UI aplikasi bersifat reusable.
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
Belajar tentang class component, menggunakan state di dalam component, memahami dan mempraktikkan controlled component.
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
Ujian akhir yang harus ditempuh untuk lulus dari kelas ini.
Rangkuman Kelas
60 Menit
Ujian Akhir
60 Menit
Menguji pemahaman peserta dengan membuat aplikasi web sederhana menggunakan React dengan menerapkan kriteria-kriteria yang telah ditentukan.
Proyek Akhir: Membangun Aplikasi Catatan Menggunakan React
820 Menit