Daftar Isi JavaScript

• 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