Tajuk Utama

Kita Explore
AI Power vs AI Biasa

Daripada sekadar guna AI dalam browser kepada workflow sebenar: IDE, CLI, terminal, GitHub dan Cloudflare.

“Kelas premium ini bukan tentang tool paling mahal. Ini tentang workflow paling jelas.”

Perbezaan Asas

AI biasa jawab soalan. AI power bantu siapkan kerja.

Bezanya bukan pada nama tool sahaja. Bezanya pada cara kita susun kerja dengan AI.

AI Biasa

×Guna dalam browser sahaja
×Copy-paste manual
×Banyak idea, susah siap
×AI sebagai chatbot

AI Power

✓Guna dalam IDE, CLI, terminal
✓AI bantu debug dan edit code
✓Fokus hasil projek
✓AI sebagai CTO dan Builder

Benar / Racun / Jiwa Kacau

FOMO AI buat kita nampak sibuk, tapi projek tak siap.

Tool baru muncul setiap minggu. Kalau semua mahu kejar, fokus akan pecah.

“Jangan kejar tool. Kejar workflow.”

Tanda FOMO AI

×Banyak tengok video, kurang bina projek
×Install banyak tool tapi jarang guna
×Banding diri dengan orang advanced
×Takut mula sebab rasa setup belum cukup canggih

03

Belajar Ikut Rentak Sendiri

Slow tak apa. Yang bahaya ialah lompat-lompat tanpa hasil.

Ada pelajar terus faham terminal. Ada yang perlu mula dengan browser dulu. Dua-dua normal.

Beginner

Browser AI + VSCode + SFA asas.

Intermediate

VSCode terminal + GitHub + deploy.

Advanced

AI IDE / CLI agent + workflow projek.

Privacy / Local

Explore local AI ikut kemampuan machine.

Bajet AI Tidak Sama

Subscription mahal bantu limit, tapi tidak ganti cara fikir.

Setup	Workflow Cadangan
Free plan	Browser AI + VSCode + GitHub + Cloudflare
Paid AI	AI CTO untuk plan, review, debugging lebih selesa
AI IDE / CLI	AI Builder bantu edit folder projek dan run workflow
Machine kuat	Eksperimen local AI, model lokal, kerja offline tertentu

Jangan Bebankan Laptop

Pilih workflow ikut machine, bukan ikut hype.

Laptop biasa pun boleh bina dan deploy projek. Tidak perlu tunggu setup sempurna.

“Jangan sampai tool yang kita install lebih berat daripada projek yang kita bina.”

Padanan Machine

1Laptop biasa: Browser AI + VSCode
2Laptop sederhana: VSCode + terminal + GitHub
3Laptop kuat: AI IDE + CLI + local AI
4Internet perlahan: fokus SFA ringan dulu

Projek Bermula Dari Masalah

Projek terbaik bukan paling kompleks. Projek terbaik menyelesaikan masalah sebenar.

Pelajar boleh bina projek berbeza, tetapi workflow kelas tetap sama.

Landing Page

Bisnes, kelas, produk, personal brand.

Calculator

Simpanan, quotation, harga, bajet.

Dashboard

Ringkasan data dan visual status.

WhatsApp Lead

Form ringkas terus hantar mesej.

Signature Workflow

Owner Projek → AI CTO → AI Builder

Kita tidak serah semua pada AI. Kita susun peranan supaya AI bekerja ikut arah yang betul.

Owner Projek

Manusia tentukan masalah, target user, hasil akhir, dan keputusan utama.

AI CTO

AI bantu susun strategi, MVP, struktur app, risiko, dan checklist.

AI Builder

AI bantu bina code, debug, refactor, polish UI, dan siapkan deploy.

Dari Idea Sampai Live

Satu workflow. Banyak jenis projek.

1IdeaMasalah sebenar

2Owner BriefScope jelas

3AI CTOPlan MVP

4AI BuilderBina SFA

5DeployGitHub + Cloudflare

“Kita tidak terus lompat ke coding. Kita mula dengan brief, plan, build, test, dan deploy.”

Setiap Tool Ada Peranan

Jangan guna semua tool untuk semua benda.

Browser AI

Idea, copywriting, plan, review code kecil.

IDE AI

Baca folder projek, edit file, refactor, debug.

CLI AI

Command, Git, setup, error terminal.

Desktop / Local AI

Eksperimen lokal, privacy workflow, offline support.

Simpan Code & Portfolio

Kalau projek hanya dalam laptop, ia belum selamat.

GitHub bantu simpan code, track perubahan, backup projek, dan connect ke Cloudflare.

GitHub Digunakan Untuk

✓Simpan code dan files projek
✓Track perubahan melalui commit
✓Backup projek online
✓Bina portfolio public
✓Sumber deploy untuk Cloudflare Pages

Publish Ke Internet

Matlamat kelas: projek boleh dibuka orang melalui live link.

Cloudflare Pages sesuai untuk publish SFA static dengan plan percuma.

1Connect GitHubPilih repository projek

2Set BuildStatic HTML / no framework

3DeployDapat URL pages.dev

Mulakan Dengan Versi Kecil

Jangan bina sistem besar dulu. Bina versi yang boleh siap.

Business Landing PageLink-in-BioGold CalculatorWhatsApp Lead FormDashboard RingkasQuotation GeneratorInvoice RingkasContent PlannerProduct CatalogEvent PagePersonal Portfolio

“Projek yang siap lebih bernilai daripada idea yang nampak hebat.”

Prompt Yang Lebih Selamat

Jangan terus suruh AI coding.

Mula dengan AI CTO. Biar AI semak idea dan scope dulu sebelum masuk code.

Act as my AI CTO. Review this project idea first. Simplify it into a realistic MVP. Remove unnecessary features. Create a step-by-step build plan.

