- Mengenal JavaScript
- Pengenalan JavaScript & Cara Menjalankannya di Browser
- Variabel, Tipe Data, dan Operator dalam JavaScript
- Kondisi dan Percabangan dalam JavaScript (if, else, switch)
- Perulangan dalam JavaScript (for, while, do…while)
- Mengenal Fungsi dalam JavaScript
- Pengenalan DOM dan Selector dalam JavaScript
- Event Listener JavaScript: Menangani Klik dan Input
- Membuat Interaksi Dinamis dengan JavaScript (Show/Hide & Toggle Class)
- Manipulasi Elemen DOM di JavaScript (Create, Append, Remove)
- Form Handling dan Validasi di JavaScript
- Mini Project: To-Do List Sederhana dengan JavaScript
- Mini Project: Kalkulator Sederhana dengan JavaScript
- Mini Project: Gallery Image Viewer dengan JavaScript
- Popup Modal dan Notifikasi dengan JavaScript
- Membuat Slider atau Carousel Gambar dengan JavaScript
- Membuat Tab Navigasi dan Konten Dinamis dengan JavaScript
- Membuat Dark Mode Toggle dengan JavaScript
- Membuat Stopwatch atau Timer Sederhana dengan JavaScript
- Membuat Aplikasi Kalkulator Waktu Mundur (Countdown Event) dengan JavaScript
- Array dan Object di JavaScript: Looping, map(), filter(), dan reduce()
- Array dan Object Manipulation Lanjutan (Destructuring, Spread Operator, dan Rest Parameter) di JavaScript
- JSON dan LocalStorage di JavaScript: Simpan Data Lokal Tanpa Database
- Fetch API JavaScript: Mengambil dan Menampilkan Data dari Server
- CRUD Fetch API di JavaScript (Create, Read, Update, Delete)
- CRUD JavaScript Tanpa API dengan Form dan Table Dinamis
- CRUD JavaScript dengan Pencarian, Sorting, dan Pagination
- CRUD JavaScript dengan LocalStorage (Data Permanen)
- Sinkronisasi CRUD LocalStorage dengan PHP & MySQL
- Memahami Async / Await dan Promise di JavaScript
- Handling Multiple Promise di JavaScript: Promise.all(), Promise.race(), dan Promise.allSettled()
- Error Handling Asynchronous (try…catch dan finally) di JavaScript
- Modular JavaScript: Cara Kerja import & export untuk Kode Lebih Rapi
- Mini Project: Aplikasi Cuaca dengan JavaScript
- Template Literal dan Modul JavaScript: Backtick & Organisir Kode dengan Import/Export
- JavaScript Modern: Destructuring, Spread, dan Rest Parameter dalam Modul
- Mini Project: Aplikasi Catatan, Menggabungkan LocalStorage, Class, dan Event DOM
- Mini Project: Aplikasi Buku Tamu Online dengan LocalStorage dan DOM Event
- Mini Project: Aplikasi Daftar Belanja dengan LocalStorage dan DOM Event
- Class dan OOP di JavaScript: Membuat Class, Constructor, dan Inheritance
- OOP Lanjutan di JavaScript: Encapsulation, Polymorphism, dan Static Method
- Asynchronous OOP di JavaScript: Menggabungkan Promise dan Class
- Design Pattern dalam OOP JavaScript: Factory, Singleton, dan Observer
- Advanced Design Patterns di JavaScript: Module, Proxy, dan Strategy Pattern
- Reactive Programming dan Event-Driven Architecture di JavaScript
- Reactive UI dan Data Binding Otomatis di JavaScript (Tanpa Framework)
- Membangun Reactive Component Library Sederhana dengan JavaScript Vanilla
- Membangun Mini Framework JavaScript Sendiri (Dengan Virtual DOM & Reactive Rendering)
- Membangun Mini Framework JavaScript Bagian 2: Router, Lifecycle, dan Store Global
- Membangun Mini Framework JavaScript Bagian 3: Component Reusable, Template Engine, dan Reactive Binding
- Membuat Sistem Reactive dengan Proxy dan Observer (tanpa re-render manual)
- Best Practice dan Anti-Pattern dalam JavaScript Modern untuk Kode yang Lebih Efisien
- Optimasi Kinerja JavaScript: Tips Performance dan Memory Management
- Debugging dan Profiling JavaScript Modern: Tools & Strategi Efektif
- Membangun Reactive System JavaScript dengan Reflect dan Dependency Tracking
- Integrasi Reactive System dengan DOM Renderer (Auto Update UI)
- Two-Way Data Binding dan Reactive Input Handling di JavaScript Modern
- Membuat Computed Property dan Watcher Otomatis di JavaScript Tanpa Framework
- JavaScript Build Tools Modern: Instalasi dan Setup Proyek dengan Babel, Webpack, dan Vite
- Optimasi Performansi Build di Webpack & Vite: Code Splitting, Lazy Loading, dan Tree Shaking
- Optimasi Asset & Bundle di Build Tools (Image, Font, dan CSS Handling)
- Optimasi Build untuk Deployment & Analisis Bundle Size (Bundle Analyzer)
- Optimasi dan Debugging JavaScript: Menggunakan DevTools, Breakpoints, dan Console
- Pengenalan Framework JavaScript (React, Vue, atau Vanilla JS Lanjut): Perbandingan dan Kapan Digunakan
- Tips Menulis Kode JavaScript yang Rapi dan Efisien
- Panduan Clean Code JavaScript: Prinsip SOLID & DRY untuk Frontend Developer
- Clean Architecture JavaScript Frontend: Struktur Folder, Layer, dan Reusable Component
- Best Practice dan Keamanan Dasar (XSS Prevention) di JavaScript
- Mendeteksi dan Mencegah XSS dengan Audit Otomatis & Testing
- Membangun Security Layer di Frontend Modern (CSP, Sanitizer API, dan Trusted Types)
- Tools Pendukung JavaScript (VSCode, Prettier, dan ESLint) untuk Produktivitas