Bangun Ekstensi Browser Nyata untuk Chrome dan Edge
Ekstensi browser memungkinkan Anda memodifikasi halaman web, mengotomatisasi perilaku browser, mengintersepsi permintaan jaringan, dan mengirimkan tools custom langsung ke pengguna melalui Chrome Web Store dan marketplace Edge Add-ons. Track ini mengajarkan Manifest V3 — format ekstensi yang current dan required — dari manifest.json pertama Anda hingga distribusi cross-browser dan keamanan production. Setiap konsep didasarkan pada API yang Chrome dan Edge benar-benar expose hari ini.
Apa yang Akan Anda Pelajari
Anda akan mempelajari bagaimana Manifest V3 menstruktur permissions, service workers, dan component lifecycles. Dari sana Anda membangun UI nyata dengan popups dan options pages, inject content scripts yang membaca dan menulis ulang page DOM, dan hook ke browser UI surfaces seperti context menus dan omnibox. Di sisi data Anda menguasai extension messaging, storage APIs, dan declarativeNetRequest untuk memodifikasi web requests tanpa broad host permissions. Anda juga mencakup programmatic browser control, debugging dan performance profiling, dan advanced permission models dengan fokus pada security. Track ditutup dengan teknik cross-browser compatibility dan mengintegrasikan modern JavaScript frameworks ke dalam extension build pipeline.
Learning Path
Dua belas courses mencakup A1 hingga C1. Kursus pertama gratis dan memperkenalkan fundamental Manifest V3. A1–A2 menetapkan manifest structure dan core permissions model. Kursus B1 membangun practical skills: UI construction, content script injection, browser UI integration, dan publishing ke Chrome Web Store dan Edge marketplace. Empat kursus B2 lebih mendalam — messaging dan persistence, declarative network request modification, browser automation, dan debugging dengan performance optimization. Dua kursus C1 terakhir mencakup advanced permissions, security hardening, dan mencapai genuine cross-browser compatibility bersama modern framework usage.
Cara Kerjanya
Setiap kursus dibagi menjadi lessons singkat yang hands-on Anda selesaikan di editor built-in dengan feedback real-time dan AI tutor yang tersedia saat Anda stuck. Anda menulis actual extension code — manifest files, background service workers, content scripts, dan options pages — jadi setiap lesson menghasilkan sesuatu yang dapat Anda load langsung ke Chrome atau Edge sebagai working extension.