Git dan Github untuk Vibe Coder

Jangan Biarkan Projek Yang Anda Bina Dengan AI Hilang Dalam Sekelip Mata

Anda dah guna ChatGPT, Claude Code, Cursor atau AI coding tools lain untuk bina website dan aplikasi dengan lebih pantas.

Tapi ada satu masalah besar.

Bila kod mula banyak, perubahan mula bertindih dan projek mula berkembang, anda mungkin mula tertanya-tanya:

“Kalau aku rosakkan kod ni, macam mana nak patah balik?”

“Versi mana yang sebenarnya masih berfungsi?”

“Kalau laptop rosak, semua code aku hilang ke?”

“Macam mana nak sambung kerja dekat komputer lain?”

“Macam mana nak share projek dengan programmer lain?”

Di sinilah Git dan GitHub menjadi skill yang sangat penting untuk seorang Vibe Coder.

Live Class: Git & GitHub Untuk Vibe Coder

2 Sept 2026 (Rabu)
8:30 Malam
Live melalui Zoom

Vibe Coding Memang Pantas. Tetapi Tanpa Version Control, Ia Boleh Jadi Berisiko.

AI boleh menghasilkan ratusan baris kod dalam beberapa minit.

Masalahnya, semakin laju anda membuat perubahan, semakin mudah projek menjadi bercelaru.

Hari ini aplikasi anda berfungsi.

Kemudian anda minta AI:

“Tambah login.”

Selepas itu:

“Tukar database.”

Kemudian:

“Refactor code ni.”

Tiba-tiba sesuatu rosak.

Anda tak ingat perubahan mana yang menyebabkan masalah.

Akhirnya anda terpaksa:

• copy folder sebagai project-final
• kemudian project-final-v2
• kemudian project-final-v2-betul
• kemudian project-final-v2-betul-final

Ini bukan sistem version control.

Ini survival mode.

Git memberi anda cara yang lebih tersusun untuk mengawal setiap perubahan dalam projek.

Apa Yang Git Boleh Buat Untuk Seorang Vibe Coder?

1. Kembali Kepada Versi Yang Masih Berfungsi

AI menghasilkan perubahan yang merosakkan aplikasi?

Tak perlu panik.

Dengan Git, anda boleh melihat sejarah perubahan dan kembali kepada versi sebelumnya.

Daripada takut hendak eksperimen, anda boleh mencuba dengan lebih yakin.

2. Simpan Backup Projek Di GitHub

Laptop rosak.

Hard disk corrupt.

Folder projek terdelete.

Semua ini boleh berlaku.

Dengan GitHub, projek anda boleh disimpan secara online sebagai repository.

Anda boleh clone semula projek tersebut ke komputer lain dan sambung kerja.

3. Eksperimen Tanpa Merosakkan Projek Utama

Nak cuba feature baru?

Nak suruh AI refactor seluruh authentication system?

Nak tukar design?

Gunakan branch.

Anda boleh eksperimen tanpa terus menyentuh versi utama aplikasi.

Jika eksperimen berjaya, merge.

Jika gagal, buang sahaja branch tersebut.

4. Faham Apa Yang AI Sebenarnya Ubah

AI coding tools boleh mengubah banyak fail serentak.

Git membantu anda melihat:

• fail apa yang berubah
• baris apa yang ditambah
• baris apa yang dibuang
• perubahan dibuat bila
• kenapa perubahan itu dibuat

Anda tidak lagi bergantung sepenuhnya kepada memori atau chat history AI.

5. Mudah Bekerjasama Dengan Programmer Lain

Mungkin hari ini anda bina projek seorang diri.

Esok anda mungkin mahu programmer membantu.

Tanpa GitHub, prosesnya mungkin:

“Saya zip project dulu.”

Dengan GitHub, programmer boleh terus clone repository, buat perubahan dan hantar Pull Request.

Ini adalah workflow sebenar yang digunakan oleh software team di seluruh dunia.

Dalam kelas ini kita akan belajar secara hands-on:

1. Asas Git Tanpa Pening Kepala

Fahami konsep utama seperti:

• repository
• commit
• branch
• merge
• remote
• clone
• push
• pull

Bukan sekadar hafal command.

Anda akan faham kenapa dan bila setiap command digunakan.

2. Simpan Projek Ke GitHub

Belajar bagaimana:

• create repository
• connect projek local dengan GitHub
• push code ke GitHub
• clone projek ke komputer lain

3. Gunakan Commit Dengan Betul

Belajar bagaimana membuat checkpoint setiap kali projek berada dalam keadaan stabil.

Supaya apabila eksperimen AI gagal, anda mempunyai tempat untuk kembali.

4. Gunakan Branch Untuk Eksperimen

Belajar workflow seperti:

main -> feature-login -> buat perubahan dengan AI -> test -> merge ke main

5. Faham Git Diff

Lihat dengan jelas apa sebenarnya yang berubah selepas AI mengedit projek anda.

6. Undo Kesilapan

Belajar beberapa teknik untuk membatalkan perubahan apabila sesuatu berlaku.

7. Workflow Git Untuk Vibe Coding

Kita akan bina workflow mudah seperti:

Prompt AI → Semak perubahan → Test → Commit → Push

Supaya projek anda sentiasa mempunyai checkpoint yang selamat.

Siapa Yang Sesuai Sertai?

Kelas ini sesuai jika anda:

• menggunakan Claude Code
• menggunakan ChatGPT untuk coding
• menggunakan Cursor
• menggunakan GitHub Copilot
• menggunakan AI coding agent
• belajar vibe coding
• membina website atau aplikasi sendiri
• selalu takut hendak ubah code kerana risau rosak
• masih backup projek menggunakan ZIP atau duplicate folder
• mahu belajar workflow coding yang lebih profesional

Anda tidak perlu menjadi programmer berpengalaman.

Kelas Ini Direka Untuk Vibe Coder

Anda tidak perlu menjadi Git expert.

Anda juga tidak perlu hafal puluhan command.

Kelas ini fokus kepada workflow praktikal yang anda benar-benar perlukan apabila membina aplikasi menggunakan AI.

Anda akan faham bagaimana menggunakan Git dan GitHub sebagai safety net untuk coding anda.

Live

Semua ni kita buat live. Kita try and error sama-sama. Semua soalan saya akan cuba jawab nak bagi korang semua faham.

Recording

Recording ada di sediakan jika terlepas kelas live ni.

Group support

Group support via Whatsapp untuk diskusi lanjut.

Sebarang pertanyaan atau masalah boleh terus wasap disini

Wasap Integra Solid