Modul Pengajaran

Vibe Coding — Kelas AI-Assisted Development

Portal pembelajaran 8 fasa dari mula hingga aplikasi full-stack production. Pelajar akan belajar menggunakan Claude Code, Claude Codex, dan ekosistem AI-assisted development untuk membina aplikasi web sebenar.

10
Modul Pembelajaran
22–30
Jam Kandungan
Claude + Codex
Tools Utama
Beginner
Tahap — Tiada Kod
🔍

🔍

Tiada hasil ditemui. Cuba kata kunci lain.

🔧 Modul Tambahan

Modul bonus untuk memperdalam kemahiran pelajar dalam version control dan deployment.

🐙
GitHub & Version Control
Git basics, branch, PR, collaboration, GitHub MCP
▼

📎 Bahan Pengajaran

👨‍🏫 Panduan Pengajar 📖 Modul Pelajar ✏️ Latihan 📄 Rujukan GitHub
🌍
Deployment Platforms
Perbandingan 10 platform — Cloudflare, Netlify, Vercel, dan banyak lagi
▼

📎 Bahan Pengajaran

👨‍🏫 Panduan Pengajar 📖 Modul Pelajar ✏️ Latihan 📊 Rujukan Platform

🚀 Modul Lanjutan — Fasa 11-15

Modul advanced untuk pelajar yang dah tamat core — React, Mobile App, AI Agent, SaaS, dan Product Polishing.

⚛️
Fasa 11: React + Vibe Coding
React TANPA belajar React — guna AI untuk bina components, hooks, routing, Supabase
▼

📎 Bahan Pengajaran

👨‍🏫 Panduan Pengajar 📖 Modul Pelajar ✏️ Latihan 📄 Rujukan
📱
Fasa 12: Mobile App dengan AI
Bina PWA — installable di phone, offline, push notification, camera access
▼

📎 Bahan Pengajaran

👨‍🏫 Panduan Pengajar 📖 Modul Pelajar ✏️ Latihan 📄 Rujukan
🤖
Fasa 13: AI Agent Builder
Bina AI agent sendiri — Cloudflare Agents SDK, Claude API, state, WebSocket
▼

📎 Bahan Pengajaran

👨‍🏫 Panduan Pengajar 📖 Modul Pelajar ✏️ Latihan 📄 Rujukan
💼
Fasa 14: SaaS dengan AI
Bina SaaS lengkap — landing, auth, dashboard, payment, deploy — dari A ke Z
▼

📎 Bahan Pengajaran

👨‍🏫 Panduan Pengajar 📖 Modul Pelajar ✏️ Latihan 📄 Rujukan
✨
Fasa 15: Product Polishing
Sentuhan akhir — Visual polish, Security audit, SEO setup, QA sweep — pre-launch
▼

📎 Bahan Pengajaran

👨‍🏫 Panduan Pengajar 📖 Modul Pelajar ✏️ Latihan 📄 Rujukan

🔧 Setup & Pemasangan

Panduan pemasangan dan konfigurasi alatan yang diperlukan sebelum memulakan kelas.

⌨️
Install Claude Code
Panduan langkah demi langkah pemasangan Claude Code CLI — terminal, API key, dan konfigurasi asas.
→
🤖
Install Claude Codex
Panduan pemasangan Claude Codex untuk pelajar yang menggunakan persekitaran Codex atau GitHub Copilot.
→

📎 Lampiran

Dokumen tambahan dan rujukan sokongan untuk pengajar dan pelajar.

🏆
Sijil Template
Template sijil penyertaan / penyempurnaan untuk diedarkan kepada pelajar selepas tamat kursus.
→
📖
Prompt Library
Koleksi prompt AI yang dioptimumkan untuk pengajaran — memudahkan demonstrasi dan latihan di dalam kelas.
→

📚 Rujukan Utama

Dokumen rujukan komprehensif untuk plugin, skill, dan ekosistem Claude Code.

📘
Panduan Lengkap Plugin & Skill
Dokumentasi interaktif untuk semua MCP Server (Plugin) dan Skill yang tersedia dalam ekosistem Claude Code.
→

🧭 Navigasi Pantas

Pautan ke halaman utama dan dokumen rujukan lain.

🏠
Halaman Utama
Kembali ke halaman utama portal Vibe Coding
→
👨‍🏫
Workflow Mengajar
Panduan aliran kerja untuk pengajar
→
💻
Workflow Pelajar
Panduan aliran kerja Vibe Coding untuk pelajar
→
📘
Plugin Reference
Panduan lengkap plugin & skill dalam ekosistem Claude Code
→
📗
Instructor Handbook
Buku panduan komprehensif untuk pengajar Vibe Coding
→
📖
README
Dokumentasi utama projek Vibe Coding
→