“Kalau arahan kita kabur, code AI pun akan kabur.”

Kawal Scope

Minta MVP sahaja. AI suka tambah benda.

Untuk kelas pertama, fokus Version 1. Jangan campur database, auth, payment, admin panel kalau belum perlu.

Ayat Prompt Berguna

✓Build Version 1 only.
✓Avoid extra features.
✓Keep everything in one index.html.
✓Do not add backend.
✓Make the smallest useful version.

Debug Tanpa Rosakkan Projek

Debug perlu kecil, tepat, dan terkawal.

Jangan bagi AI rombak semua code hanya sebab satu button tidak berfungsi.

I have this bug: [explain bug] Expected behavior: [what should happen] Actual behavior: [what happens] Please identify the cause first. Then suggest the smallest safe fix. Do not rewrite the whole app.

Safety & Review

AI boleh bantu, tapi jangan percaya 100%.

Sebelum deploy, semak code, link, data private, console error, dan responsive design.

Jangan Buat

×Commit API key
×Run command pelik
×Upload data pelanggan
×Deploy tanpa test

Buat Ini

✓Commit sebelum ubah besar
✓Minta AI explain plan
✓Guna QA checklist
✓Test di phone

Beginner AI Workflow

Untuk beginner, guna AI 80–100% itu normal.

Dalam vibe coding pemula, matlamat pertama bukan hafal semua syntax. Matlamat pertama ialah faham cara beri arahan, baca hasil AI, test, dan baiki projek secara bertahap.

“Beginner tidak perlu malu bergantung pada AI. Yang penting, jangan serah keputusan kepada AI.”

Guna AI Untuk Bantu

✓Susun idea jadi projek kecil.
✓Tulis code versi pertama.
✓Baiki error dan layout.
✓Terangkan fungsi code dalam bahasa mudah.

Manusia Tetap Kawal

✓Pilih masalah sebenar.
✓Tentukan feature penting.
✓Test sebelum percaya.
✓Putuskan apa yang perlu dibuang.

Cara Belajar Yang Betul

Jangan cuba faham semua code sekali gus.

Untuk kelas premium, pelajar perlu belajar secara lapisan: faham fungsi besar dahulu, kemudian baru tengok bahagian kecil seperti button, form, layout, dan JavaScript.

Formula 4 Langkah

✓Run dulu: buka app dan tengok apa jadi.
✓Ubah kecil: tukar tajuk, warna, ayat, atau button.
✓Test semula: semak di browser dan phone.
✓Tanya AI: minta AI explain hanya bahagian yang tidak faham.

“Belajar coding dengan AI bukan baca code dari atas sampai bawah. Belajar melalui ubah, test, dan ulang.”

Skill Yang Pelajar Perlu Bina

Skill utama bukan prompt sahaja.
Skill utama ialah review.

AI boleh tulis banyak benda, tetapi pelajar premium perlu pandai semak: adakah fungsi berjalan, adakah UI jelas, adakah link betul, dan adakah projek sesuai untuk share.

Checklist Sebelum Share

✓Buka di laptop dan phone.
✓Klik semua button utama.
✓Semak semua link dan CTA.
✓Buka browser console, tengok error.
✓Minta AI jadi reviewer yang tegas.

Elak Perangkap Ini

×Tambah feature sebab nampak fancy.
×Deploy tanpa test.
×Copy command yang tidak faham.
×Biarkan AI ubah semua code tanpa backup.

Big Takeaway

Jangan kejar tool.
Kejar workflow yang boleh diulang.

Kelas premium ini bukan tentang siapa paling laju guna AI. Kelas ini tentang cara bina projek digital sebenar dengan langkah yang jelas: idea, brief, plan, build, test, GitHub, dan Cloudflare.

Yang Kita Mahu

✓Projek kecil tapi siap.
✓Pelajar faham workflow.
✓Pelajar berani ulang sendiri.

Yang Kita Elak

×Terlalu banyak tools.
×Projek besar tapi terbengkalai.
×Copy-paste tanpa test.

Closing Message

AI bukan boss.
Kita boss.

Manusia tentukan arah. AI CTO susun strategi. AI Builder bantu bina. GitHub simpan code. Cloudflare publish projek.

Ulang Dalam Kelas

✓Jangan kejar tool. Kejar workflow.
✓Jangan bina besar. Bina sampai siap.
✓Owner buat keputusan.

Matlamat Akhir

✓Projek siap
✓Repo GitHub ada
✓Website live di Cloudflare

Profile Ringkas

Zahidi Halim

Web Designer • Vibe Coder • Gold Educator

Trainer dalam Digital Marketing, Web Development, AI Vibe Coding dan Pendidikan Simpanan Emas. Fokus utama: bantu individu dan bisnes bina kehadiran digital, guna AI secara praktikal, dan faham strategi simpanan emas.

Aktiviti Utama

✓Web Design dan pembangunan sistem web.
✓AI Explorer untuk automasi dan inovasi kerja.
✓Gold Educator dalam ekosistem Public Gold.

Impact & Projek

✓17+ tahun pengalaman.
✓1.5K+ pelajar.
✓500+ projek.
✓Projek: AI4Innovator, Vibe Coding Class, SimpanEmas, IAZ Resources.

TQ Slide

Terima Kasih.

Sekarang jangan berhenti di slide. Pilih satu idea kecil, bina dengan AI, push ke GitHub, deploy ke Cloudflare, dan share link live.

Rujukan

✓zahidi.my
✓zahidihalim.com
✓ai4i.my

Final Reminder

“Projek yang siap dan live lebih bernilai daripada idea yang nampak hebat tapi tidak pernah dilancarkan.”

Kita ExploreAI Power vs AI Biasa