🗂️ Daftar isi
Klik judul untuk membuka halaman materi.
- 0Belajar Dasar JavaScript Variabel, operator, kondisi, loop, fungsi, array, object — output di halaman.
- 1Windows CMD (Command Prompt) Drive, folder, dir, mkdir, rmdir, move, dan perintah tambahan.
- 2Perintah Dasar Node.js + React npm, menjalankan project, build, install package, cache, tabel rangkuman.
- 3Struktur File React + Node.js public, src, alur index.html → index.js → App.js, simulasi step-by-step.
- 4Bootstrap Manual di React Integrasi lewat folder public/assets dan index.html.
- 5Bootstrap via npm Install Bootstrap, import di entry point, perbandingan dengan cara manual.
- 6React Routing React Router: pages, Routes, Route, Link, navigasi dasar.
- 7Routing React Lebih Rapi Memisahkan routes ke file khusus, struktur folder yang disarankan.
- 8React + Vite & CRA Build tools, peran Node/React/Bootstrap/Vite, perbandingan CRA vs Vite.
- 9Routing React + Vite Lebih Rapi Implementasi routing terpisah pada Vite (main.jsx, App.jsx, routes, pages).
- 10Mental Model Backend (Node.js + Express) Konsep backend dari alur request-response, struktur project, hingga strategi mengajar di kelas.
- 11Install Express dan Alur Fullstack Dasar Panduan instalasi Express, struktur frontend-backend, dan alur praktik fullstack dari nol.
- 12HTTP Request & API Cara frontend berkomunikasi dengan backend lewat API dan format JSON.
- 13JSON Web Token dan Bycrypt Autentikasi dengan token dan penyimpanan password yang aman di backend Node.js.
- 14Install dan Menyiapkan Fullstack Lanjutan Contoh tech stack, instalasi, frontend-backend lanjutan, dan setup tambahan.
- 15Alur Coding Fullstack Panduan alur coding fullstack untuk project.
- 16Struktur Project Struktur folder dan organisasi project fullstack (frontend + backend).