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.

BEGINNER24 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

  • Semua
  • Bintang 5
  • Bintang 4
  • Bintang 3
  • Bintang 2
  • Bintang 1
4.9

(24 reviews)

5 Bintang
92%
4 Bintang
8%
3 Bintang
0%
2 Bintang
0%
1 Bintang
0%
Fayol Aldi Alfarnando
Fayol Aldi Alfarnando
Materi yang disampaikan oleh mentornya mudah dimengerti dan cocok untuk saya belajar sebagai pemula. :p
Billy Imanuel Rumbiak
Billy Imanuel Rumbiak
Materinya benar-benar baru dan sangat sulit tapi bisa disederhanakan dengan baik. Semoga kelak bisa jago seperti pemateri. Thank you
Masmur Ginting
Masmur Ginting
mudah dimengerti gan. Contoh case sangat berguna
Fauzan Ridho
Fauzan Ridho
materi yang disampaikan sangat bagus namun diakhir course harus diperbaiki karna penggunaan font awsome perlu dikonfigurasi ulang direact
Muhammad Fathony
Muhammad Fathony
bagus banget desain nya, sangat mendasar apa yang di berikan ilmunya. terimakasih banyak codepolitan
Chandra Arifin
Chandra Arifin
cukup baik untuk pemula yang belajar reactjs. tetapi hanya tahapan 101 (benar-benar pemula) dan cukup informatif. tapi step nya masih kurang detail untuk membuat suatu project.
Muhamad Hendri Febriansyah
Muhamad Hendri Febriansyah
Materi Belajar ReactJS ini luar biasa! Penjelasan yang jelas dan terstruktur memudahkan pemahaman konsep-konsep dasar hingga lanjutan. Sangat membantu bagi pemula dan juga pengembang yang ingin memperdalam pengetahuan mereka. Sangat direkomendasikan!
Irkham ilmi
Irkham ilmi
woooookeehhh Menerangkan materi yang mudah untuk di pahami dan tidak membingungkan bagi pemula. karena step by step yang pas.
Alif Nugroho Triatmojo
Alif Nugroho Triatmojo
materi yang disampaikan cukup bagus dan penjelesannya juga mudah di mengerti.....................................
Dedrick
Dedrick
good good good good good good good good good good good good good good good good good good good good good good good
;
...
Lihat Rekaman
Rp. 149,000
Beli sekali akses selamanya
Beli Sekarang
Rp. 49,000
Sewa kelas dan akses selama 1 bulan
Sewa Sekarang
Yang akan kamu dapatkan :
32 Modul
2 jam durasi
Forum Diskusi Tanya Jawab
Klaim Sertifikat Digital

Kelas Populer Lainnya

Prev
Next