Course

Belajar Frontend Modern dengan React

Membangun antarmuka web interaktif dari komponen dasar hingga pengambilan data dari API.

Dibimbing olehAndra Wicaksono,Clara Sitompul
Pemula
Mandiri (self-paced)
14 jam belajar mandiri
Diperbarui September 2026

Yang akan kamu pelajari

Memahami component dan props pada React
Mampu mengelola state interaktif dengan useState
Mampu mengambil data dari API menggunakan useEffect

Isi course

4 modul · 9 pelajaran · 3 j 13 mnt total · 2 pratinjau gratis

Dasar Komponen ReactComponent dan props sebagai fondasi membangun antarmuka React.2 pelajaran · 20 mnt

Component dan PropsCoba gratisTeks · 8 mnt
Membangun Komponen PertamaVideo · 12 mnt

State & InteraktivitasMengelola data yang berubah seiring interaksi pengguna.2 pelajaran · 20 mnt

Mengelola State dengan useStateCoba gratisTeks · 8 mnt
Studi Kasus: Form InteraktifVideo · 12 mnt

Data Fetching & Best PracticeMengambil data dari API dengan pola yang aman dari efek samping tak terduga.2 pelajaran · 18 mnt

Mengambil Data dari APITeks · 8 mnt
Kuis Akhir: Frontend Modern ReactQuiz · 10 mnt

Tugas PraktikLatihan penerapan langsung dari materi React yang sudah dipelajari.3 pelajaran · 2 j 15 mnt

Tugas: Membangun Komponen ReusableTugas · 45 mnt
Tugas: Studi Kasus Fetching DataTugas · 45 mnt
Tugas: Refactor Komponen LamaTugas · 45 mnt

Persyaratan

HTML, CSS, dan JavaScript dasar

Deskripsi

Course ini mengajarkan React dari dasar komponen hingga pola pengambilan data yang umum dipakai di aplikasi produksi.

Setiap modul disertai studi kasus kecil agar peserta terbiasa membaca dan menulis kode React yang rapi.

Terbuka untuk umum yang telah menguasai HTML, CSS, dan JavaScript dasar; tidak memerlukan pengalaman kerja profesional sebelumnya.

Untuk siapa course ini

Pemula yang sudah familiar dengan HTML, CSS, dan JavaScript dasar.

Instruktur

Andra Wicaksono
Staff Software Engineer
Sepuluh tahun membangun aplikasi web skala besar, saat ini fokus pada arsitektur frontend modern dan mentoring engineer junior.
Lihat profil lengkap
Clara Sitompul
Engineering Manager
Membina tim engineering lintas produk dan aktif membimbing engineer yang ingin naik level ke peran senior.
Lihat profil lengkap

Pertanyaan yang sering diajukan

Versi React apa yang dipakai?

Materi ditulis untuk React dengan function component dan hooks; tidak membahas class component kecuali sebagai latihan refactor.

Bagaimana tugas praktiknya dinilai?

Tugas dikirim dari halaman pelajaran, ditinjau mentor, lalu disetujui atau diminta revisi dengan catatan.

Perlu laptop dengan spesifikasi tertentu?

Cukup laptop yang bisa menjalankan Node.js dan editor kode; tidak ada kebutuhan GPU atau perangkat khusus.

Testimoni

Apa kata peserta program ini?

“Course React ini langsung ke praktik, bukan cuma nonton video. Tiap modul ada studi kasus yang bikin saya paham kenapa suatu pattern dipakai, bukan cuma hafal syntax.”
Hendra GunawanAlumni Belajar Frontend Modern dengan React

Program terkait

Program lain yang relevan.

Semua program

Masih menimbang jalur belajar yang tepat?

Ceritakan kebutuhan Anda, tim kami akan membantu memetakan program yang paling sesuai.

Konsultasikan kebutuhan