Web Programming Frontend dengan React

Web Programming Frontend dengan React

Konsep dasar hingga teknik lanjutan dalam menggunakan React

Author(s)

  • Arya Krisna Putra, S.Kom.

The Managing Department

  • Digital Content Development
  • Universitas
  • Knowledge System & Learning Product
  • Computer Science

Category

  • Development

Language

Bahasa

Course Description

Kursus ini dirancang untuk membantu memahami konsep dasar hingga teknik lanjutan dalam menggunakan React, salah satu pustaka JavaScript yang paling populer untuk pengembangan frontend web modern. Kursus ini terdiri dari serangkaian video yang terstruktur, dimulai dari pengenalan tentang apa itu React dan mengapa pustaka ini menjadi andalan bagi banyak pengembang web di seluruh dunia.

Kelas ini dimulai dengan Pengenalan React, menjelaskan sejarah dan keunggulan React dibandingkan dengan framework frontend lainnya, sehingga peserta memahami konteks penggunaannya dalam industri. Peserta akan diarahkan untuk menyiapkan lingkungan kerja mereka dalam sesi Persiapan Lingkungan Kerja untuk React, mencakup instalasi Node.js dan npm, serta pembuatan proyek dengan Create React App atau Vite. Setelahnya, kursus ini membahas Konsep Komponen di React—unit dasar dalam aplikasi React—yang dapat dibuat menggunakan komponen class ataupun fungsi.

Untuk membuat aplikasi lebih interaktif, sesi tentang State dan Props di React membantu peserta memahami bagaimana data dapat disimpan dan dipertukarkan antar komponen. Sesi selanjutnya mengajarkan Event Handling untuk menangani berbagai interaksi pengguna, yang diikuti dengan React Hooks (termasuk useState dan useEffect) untuk menyederhanakan pengelolaan komponen.

Kursus ini juga mencakup Routing dengan React Router dan Context API untuk manajemen data yang lebih efisien dalam aplikasi satu halaman (SPA). Selain itu, Optimasi Performa Aplikasi React akan di pelajari melalui teknik-teknik seperti code splitting dan lazy loading. Kursus ini ditutup dengan proyek mini, yaitu membangun aplikasi Todo List sebagai penerapan praktis dari semua konsep yang telah dipelajari. Dengan kursus ini, peserta akan memiliki dasar yang kuat dalam menggunakan React untuk mengembangkan aplikasi frontend yang responsif dan dinamis.

Course Topics

  1. Overview
  2. Pengenalan React dalam Pengembangan Web
  3. Persiapan Lingkungan Kerja untuk React
  4. Mengenal Komponen pada React
  5. Mengelola Data di React: Memahami State dan Props
  6. Mengelola Interaksi Pengguna di React: Event Handling
  7. Mengoptimalkan Komponen dengan React Hooks: Meningkatkan Interaktivitas Tanpa Class Component
  8. Routing di React dengan React Router
  9. Mengelola State Global dengan Context API: Solusi untuk Prop Drilling di React
  10. Optimasi Performa Aplikasi React
  11. Membuat Project Mini: Todo List dengan React