Mastering React.js 2022 - Membuat BMI Calculator dan Agenda
React.js adalah library yang memudahkan sobatdev membuat website yang interaktif. Di kelas ini kamu akan belajar React.js dari dasar, penggunakan Hook dan Context API. Dikemas dengan studi kasus membuat Kalulator Body Mass Index atau menghitung idel tubuh dan tinggi badan. Serta, akan membuat aplikasi Agenda di mana kamu bisa mencatat event di tanggal tertentu dengan localstorage.
Tentang Kelas
Tahun 2022 masih didominasi oleh React.js untuk kelas library javascript yang digunakan untuk membangun website yang interaktif. Peluang pekerjaan yang kamu dapatkan pun semakin luas dengan luasnya pasar atau permintaan seseorang yang ahli di bidang React.js Developer. Jika kamu ingin menjadi expert di bidang ini, maka sudah tepat untuk mengikuti kelas ini.
React.js adalah library yang memudahkan sobatdev membuat website yang interaktif. Di kelas ini kamu akan belajar React.js dari dasar, penggunakan Hook dan Context API. Dikemas dengan studi kasus membuat Kalulator Body Mass Index atau menghitung idel tubuh dan tinggi badan. Serta, akan membuat aplikasi Agenda di mana kamu bisa mencatat event di tanggal tertentu dengan localstorage.
Dengan studi kasus BMI Calculator dan Agenda diharapkan teman-teman lebih mudah untuk memahami dan sebagai contoh untuk project selanjutnya. Selamat belajar
Daftar Materi
| Persiapan Project | 17:05 | |
| Membuat Reusable Form Component | 11:02 | |
| Menampilkan Data dan Menyimpan Secara Realtime dengan useState | 09:07 | |
| Membuat Fungsi Reset Form | 04:00 | |
| Menampilkan Hasil Rumus BMI dengan useEffect | 09:00 | |
| Mengirimkan Data dari Child ke Parent Component | 08:52 | |
| Menampilkan Result BMI dengan Notifikasi Warna Bootstrap | 05:54 |
| Persiapan Project | 05:15 | |
| Menginstall Bootstrap dan Persiapan Layout | 13:11 | |
| Membuat Component Calendar dan Sidebar Create Event | 07:19 | |
| Membuat Modal Bootstrap di React JS | 06:09 | |
| Merancang Form Create Event di Modal | 05:57 | |
| Menggunakan Datepicker di React JS | 03:31 | |
| Mempersiapkan Props untuk Event Create Part 1 | 11:12 | |
| Mempersiapkan Props untuk Event Create Bag 2 | 07:26 | |
| Menyimpan Perubahan Nilai Props ke dalam State | 12:44 | |
| Mendapatkan Nilai Event dari Submit Event Form | 09:05 | |
| Menghapus Data Sebelumnya di Form Event | 05:58 | |
| Mempersiapkan Context API Hook | 10:53 | |
| Menyimpan Data ke dalam Context dan Perbaikan | 11:28 | |
| menampilkan data event dari context api ke sidebar | 06:17 | |
| menampilkan data event di calendar | 04:23 | |
| menyimpan data event di localstorage melalui context api | 07:36 | |
| mendapatkan data event dari localstorage melalui context api | 04:51 | |
| Menyimpan satu data event melalui context api dan localstorage | 05:22 | |
| Menampilkan data select event di modal bootstrap | 07:36 | |
| Menampilkan data selectedEvent pada form edit | 09:15 | |
| Mengubah data event di localstorage menggunakan context api | 06:21 | |
| Menghapus data event di localstorage menggunakan context api | 07:23 |
Penyusun Materi
Hakim Sembiring Meliala
Belum ada keterangan
Testimoni Oleh Siswa
(2 reviews)
Ardin Natalius Harefa
Sangat membantu, Mantap,
Ahmad Zaky Yamani
Mudah dipahami,Keren sekali,Informatif