Fondasi Web
3 materi · ±70 jam
1.Dasar HTML & CSS
Pemula±20 jamPelajari struktur dokumen HTML5 dan styling dasar dengan CSS3 termasuk Flexbox dan Grid.
2.JavaScript Dasar
Pemula±30 jamKuasai dasar-dasar JavaScript: variabel, fungsi, array, objek, dan manipulasi DOM.
Prasyarat:Dasar HTML & CSS
3.JavaScript ES6+
Menengah±20 jamPelajari fitur modern JavaScript: arrow functions, destructuring, promises, async/await, dan modules.
Prasyarat:JavaScript Dasar
Tooling
1 materi · ±10 jam
4.Git & Version Control
Pemula±10 jamKelola kode sumber dengan Git dan GitHub: branching, merging, dan pull requests.
Framework
2 materi · ±60 jam
5.React Dasar
Menengah±35 jamPelajari konsep dasar React: komponen, props, state, dan lifecycle hooks.
Prasyarat:JavaScript ES6+
6.TypeScript untuk Frontend
Menengah±25 jamTambahkan type safety ke project React dengan TypeScript untuk kode yang lebih robust.
Prasyarat:React Dasar
Styling
1 materi · ±15 jam
7.Tailwind CSS
Pemula±15 jamGunakan utility-first CSS framework Tailwind CSS untuk styling cepat dan konsisten.
Prasyarat:Dasar HTML & CSS
Framework
2 materi · ±55 jam
8.State Management (Zustand / Redux)
Menengah±20 jamKelola state aplikasi yang kompleks menggunakan Zustand atau Redux Toolkit.
Prasyarat:React Dasar
9.Next.js & SSR
Lanjutan±35 jamBangun aplikasi web production-ready dengan Next.js menggunakan Server-Side Rendering dan App Router.
Prasyarat:TypeScript untuk Frontend
Kualitas Kode
2 materi · ±40 jam
10.Testing Frontend (Vitest)
Menengah±20 jamTulis unit test dan integration test untuk komponen React menggunakan Vitest dan Testing Library.
Prasyarat:React Dasar
11.Web Performance & Optimasi
Lanjutan±20 jamPelajari teknik optimasi web: lazy loading, code splitting, Core Web Vitals, dan Lighthouse.
Prasyarat:Next.js & SSR
Integrasi
1 materi · ±18 jam
12.Integrasi REST API
Menengah±18 jamHubungkan frontend dengan backend API menggunakan fetch, Axios, dan React Query.
Prasyarat:JavaScript ES6+