Menerangkan Idea Anda
Tukarkan idea yang kabur kepada arahan yang boleh dibina.
Menerangkan Idea Anda ialah pelajaran Pengekodan Vibe percuma di CoddyKit. Ini ialah pelajaran 1 daripada 4. Sebanyak 3 pelajaran dalam laluan pembelajaran ini boleh dibaca sepenuhnya secara percuma — selepas itu, CoddyKit PRO membuka akses kepada semua pelajaran, serta latihan praktikal dengan penyunting kod terbina dalam dan tutor kecerdasan buatan yang tersedia 24/7. Pelajaran ini merupakan sebahagian daripada laluan pembelajaran Pengekodan Vibe, dan kemajuan anda disegerakkan merentas web serta aplikasi CoddyKit. Kursus Pengekodan Vibe merangkumi sejumlah 4 pelajaran.
Idea Anda ialah Titik Permulaan
Selamat datang ke binaan sebenar pertama anda! Dalam pengekodan berasaskan gaya, semuanya bermula dengan satu perkara: idea anda. Anda tidak perlu tahu cara menulis walau satu baris kod untuk bermula. Anda hanya perlu menerangkan perkara yang anda mahukan dengan cukup jelas supaya AI boleh membinanya untuk anda.
Dalam pelajaran ini, anda akan belajar mengubah fikiran yang kabur seperti "Saya mahu aplikasi kecil" menjadi arahan yang jelas dan boleh dibina, yang benar-benar boleh digunakan oleh alat seperti v0, Bolt, Lovable atau Cursor.
Kebanyakan Idea Bermula secara Kabur
Otak anda menyimpan idea sebagai perasaan, bukannya spesifikasi. Anda mungkin terfikir: "sesuatu untuk menjejaki pengambilan air saya" atau "halaman yang menyeronokkan untuk anjing saya." Itu perkara yang normal — begitulah setiap projek bermula.
Masalahnya? Jika anda memberikan idea yang kabur kepada AI, anda akan mendapat hasil yang kabur. Kemahiran yang sedang anda bina ialah mengubah kekaburan itu menjadi permintaan yang jelas. Berita baiknya: AI juga boleh membantu anda melakukan perubahan itu.
Ujian Satu Ayat
Langkah pertama yang baik ialah ujian satu ayat: bolehkah anda menerangkan aplikasi anda dalam satu ayat? Jika boleh, anda mempunyai idea yang boleh dibina.
Format: "Aplikasi [jenis] yang membolehkan [siapa] melakukan [apa]." Ini memaksa anda menamakan perkara, pengguna dan tindakan tersebut.
A web page that lets a visitor type their name and shows a personalized welcome message.
A simple app that lets me track how many glasses of water I drink today.
A fun landing page that shows photos of my dog and a button that plays a bark sound.Namakan Tiga Bahagian
Setiap idea yang boleh dibina mempunyai tiga bahagian yang tersembunyi di dalamnya. Keluarkan bahagian tersebut dan arahan anda hampir siap dengan sendirinya:
- Perkara itu — halaman web, aplikasi tugasan, kuiz atau kalkulator.
- Penggunanya — saya, pelawat, pelanggan atau pelajar.
- Perkara yang dilakukan — menaip sesuatu, mengklik butang, melihat hasil atau menyimpan data.
Jika mana-mana bahagian tiada, AI akan meneka — dan tekaanlah yang menyebabkan anda mendapat sesuatu yang tidak diingini.
Daripada Idea kepada Arahan
Mari kita ubah idea yang kabur menjadi arahan binaan sebenar. Perhatikan cara kita menambah tiga bahagian tersebut bersama sedikit rupa dan gaya.
Kabur: "kalkulator tip." Arahan yang boleh dibina di bawah. Perhatikan bahawa arahan itu menamakan skrin, masukan, hasil dan gayanya.
Build a single web page tip calculator.
The user can:
- Type the bill amount in a number field
- Pick a tip percentage (10%, 15%, 20%) with buttons
- See the tip amount and the total update instantly
Style: clean and modern, centered card, friendly colors. Keep it to one HTML file.Mulakan dengan Kecil secara Sengaja
Pemula sering menerangkan aplikasi yang terlalu besar: "rangkaian sosial dengan profil, sembang, pembayaran dan suapan." AI mungkin cuba membinanya, tetapi anda akan tenggelam dalam kerumitan pada binaan pertama anda.
Sebaliknya, kecilkan idea itu kepada versi paling kecil yang menyeronokkan. Anda sentiasa boleh meminta lebih banyak kemudian — pengekodan berasaskan gaya adalah tentang menambah bahagian demi bahagian. Matlamat anda sekarang ialah satu skrin yang berfungsi serta boleh dilihat dan diklik.
Too big (for now):
"Build a full recipe social network with login, comments, and search."
Right-sized first build:
"Build a single page that shows 3 recipe cards with a photo, title, and a Like button that increases a counter."Biarkan AI Membantu Memperkemas Idea
Tidak tahu cara mengubah idea anda menjadi arahan? Minta AI menemu bual anda terlebih dahulu. Ini ialah langkah hebat dalam pengekodan berasaskan gaya: gunakan AI sebagai rakan berfikir sebelum AI membina apa-apa.
Tampalkan arahan seperti contoh di bawah ke dalam Claude, ChatGPT atau sembang penyunting AI anda. AI akan bertanya soalan penjelasan, kemudian memberikan arahan binaan yang kemas.
I want to build a simple app but my idea is still fuzzy.
Idea: "something to help me remember to take breaks while working."
Before writing any code, ask me 3-5 short questions to clarify what I want.
Then write a clear, single-paragraph build prompt I can give to v0 or Bolt.Terangkan Gaya, Bukan Fungsi Sahaja
“Pengekodan berasaskan gaya” mendapat namanya sebahagiannya daripada perkara ini: anda dibenarkan menerangkan perasaan yang anda mahukan, bukan ciri-cirinya sahaja. AI amat baik dalam menterjemahkan gaya kepada pilihan reka bentuk.
Perkataan seperti ceria, minimalis, retro, profesional, selesa, neon membimbing warna, fon dan susun atur. Tambahkan satu atau dua perkataan gaya pada setiap idea supaya aplikasi anda tidak kelihatan hambar dan kelabu.
Build a countdown timer page.
Vibe: calm and minimal, soft pastel background, big rounded numbers, gentle.
(Compare to the same app with vibe: "retro arcade, neon green text on black, blocky pixel font." Same app, totally different feel.)Sedikit Gambaran Hasil
Anda tidak akan menulis ini dengan tangan — tetapi melihat perubahan kata-kata anda amat membantu. Daripada arahan seperti "butang yang menyapa pengguna dengan namanya," AI mungkin menghasilkan sedikit JavaScript seperti ini.
Anda menerangkan; AI menghasilkan ini. Jalankannya untuk melihat cara idea satu baris menjadi interaksi yang berfungsi.
function greet(name) {
const who = name && name.trim() ? name.trim() : "friend";
return "Welcome, " + who + "! Your app is alive.";
}
console.log(greet("Maya"));
console.log(greet(""));Catat Idea Anda Sekarang
Sebelum meneruskan, catat idea YOUR menggunakan templat ini. Jangan terlalu memikirkannya — versi pertama yang kasar sudah memadai. Anda akan memperkemaskannya sambil membinanya.
Isikan tempat kosong. Ini akan menjadi benih aplikasi yang akan anda cipta sepanjang tiga pelajaran seterusnya.
My app is a ______ (web page / to-do app / quiz / calculator)
that lets ______ (me / a visitor)
do ______ (type, click, see, save) ______.
Vibe: ______ (minimal / playful / retro / professional)
Smallest fun version: ______Perangkap Biasa untuk Pemula
Semasa menerangkan idea anda, elakkan perangkap klasik ini:
- Terlalu kabur: "cipta sesuatu yang menarik" — AI tidak mempunyai sasaran untuk dituju.
- Terlalu besar: keseluruhan syarikat pemula dalam satu gesaan — terlalu membebankan untuk binaan pertama.
- Tiada tindakan pengguna: menerangkan skrin tetapi tidak pernah menyatakan perkara yang dilakukan oleh seseorang padanya.
- Mengabaikan suasana: anda akan mendapat hasil yang kelabu dan generik.
Penerangan idea yang baik adalah jelas, kecil, berfokuskan tindakan dan mempunyai suasana.
Semakan Pantas
Antara yang berikut, yang manakah idea boleh dibina terbaik untuk aplikasi pertama anda yang dibina dengan AI?
Imbas Kembali: Anda Mempunyai Idea yang Boleh Dibina
Anda telah belajar menukar fikiran yang kabur menjadi gesaan yang jelas dan boleh dibina. Ingat perkara penting ini:
- Lulus ujian satu ayat: [jenis] yang membolehkan [siapa] melakukan [apa].
- Namakan tiga bahagian: apa bendanya, siapa yang menggunakannya dan perkara yang mereka lakukan.
- Mulakan secara kecil-kecilan — versi paling kecil yang menyeronokkan akan menang.
- Tambahkan suasana supaya hasilnya tidak generik.
- Biarkan AI menemu bual anda apabila idea itu masih kabur.
Seterusnya: serahkan idea ini kepada pembina AI dan jana versi pertama anda yang berfungsi!
Pelajari JavaScript dengan tutor kecerdasan buatan — percuma
Tulis dan jalankan kod sebenar dalam pelayar anda, dapatkan bantuan segera daripada tutor kecerdasan buatan yang tersedia 24/7, dan sambung semula dari tempat anda berhenti di web atau dalam aplikasi.
- Kursus
- 25
- Pelajaran
- 100
Soalan Lazim
Adakah pelajaran “Menerangkan Idea Anda” percuma?
Ya — sebanyak 3 pelajaran dalam laluan pembelajaran Pengekodan Vibe, termasuk “Menerangkan Idea Anda”, boleh dibaca sepenuhnya secara percuma di web ini. Selepas itu, CoddyKit PRO membuka akses kepada semua pelajaran, serta latihan interaktif dengan penyunting kod terbina dalam dan tutor kecerdasan buatan yang tersedia 24/7. Kursus Pengekodan Vibe merangkumi sejumlah 4 pelajaran.
Apakah yang akan saya pelajari dalam “Menerangkan Idea Anda”?
Tukarkan idea yang kabur kepada arahan yang boleh dibina. Anda berlatih Pengekodan Vibe menggunakan kod praktikal yang dijalankan terus dalam pelayar, manakala tutor kecerdasan buatan 24/7 menjawab soalan anda semasa anda mengikuti pelajaran.
Adakah saya memerlukan pengalaman untuk memulakan Pengekodan Vibe?
Tiada pengalaman terdahulu diperlukan. Pembelajaran Pengekodan Vibe di CoddyKit disusun untuk pelajar daripada peringkat pemula hingga lanjutan, jadi anda boleh bermula di sini atau dari awal dan belajar mengikut kadar anda sendiri. Ini ialah pelajaran 1 daripada 4.
Berapa lamakah pelajaran “Menerangkan Idea Anda” diambil?
Kebanyakan pelajaran CoddyKit mengambil masa kira-kira 5–10 minit. Setiap pelajaran ringkas dan interaktif, jadi anda boleh membuat kemajuan secara berterusan dan menyambung tepat dari tempat anda berhenti di web atau aplikasi.
Bolehkah saya menulis dan menjalankan kod dalam pelajaran Pengekodan Vibe ini?
Ya. Setiap pelajaran Pengekodan Vibe menyertakan penyunting kod terbina dalam, jadi anda boleh menulis dan menjalankan kod sebenar terus dalam pelayar serta menerima maklum balas kecerdasan buatan serta-merta — tanpa memerlukan persediaan setempat.
Semua pelajaran dalam kursus ini
- Menerangkan Idea Anda
- Menjana Versi Pertama
- Meminta Perubahan
- Mempratonton dan Menjalankannya