Beranda

Daftar Modul Pembelajaran

Tiga jalur belajar: Web Development untuk karir web developer, AI Product Development untuk membangun produk AI, dan Mobile Development untuk cross-platform iOS & Android.

Web Development · 31 modul

Dari fondasi internet hingga production operations (auth, payment, file upload, notification) — kurikulum untuk membangun karir web developer.

Fondasi Web Pemula Fundamental Web 6 chapter

Dasar Internet & HTTP

Bagaimana Data Berjalan di Internet

Sebelum menulis satu baris kode, pahami dulu: bagaimana browser meminta data ke server? Apa itu HTTP, URL, DNS? Modul ini membekali pemahaman infrastruktur web — sehingga setiap kode yang kamu tulis nanti punya konteks.

Fondasi Web Pemula Fundamental Web 6 chapter

Browser & Halaman Web

Alat Utama Developer dan Tiga Pilar Web

Browser bukan sekadar alat browsing — ia adalah environment kerja developer. Pahami bagaimana browser merender halaman (HTML, CSS, JS), mengelola DOM, dan menangani interaksi user. Kuasai DevTools sebagai alat debugging sehari-hari.

Fondasi Web Menengah JavaScript 6 chapter

JavaScript & Logika Asinkron

Kuasai Bahasa dan Pola Pikir Asinkron

JavaScript adalah bahasa utama web — tapi cara kerjanya unik: single-threaded tapi bisa multitasking lewat event loop. Modul ini membekali logika fundamental: variabel, fungsi, scope, closures, Promise, async/await, dan event handling.

Fondasi Web Menengah Data & Storage 5 chapter

Penyimpanan Data

Data Harus Disimpan Somewhere — Pahami Pilihannya

Aplikasi web menyimpan data di berbagai tempat: browser (cookie, localStorage), server (SQL, NoSQL database), atau cloud. Modul ini mengajarkan cara kerja masing-masing, kapan menggunakannya, dan trade-off keamanannya.

Membangun Aplikasi Menengah API & Auth 7 chapter

API & Autentikasi

Aplikasi Modern Berkomunikasi lewat API

Aplikasi web modern tidak berdiri sendiri — ia berkomunikasi dengan layanan lain lewat API. Modul ini mengajarkan REST API, CORS, autentikasi JWT & OAuth, WebSocket real-time, dan GraphQL. Dengan API, aplikasimu bisa terhubung ke dunia.

AI Product Development · 10 modul

Dari vibe coding fundamentals sampai AI evaluation & safety — bangun, deploy, evaluasi, dan amankan produk AI dari ide ke production.

AI Product Development Pemula AI Product 7 chapter

Vibe Coding Fundamentals

Dari Menulis Kode ke Berdialog dengan AI

Vibe coding mengubah cara kita membangun software — dari menulis setiap baris kode menjadi berdialog dengan AI. Modul ini adalah pintu masuk ke paradigma baru: pahami filosofi, pilih dan konfigurasi tools AI (Cursor, Windsurf, Claude Code), kuasai seni prompt, dan jalankan siklus develop penuh dari prompt pertama sampai aplikasi live di production.

AI Product Development Menengah AI Product 7 chapter

AI-Native Product Development

Product Thinking untuk Era AI

Tidak semua produk yang pakai AI adalah produk AI-native. Modul ini mengajarkan product thinking untuk era AI: klasifikasi produk AI, pola integrasi (prompt, RAG, fine-tuning, agent), keputusan build vs buy, UX untuk sistem non-deterministik, dan etika pengembangan AI. Bekal strategis sebelum menulis kode.

AI Product Development Menengah AI Product 6 chapter

Product Requirement Document (PRD)

Jembatan antara Ide dan Eksekusi AI

Ide brilian tanpa dokumentasi hanya akan jadi proyek setengah jadi. PRD adalah 'super-prompt' yang membuat AI bisa langsung mengeksekusi tanpa miskomunikasi. Modul ini mengajarkan menulis PRD yang tidak hanya bisa dibaca manusia, tapi juga bisa 'dibaca' oleh AI coding tools.

AI Product Development Lanjutan AI Product 7 chapter

Context Engineering

Backend-nya Vibe Coding

Skill yang membedakan developer yang AI-nya menghasilkan kode sampah dari yang menghasilkan kode production. Context engineering adalah seni merancang instruksi, rules, knowledge base, dan tool integration agar AI bekerja persis seperti yang kamu inginkan — konsisten di setiap sesi, tanpa perlu mikromanage.

AI Product Development Menengah AI Product 6 chapter

AI Product Design

UI/UX untuk Produk Non-Deterministik

