Vibe Coding Masterclass
Ada idea nak bina sistem untuk mudahkan kerja, tapi tak tahu coding?
Belajar tukar idea anda menjadi aplikasi yang berfungsi dengan bantuan AI — daripada prompt, design, database hingga working prototype.
Contoh projek kelas, dihasilkan dengan data contoh.
Apa yang anda bawa pulang
Anda akan bina sendiri sebuah business web app yang berfungsi — dengan borang, data yang disimpan dan operasi CRUD — dan faham apa yang berlaku di sebaliknya.
Sebelum → Selepas
⚠ Tempahan bertindih
Tempahan bilik mesyuarat diurus melalui WhatsApp dan spreadsheet — selalu bertindih.
User story
Sebagai staf, saya mahu tempah bilik supaya tiada pertindihan.
Skop MVP
Masalah ditukar kepada user story dan skop ringkas yang AI boleh faham.
App tempahan dengan borang, senarai, status dan data yang disimpan.
Contoh demonstrasi projek kelas — bukan hasil kerja peserta.
Aliran kerja
Terangkan masalah kerja anda, bina dengan bantuan AI, simpan di GitHub — dan dapatkan prototaip yang boleh digunakan.
Yang tak pernah menulis kod tapi ada idea yang nak dibina.
Yang nak bina tool dalaman sendiri atau prototaip untuk diuji.
Yang nak buat automation kerja dengan app ringkas tanpa tunggu IT.
Yang nak portfolio projek sebenar untuk ditunjukkan.
Ada idea app sejak lama, tapi tak tahu bermula dari mana.
Cuba AI coding tool — app jadi, tapi bila rosak, tak tahu nak betulkan.
Tutorial coding terlalu teknikal dan mengambil masa berbulan-bulan.
Tak pasti beza frontend, backend, database dan API.
Takut app yang dibina tak selamat atau hilang data.
Learning Outcomes
Tukar idea kepada requirement yang jelas sebelum mula membina
Gunakan AI coding assistant untuk menjana UI dan logik aplikasi
Faham asas frontend, database dan konsep API
Bina operasi CRUD dengan borang dan validasi asas
Debug masalah dengan AI secara sistematik, bukan cuba-cuba
Faham asas keselamatan, testing dan konsep deployment
Gambaran Kelas
Vibe coding ialah cara membina perisian dengan menerangkan apa yang anda mahu kepada AI, kemudian menyemak, menguji dan memperbaikinya bersama. Ia membuka pintu kepada ramai orang — tetapi tanpa asas, mudah tersesat.
Kelas ini menggunakan satu toolchain yang konsisten — AI coding assistant seperti Claude Code bersama GitHub — supaya anda fokus membina, bukan bertukar-tukar tool.
Projek Hands-on
Sebuah web app ringkas seperti sistem tempahan bilik, rekod perbelanjaan atau pengurusan tugasan.
Sebelum: Idea yang tersimpan dalam kepala
Selepas: Prototaip yang boleh diklik dan diuji
Sebelum: Copy-paste kod AI tanpa faham
Selepas: Faham struktur app dan boleh membuat perubahan
Sebelum: Panik bila keluar error
Selepas: Proses debugging yang sistematik
Sebelum: Bergantung sepenuhnya pada developer
Selepas: Boleh berbincang tentang app dengan yakin
Kenali Instruktor
Hariz Sharif
“Saya percaya teknologi tak patut jadi sesuatu yang susah untuk dipelajari. Dengan pendekatan yang praktikal, kita boleh belajar skill yang sebelum ini nampak complicated — dan mula gunakannya untuk menyelesaikan masalah sebenar.”
Yuran & Pendaftaran
Kami hanya memaparkan yuran, jadual dan format kelas selepas ia disahkan — supaya anda mendapat maklumat yang tepat.
Status Pendaftaran
Sementara itu, anda boleh hubungi kami di WhatsApp untuk mendapatkan maklumat lanjut tentang kelas ini.
FAQ
Ada soalan lain? Team kami sedia membantu.
Tanya di WhatsApp (dibuka dalam tab baharu)— / Langkah seterusnya
Bina web app pertama anda dengan AI — dan faham setiap langkah yang anda ambil.
Artificial Intelligence
Gunakan AI untuk research, menulis dan menganalisis dokumen — supaya kerja yang biasa ambil berjam-jam boleh disiapkan dengan lebih pantas.
Excel & Dashboard
Kurangkan kerja report berulang. Bina dashboard yang kemas dan interaktif — dan siapkan report bulanan dalam masa yang jauh lebih singkat.
