Nusacodes
13 July 2026 Frontend Programming

Bootcamp React JS Frontend Web Development

Belajar membangun frontend website modern menggunakan React JS dari nol hingga belajar deploy 🚀

Bootcamp ini dirancang untuk kamu yang ingin menjadi Frontend Developer modern dengan skill React JS yang banyak digunakan di industri.

Kamu akan belajar mulai dari HTML, CSS, JavaScript, hingga belajar membangun aplikasi React lengkap dengan API, routing, authentication, dan deployment.

Tidak hanya teori, setiap pertemuan berisi praktik hingga menjadi portfolio yang bisa kamu gunakan sebagai project react pertamamu.


Kenapa Belajar React JS?

React JS adalah salah satu teknologi frontend paling populer saat ini.

✅ Banyak digunakan oleh perusahaan teknologi
✅ Skill wajib untuk frontend developer modern
✅ Cocok untuk membuat website interaktif
✅ Digunakan pada startup hingga enterprise
✅ Permintaan React Developer sangat tinggi
✅ Bisa jadi modal masuk karier frontend developer


Apa yang Akan Dipelajari?

Bootcamp ini disusun bertahap dari dasar hingga belajar membangun Web React lengkap.

Kamu akan belajar:

✅ Fundamental HTML & CSS
✅ Modern JavaScript (ES6)
✅ DOM Manipulation & Event Handling
✅ Fetch API & Dynamic Data Rendering
✅ Pengenalan React & Component
✅ Props & State di React
✅ React Hooks (useState & useEffect)
✅ Global State dengan Context API
✅ React Router & Authentication Firebase
✅ Deploy React App ke Production


Studi Kasus yang Digunakan

Selama bootcamp peserta akan membangun project frontend secara bertahap.

Peserta akan belajar:

🔹 Membuat UI dengan HTML & CSS
🔹 Menambahkan interaksi dengan JavaScript
🔹 Menampilkan data dari API
🔹 Mengubah project ke React JS
🔹 Mengelola state aplikasi
🔹 Membuat multi halaman dengan React Router
🔹 Implementasi login & logout
🔹 Deploy website ke hosting

Semua dilakukan secara praktik & hands-on.


Output Peserta

Setelah mengikuti bootcamp, peserta diharapkan memiliki:

📌 Website frontend berbasis React JS
📌 Pengalaman menggunakan React Hooks
📌 Integrasi API pada React
📌 Multi-page React App dengan Router
📌 Authentication sederhana
📌 Project siap portfolio
📌 Website yang sudah di deploy

Output ini bisa digunakan sebagai portfolio ReactJS pertamamu sebagai bekal portfolio saat akan melamar kerja atau projek freelance.


Siapa yang Cocok Mengikuti Kelas Ini?

Bootcamp ini cocok untuk:

✅ Pemula yang ingin belajar React JS
✅ Mahasiswa IT
✅ Web Developer pemula
✅ Frontend developer
✅ Backend developer yang ingin belajar frontend
✅ Programmer yang ingin upgrade skill
✅ Freelancer web developer
✅ Siapa pun yang ingin belajar frontend modern

Tidak harus sudah bisa React sebelumnya.


Jadwal Bootcamp

📅 Live Zoom – 8x Pertemuan
📅 Setiap Senin & Selasa
🕢 Pukul 19.30 WIB – Selesai
⏱ Durasi ± 1 – 2 Jam per sesi

Kelas dimulai Tanggal 13 Juli 2026

  • Sesi 1: Senin, 13 Juli 2026 – 19.30 WIB
  • Sesi 2: Selasa, 14 Juli 2026 – 19.30 WIB
  • Sesi 3: Senin, 20 Juli 2026 – 19.30 WIB
  • Sesi 4: Selasa, 21 Juli 2026 – 19.30 WIB
  • Sesi 5: Senin, 27 Juli 2026 – 19.30 WIB
  • Sesi 6: Selasa, 28 Juli 2026 – 19.30 WIB
  • Sesi 7: Senin, 03 Agustus 2026 – 19.30 WIB
  • Sesi 8: Selasa, 04 Agustus 2026 – 19.30 WIB


Benefit Mengikuti Bootcamp

✅ Materi terstruktur dari dasar
✅ Praktik (hands-on)
✅ Project frontend bertahap
✅ Studi kasus 
✅ Rekaman kelas
✅ Akses materi download
✅ E-Certificate (Wajib Mengerjakan 70% Tugas)
✅ Bisa tanya jawab langsung


Bootcamp ini cocok untuk kamu yang ingin menjadi Frontend Developer modern dengan React JS dan membangun website interaktif secara profesional. 🚀

Materi dalam Kelas

1 Pengenalan HTML & CSS
Setup akun GitHub, membuat repo dan hubungkan ke kode editor
Pengenalan Web & HTML
Struktur HTML & Elemen yang sering digunakan
CSS 101: selector, box-model, warna, font
Layout sederhana dengan Flexbox
2 Intro to Modern Javascript
Modern JavaScript (ES6)
Let, Const, Arrow function dan template literal
DOM manipulation
Event handling
Dynamic content generation
Menambahkan interaksi ke UI
Menyiapkan mindset untuk masuk React
3 JavaScript Lanjutan
Handling Array (Map, Filter, Find)
Destructuring (penggunaan array dan object yg tujuannya untuk melakukan manipulasi data/informasi)
Fetch URL (mengambil data dari API dan menerapkannya ke UI)
4 Pengenalan React
Pengenalan React
Mengaplikasikan Design System ke React
Menggunakan Shadcn UI untuk mengaplikasikan Design System
React Component
Persiapan praktik (install nodejs, vite dan react dev tools)
React Functional component
React Props
React Map
5 Intermediate React
State dan event handling (counter atau input field realtime)
Lifecycle component react (useEffect)
6 React Global State
Mengatasi masalah props drilling di react (React context)
7 Intro React Router dan Integrasi Firebase
Implentasi menggunakan react router untuk berpindah halaman
Integrasi dengan firebase untuk membuat system authentication
8 Finalisasi, Optimasi, dan Deploy
Build di local sebelum melakukan upload di deploy service
Mengecek atau melakukan perbaikan Ketika gagal build

Syarat Mengikuti Kelas

Menyiapkan Tools yang diperlukan:

🔹 VScode (Code editor)
🔹 Postman
🔹 Nodejs atau nvm (node version manager)
🔹 Akun github
🔹 Akun firebase
🔹 Akun vercel
🔹 Akun Figma

Target Setelah Ikut Kelas

Setelah mengikuti bootcamp ini, harapannya peserta mampu:

✅ Memahami konsep React JS
✅ Membuat komponen React
✅ Menggunakan props dan state
✅ Menggunakan React Hooks
✅ Mengambil data dari API
✅ Membuat multi halaman React
✅ Implementasi authentication
✅ Deploy aplikasi React
✅ Memiliki project portfolio frontend

Testimoni

Apa yang mereka katakan untuk kelas ini

Nararya Pilar Mahardika

Sangat Bagus dan jelas

Nusacodes
081342334293