React.js 101 - Membuat dan Menggunakan Komponen dengan Berbagai Studi Kasus
Kelas "React.js 101" adalah panduan lengkap bagi pemula yang ingin memahami dan menguasai dasar-dasar React.js. Fokus utama kelas ini adalah pembuatan dan penggunaan komponen dalam pengembangan aplikasi React.js.
BEGINNER35 penilaian35 peserta
Tentang Kelas
Dalam kelas "React.js 101 - Membuat dan Menggunakan Komponen dalam Aplikasi Berbasis React.js," peserta akan diajak dalam perjalanan mendalam ke dunia React.js. Melalui materi yang terstruktur, peserta akan memahami cara membuat dan mengelola komponen, elemen kunci dalam pengembangan aplikasi React.js.
Target dan Sasaran Peserta:
- Kelas ini cocok untuk pemula yang ingin memahami dasar-dasar React.js.
- Peserta diharapkan dapat belajar secara mandiri, sehingga dapat mengatur jadwal belajar mereka sendiri.
Tujuan Umum dan Khusus Pelatihan:
- Tujuan Umum: Peserta akan memiliki pemahaman menyeluruh tentang penggunaan komponen dalam React.js.
- Tujuan Khusus:
- Mempelajari konsep dasar React.js dan pentingnya komponen.
- Praktik langsung dalam membuat dan menggunakan komponen dalam proyek React.js.
Silabus:
- Pengenalan React.js dan Komponen
- Konsep dasar React.js.
- Peran dan struktur komponen dalam aplikasi React.js.
- Membuat Komponen React
- Langkah-langkah praktis dalam membuat komponen.
- Contoh penggunaan komponen dalam pengembangan aplikasi.
Metode Pembelajaran:
- Pembelajaran Mandiri Online Peserta dapat belajar sesuai dengan kecepatan dan waktu yang mereka tentukan sendiri.
Fasilitas Pembelajaran:
- Materi Pembelajaran
- Video tutorial dan materi pembelajaran akan tersedia.
- Forum Tanya Jawab
- Peserta dapat berinteraksi dan bertanya melalui forum khusus.
Peralatan Pembelajaran Peserta:
- Akses Internet Peserta membutuhkan akses internet melalui komputer dengan sistem operasi Windows, Mac, atau Linux.
- Spesifikasi Minimum Komputer Peserta:
- Sistem Operasi: Windows, Linux, atau MacOS.
- Prosesor: Intel Dual Core (Disarankan Core i3 ke atas).
- RAM: 1GB (Disarankan 2GB).
- Resolusi Layar: 1366 x 768 (Disarankan Full HD 1920 x 1080).
- Perangkat Lunak: Browser (Tanpa preferensi khusus).
Daftar Materi
| Mengenal React.Js Dengan Membuat Quote Generator | 10:51 | |
| Membandingkan Yang Sudah Dibuat Di React.Js Dengan Vanilla Javascript | 05:39 | |
| Jadi React.Js Itu Apa | 08:42 | |
| Persiapan Untuk Membuat Project React.Js | 07:08 | |
| Menjalankan React Langsung Di Html | 10:53 | |
| Mengenal Tools Untuk Menginstall React.Js | 05:46 | |
| Menginstall React.Js Dan Pahami Strukturnya | 09:19 | |
| Menyiapkan Project React.Js Dari Awal | 07:41 | |
| Apa Itu Component Dan Cara Kerjanya | 04:36 | |
| Cara Membuat Dan Menggunakan Component Di React.Js | 06:38 | |
| Mengenal Jsx Di Dalam Component React.Js | 04:25 | |
| Membuat Banyak Component Dan Mengaturnya | 08:04 | |
| Cara Menjalankan Logic Javascript Di Component | 05:03 | |
| Cari Tahu Kenapa React Berbasis Component | 05:23 | |
| Styling Di Component | 06:24 | |
| Mengirim Data Antar Component Dengan Props | 06:38 | |
| Props, Immutable Dan One-Way Data Flow | 04:56 | |
| Aturan Penulisan Jsx | 05:29 | |
| Menampilkan Component Secara Dinamis | 05:41 | |
| Melakukan Render Secara Kondisional Dengan _ | 06:40 | |
| Menampilkan Ui Di Jsx Dengan Ternary If | 03:58 | |
| Melakukan Render Jsx Dengan Multi Kondisi | 03:11 | |
| Refactor Komponen Khusus Untuk Jsx | 03:39 | |
| Memecah Isi Props Dengan Cara Destructing | 03:20 | |
| Membungkus Root Element Lebih Dari Satu Dengan React Fragment | 03:54 | |
| Mengatur Nilai Class Dan Text Secara Dinamis | 03:58 | |
| Rekap Apa Saja Yang Sudah Dipelajari Dan Langkah Selanjutnya | 04:12 | |
| Latihan #1 Membuat Kartu Nama Virtual | 02:51 | |
| Jawaban Latihan #1 Bagian 1 | 10:06 | |
| Jawaban Latihan #1 Bagian 2 | 04:43 | |
| Latihan #2 Membuat Kartu Nama Menjadi Dinamis | 02:24 | |
| Jawaban Latihan #2 | 05:34 |
Penyusun Materi
Testimoni Oleh Siswa
4.9
(35 reviews)
5 Bintang
94%
4 Bintang
6%
3 Bintang
0%
2 Bintang
0%
1 Bintang
0%

Muhammad Hamzah Hasan
Materi yang disampaikan mudah dipahami, mencakup hal hal dasar yang penting untuk dipelajari oleh pemula.
adhie safriadi
agak susah sih di pahami awal awalnya tapi setelah di simak berulang kali baru bisa di pahami, dan setelah kelas ini selesai saya akan mengulang kembali agar bisa lebih di pahami lagiEko Herdianto
Keren banget pokoknya kelas ini, kupas tuntas dasar dasar react, saya sangat memahami materi dengan mudah
Meidhika Nawa Sapta
Materi sangat berguna dan bermanfaat, banyak ilmu baru didalamnya, kali ini kak hakim menjelaskannya denga baik dan perlahan sehingga mudah di pahami.Mario
Materinya sangat detail dan jelas dan mendasar, mudah untuk dimengerti bahkan untuk yang masih dalam tahap pemula.
Steven Muhamad
Keren semoga ilmu yang didapat dapat diimplementasikan dalam aplikasi real di dunia nyata, sehingga dapat bermanfaat bagi semuaHandika Djati Dharma
masih basic banget ya belajar yaStephen Ardy
Modul ini memberi kilas balik dari modul sebelumnya dan memantapkan pemahaman akan materi-materi yang ada. Praktek yang diberikan juga membuat saya semakin terbiasa dengan proses pada React JS.
Usamah Abdul Wadud
Penjelasan dari mentornya sangat mudah untuk difahamai, dijelaskan semua istilah-istilah yang dipakai dalam react, Course ini sangat cocok untuk pemula.I Wayan Darmadi
Walaupun sudah pernah belajar React Sebelumnya, tapi pas ikut kelas ini ada saja konsep-konsep baru yang mungkin dulu pas belajarnya kelewat. Nice course
Lihat Rekaman
