Bahan Pengajaran Lengkap

Vibe Coding — Kelas AI-Assisted Development

Kurikulum lengkap untuk mengajar AI-assisted coding. Dari zero ke full-stack — semuanya dalam Bahasa Melayu. Dirangka khas untuk pendidik, pelajar, dan sesiapa yang mahu menguasai pembangunan perisian dengan kuasa AI.

🔒 Log Keluar
8
Fasa
40+
Modul
100+
Halaman
Claude + Codex
AI Tools

🚀 Mula Di Sini

Akses pantas ke sumber utama kurikulum Vibe Coding

⭐ Modul Terkini

Modul-modul paling baru dan popular dalam kurikulum Vibe Coding

📋 8 Fasa Kurikulum

Perjalanan pembelajaran lengkap — dari asas hingga mahir dalam AI-assisted development

1

Pengenalan AI Coding

⏱ 2-3 jam 🔧 Claude AI

Apa itu AI-assisted development? Sejarah, keupayaan, had, dan etika penggunaan AI dalam pembangunan perisian. Fahami peranan manusia dan AI.

2

Seni Prompting

⏱ 3-4 jam 🔧 Claude Code

Teknik prompting untuk hasil kod berkualiti. Struktur prompt, few-shot, chain-of-thought, persona prompting, dan pola rekursif untuk tugasan kompleks.

3

Frontend Development

⏱ 4-6 jam 🔧 HTML, CSS, JS

Bina antara muka pengguna dengan bantuan AI. Dari HTML/CSS asas ke komponen interaktif — reka bentuk responsif dan pengalaman pengguna.

4

Backend & API

⏱ 4-6 jam 🔧 Node.js, API

Bina API dan backend menggunakan AI. Routing, middleware, pangkalan data, RESTful design, dan integrasi perkhidmatan pihak ketiga.

5

Version Control & Git

⏱ 2-3 jam 🔧 Git, GitHub

Kawalan versi dengan Git dan GitHub. Kolaborasi pasukan, pull request, code review, dan strategi branching untuk pembangunan profesional.

6

Database & Auth

⏱ 3-4 jam 🔧 Supabase

Integrasi pangkalan data dan autentikasi menggunakan Supabase. RLS, real-time subscriptions, dan pengurusan pengguna yang selamat.

7

Full Stack Dashboard

⏱ 4-6 jam 🔧 Full Stack

Projek hands-on menggabungkan frontend, backend, dan database. Bina dashboard interaktif dengan data masa nyata dan visualisasi.

8

Deployment & Production

⏱ 2-3 jam 🔧 Cloudflare

Dari development ke dunia nyata. CI/CD, hosting, domain, SSL, monitoring, dan amalan terbaik untuk aplikasi production-grade.

📄 Dokumentasi Projek

Rujukan teknikal dan dokumentasi lengkap untuk projek Vibe Coding

🔍