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:
    1. Mempelajari konsep dasar React.js dan pentingnya komponen.
    2. 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 Generator10:51
Membandingkan Yang Sudah Dibuat Di React.Js Dengan Vanilla Javascript05:39
Jadi React.Js Itu Apa08:42
Persiapan Untuk Membuat Project React.Js07:08
Menjalankan React Langsung Di Html10:53
Mengenal Tools Untuk Menginstall React.Js05:46
Menginstall React.Js Dan Pahami Strukturnya09:19
Menyiapkan Project React.Js Dari Awal07:41
Apa Itu Component Dan Cara Kerjanya04:36
Cara Membuat Dan Menggunakan Component Di React.Js06:38
Mengenal Jsx Di Dalam Component React.Js04:25
Membuat Banyak Component Dan Mengaturnya08:04
Cara Menjalankan Logic Javascript Di Component05:03
Cari Tahu Kenapa React Berbasis Component05:23
Styling Di Component06:24
Mengirim Data Antar Component Dengan Props06:38
Props, Immutable Dan One-Way Data Flow04:56
Aturan Penulisan Jsx05:29
Menampilkan Component Secara Dinamis05:41
Melakukan Render Secara Kondisional Dengan _06:40
Menampilkan Ui Di Jsx Dengan Ternary If03:58
Melakukan Render Jsx Dengan Multi Kondisi03:11
Refactor Komponen Khusus Untuk Jsx03:39
Memecah Isi Props Dengan Cara Destructing03:20
Membungkus Root Element Lebih Dari Satu Dengan React Fragment03:54
Mengatur Nilai Class Dan Text Secara Dinamis03:58
Rekap Apa Saja Yang Sudah Dipelajari Dan Langkah Selanjutnya04:12
Latihan #1 Membuat Kartu Nama Virtual02:51
Jawaban Latihan #1 Bagian 110:06
Jawaban Latihan #1 Bagian 204:43
Latihan #2 Membuat Kartu Nama Menjadi Dinamis02:24
Jawaban Latihan #205:34
Penyusun Materi

Prev
Next
Ahmad Hakim
Ahmad Hakim

Founder & Mentor IDStack | CTO di Nusabot | Software Engineer di GovTech Edu | Former Software Engineer di Track&ROLL

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
Muhammad Hamzah Hasan
Materi yang disampaikan mudah dipahami, mencakup hal hal dasar yang penting untuk dipelajari oleh pemula.
adhie safriadi
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 lagi
Eko Herdianto
Eko Herdianto
Keren banget pokoknya kelas ini, kupas tuntas dasar dasar react, saya sangat memahami materi dengan mudah
Meidhika Nawa Sapta
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
Mario
Materinya sangat detail dan jelas dan mendasar, mudah untuk dimengerti bahkan untuk yang masih dalam tahap pemula.
Steven Muhamad
Steven Muhamad
Keren semoga ilmu yang didapat dapat diimplementasikan dalam aplikasi real di dunia nyata, sehingga dapat bermanfaat bagi semua
Handika Djati Dharma
Handika Djati Dharma
masih basic banget ya belajar ya
Stephen Ardy
Stephen 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
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
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
Rp. 149,000
Beli sekali akses selamanya
Rp. 49,000
Sewa kelas dan akses selama 1 bulan
Yang akan kamu dapatkan :
32 Modul
2 jam durasi
Forum Diskusi Tanya Jawab
Klaim Sertifikat Digital

Kelas Populer Lainnya

Prev
Next