Fondasi
1 materi · ±40 jam
1.HTML, CSS & JavaScript Dasar
Pemula±40 jamFondasi wajib: struktur HTML5, styling CSS3, dan logika JavaScript modern.
Frontend
1 materi · ±40 jam
2.React & TypeScript
Menengah±40 jamBangun UI interaktif dengan React 18 dan type safety TypeScript.
Prasyarat:HTML, CSS & JavaScript Dasar
Backend
2 materi · ±60 jam
3.Node.js & Express REST API
Menengah±35 jamBuat REST API backend dengan Node.js dan Express beserta autentikasi JWT.
Prasyarat:HTML, CSS & JavaScript Dasar
4.Database PostgreSQL + Prisma
Menengah±25 jamDesain dan kelola database relasional menggunakan PostgreSQL dengan ORM Prisma.
Prasyarat:Node.js & Express REST API
Integrasi
1 materi · ±20 jam
5.Integrasi Frontend-Backend
Menengah±20 jamHubungkan React frontend dengan REST API backend menggunakan React Query dan Axios.
Prasyarat:React & TypeScript, Node.js & Express REST API
Keamanan
1 materi · ±20 jam
6.Autentikasi & Otorisasi
Menengah±20 jamImplementasikan sistem login lengkap dengan JWT, refresh token, dan role-based access control.
Prasyarat:Integrasi Frontend-Backend
Deployment
1 materi · ±20 jam
7.Docker & Deployment
Menengah±20 jamKontainerisasi dan deploy aplikasi full-stack menggunakan Docker Compose ke VPS.
Prasyarat:Database PostgreSQL + Prisma
Frontend
1 materi · ±35 jam
8.Next.js Full-Stack
Lanjutan±35 jamManfaatkan Next.js App Router untuk membangun full-stack app dengan Server Actions dan API routes.
Prasyarat:React & TypeScript, Database PostgreSQL + Prisma
Kualitas
1 materi · ±20 jam
9.Testing (Unit & E2E)
Lanjutan±20 jamTulis unit tests dengan Vitest dan end-to-end tests dengan Playwright.
Prasyarat:Integrasi Frontend-Backend
Deployment
1 materi · ±15 jam
10.CI/CD Pipeline
Lanjutan±15 jamOtomasi proses testing dan deployment menggunakan GitHub Actions.
Prasyarat:Docker & Deployment