Belajar React.js dengan Membuat Aplikasi Split Bill
Pelajari React.js dengan cara yang menyenangkan melalui kelas "Belajar React.js dengan Membuat Aplikasi Split Bill". Dalam kelas ini, kamu akan diajak untuk memahami dasar-dasar React.js sambil langsung mengaplikasikannya dalam pembuatan aplikasi praktis yang berguna dalam kehidupan sehari-hari.
Tentang Kelas
Dalam kelas online "Belajar React.js dengan Membuat Aplikasi Split Bill", kamu akan memasuki dunia React.js dengan pendekatan praktis yang langsung terapkan konsep-konsep dasar dalam pembuatan aplikasi nyata. Kamu tidak hanya akan memahami sintaks React.js, tetapi juga melihat bagaimana konsep tersebut dapat diaplikasikan dalam pengembangan aplikasi yang bermanfaat.
Tujuan Umum dan Khusus Pelatihan:
- Peserta akan mendapatkan pemahaman menyeluruh tentang dasar-dasar React.js.
- Dapat mengaplikasikan React.js dalam membangun aplikasi Split Bill yang dapat digunakan dalam kehidupan sehari-hari.
- Mempelajari praktik terbaik dalam pengembangan aplikasi dengan menggunakan React.js.
Silabus:
- Pengenalan dasar-dasar React.js.
- Pembuatan struktur proyek untuk aplikasi Split Bill.
- Pengelolaan state dalam aplikasi.
- Penggunaan komponen-komponen React dalam menciptakan antarmuka yang responsif.
- Implementasi fitur-fitur khusus aplikasi Split Bill.
Jenis Pekerjaan: Kelas ini cocok untuk siapa saja yang ingin memahami React.js melalui pendekatan langsung dengan membuat aplikasi yang berguna.
Metode Ajar:
- Pembelajaran mandiri online yang dapat disesuaikan dengan jadwal masing-masing siswa.
- Materi disajikan melalui video untuk memperjelas konsep dan penerapannya.
- Forum tanya jawab untuk mendapatkan bantuan langsung dari instruktur.
- Sertifikat kelulusan akan diberikan sebagai pengakuan atas keberhasilan menyelesaikan kelas.
Peralatan Belajar Siswa:
- Akses internet dan komputer dengan sistem operasi Windows/Mac/Linux.
- Spesifikasi minimal komputer: Prosesor Intel Dual Core (disarankan Core i3 ke atas), RAM 1GB (disarankan 2GB), resolusi layar 1366 x 768 (disarankan Full HD 1920 x 1080).
- Software yang diperlukan: Browser (tidak ada preferensi khusus) dan Text Editor (tidak ada preferensi khusus).
Daftar Materi
Demo Dan Persiapan Project Split Bill | 03:44 | |
Membuat Desain Menampilkan Daftar Teman | 08:57 | |
Menampilkan Form Untuk Tambah Teman Dan Patungan | 08:06 | |
Menampilkan Dan Menyembunyikan Form Tambah Teman | 05:27 | |
Menyiapkan State Untuk Menambah Data Teman | 06:41 | |
Membuat Event Handler Untuk Membuat Data Object Teman | 04:23 | |
Menampilkan Form Patungan Secara Dinamis | 08:22 | |
Menampilkan Data Teman Yg Dipilih Di Dalam Form Patungan | 05:12 | |
Membuat Logic Patungan | 05:57 | |
Menghitung Balance Dari Siapa Yang Bayar Dan Yang Hutang | 05:40 |
Penyusun Materi


Testimoni Oleh Siswa
(18 reviews)

Usamah Abdul Wadud
Materinya tentang studi kasus, sangat bagus untuk mengasah logika dalam membangun sebuah web maupun project pribadi nantinya.
NIKODEMUS ADI KUSUMA PUTRA
materi yang disampaikan mentornya mudah dimengerti dan cocok untuk pembelajaran pemula seperti saya !
Alfonso Lai
Mantap!
Fauzi Ilyas saputra
cocok buat memahami react js secara praktik lapangan dan tentunya sangat bermanfaat bagi para pemula
Anas Azhar
Materi dan pengajarnya memberikan pengajaran yang baik... mantap banget materi react hook
Bagus Aji Fernando
Kursus ini sangat membantu dalam memahami konsep dasar dan penerapan React JS melalui studi kasus yang relevan, yaitu fitur split bill. Materi disajikan dengan cara yang jelas dan terstruktur, mulai dari pengenalan komponen React hingga pengelolaan state untuk menghitung pembagian tagihan.
Muhammad Fathony
kelasnya sangat bagus, cara penerapan coding dan rapi. mendapatkan cara cara baru juga untuk kelas ini. jadi aku sangat senang
Maha Meru
saya sangat senang belajar kelas ReactJS yang di adakan oleh codepolitan, sangat membantu saya dalam pembuatan web
Sony Alfauzan
Materi Mudah di mengerti membuat saya paham, pemaparannya sangat baik dan jelas. Terimakasih Codepolitan!
Aufa Syaihan Azzahidi
mantap