Produk AI yang powerful tapi jelek UI-nya = produk yang tidak dipakai. Modul ini mengajarkan dua sisi: menggunakan AI untuk mendesain (v0, Lovable, Bolt) dan mendesain untuk AI (streaming UX, trust & transparency, error handling). Dari prototype ke production.

Mobile Development · 12 modul

Dari React Native fundamentals sampai App Store & Play Store deployment — bangun aplikasi mobile cross-platform iOS & Android dengan Expo.

Mobile Foundations Pemula Mobile 7 chapter

React Native & Expo Fundamentals

React untuk iOS dan Android — Satu Codebase, Dua Platform

React Native membawa React ke mobile — component, hooks, state management yang sudah kamu kuasai dari Modul 9 dan 16, kini berjalan di iOS dan Android. Modul ini adalah pintu masuk ke mobile development: setup Expo (managed workflow), memahami perbedaan React DOM vs React Native, component primitives (View, Text, Image, ScrollView), dan debugging dengan Expo Go. Bekal fundamental sebelum mendalami UI, navigasi, dan fitur native.

Mobile Foundations Menengah Mobile 6 chapter

Mobile UI, Styling & Layout

Flexbox, SafeAreaView, dan Design System untuk Mobile

Mobile UI berbeda dari web — tidak ada CSS grid, tidak ada hover, tapi ada SafeArea, notch, keyboard avoidance, dan gesture. Modul ini mengajarkan styling di React Native: Flexbox (bedanya dengan web), StyleSheet API, SafeAreaView dan insets, platform-specific styling (Platform module), dark mode, dan responsive breakpoint untuk tablet vs phone.

Mobile Foundations Menengah Mobile 6 chapter

Navigation & Deep Linking

Stack, Tab, Drawer, dan Universal Links — Arsitektur Navigasi Mobile

Navigasi di mobile lebih kompleks dari web — tidak ada URL bar, tapi ada stack, tab, drawer, modal, dan deep linking. Modul ini mengajarkan React Navigation: Stack Navigator (push/pop), Tab Navigator (bottom tabs), Drawer Navigator, TypeScript-safe route params, nested navigators, deep linking, dan universal links yang membuka app dari URL eksternal.

Mobile Foundations Menengah Mobile 6 chapter

Mobile Data & Offline-First

Local Storage, Caching, dan Sync untuk Aplikasi Mobile

Mobile app tidak selalu online. User di kereta, di basement, di remote area tetap harus bisa pakai app. Modul ini mengajarkan data persistence: MMKV (high-performance key-value), WatermelonDB (lazy-loading SQLite), TanStack Query untuk mobile (stale-while-revalidate, pagination), offline queue (simpan operasi saat offline, eksekusi saat online), dan konflik resolusi sync.

Native Capabilities Menengah Mobile 6 chapter

Camera, Media & Notifikasi

Akses Kamera, Galeri, dan Push Notification di Mobile

Fitur yang membedakan mobile app dari web: akses hardware. Modul ini mengajarkan integrasi dengan kamera (expo-camera, expo-image-picker), galeri media, image manipulation, push notification via Expo Push Notifications (FCM/APNs), notification channels, dan rich notification dengan gambar/action buttons.

Daftar Modul Pembelajaran

Web Development · 31 modul

Dasar Internet & HTTP

Browser & Halaman Web

JavaScript & Logika Asinkron

Penyimpanan Data

API & Autentikasi

Arsitektur Web

Keamanan & Performa

DevOps & Deployment

React & Next.js Dasar

Microservices Architecture

Kubernetes & Cloud Native

Keamanan Lanjut

WebAssembly & High Performance

WebRTC & Real-time Communication

GraphQL Advanced

Frontend Modern

Backend Modern

TypeScript

Testing

AI untuk Developer

Git & Team Workflow

Web Performance

Accessibility (a11y)

State Management Modern

Database Engineering

Web Security Advanced

System Design untuk Web

Authentication & Authorization Deep-Dive

Payment Integration

File Upload & Processing

Email, SMS & Notification Systems

AI Product Development · 10 modul

Vibe Coding Fundamentals

AI-Native Product Development

Product Requirement Document (PRD)

Context Engineering

AI Product Design

Capstone Project

Prompt Engineering Mastery

RAG & Vector DB Engineering

AI Agents & Multi-Agent Systems

AI Evaluation & Safety

Mobile Development · 12 modul

React Native & Expo Fundamentals

Mobile UI, Styling & Layout

Navigation & Deep Linking

Mobile Data & Offline-First

Camera, Media & Notifikasi

Location, Maps & Sensors

Authentication & Security

Background Processing & Sync

App Store & Play Store Deployment

CI/CD & OTA Updates

Mobile Performance

Cross-Platform Architecture