Apa yang Dapat Anda Bangun
Aplikasi, situs, gim, dan alat—dengan prompt.
Apa yang Dapat Anda Bangun adalah pelajaran Vibe Coding gratis di CoddyKit. Ini adalah pelajaran 3 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar Vibe Coding, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus Vibe Coding mencakup 4 pelajaran total.
Bagian dari pelajaran ini belum diterjemahkan dan ditampilkan dalam bahasa Inggris.
So... What Can You Build?
So what can you build? Short answer: a lot. The same skill — describing what you want — makes websites, apps, games, and tools. Let's tour what's possible.
Websites and Landing Pages
The easiest start: web pages — a portfolio, a landing page, a simple blog. Tools like v0 and Lovable turn one line into a polished page in seconds.
Build a landing page for a coffee shop called "Bean There" with a hero image, a menu section, and an opening-hours block.Interactive Web Apps
Beyond static pages, you can build apps that do things: a to-do list, a budget tracker, a quiz. They react to clicks and typing, and AI wires up the logic.
Make a tip calculator: I enter the bill amount and tip percent, and it shows the tip and total.A Tiny App in Action
Here's the kind of logic behind a tip calculator — the part the AI writes for you. Run it to see it work.
const bill = 60;
const tipPercent = 18;
const tip = bill * (tipPercent / 100);
const total = bill + tip;
console.log("Tip: $" + tip.toFixed(2) + ", Total: $" + total.toFixed(2));Games and Fun Stuff
Yes, games too — a guessing game, memory match, a clicker. They're visual and instantly fun to test. Describe the rules, and let AI build the playground. 🎮
Build a number guessing game: the computer picks a number 1-100, I guess, and it tells me higher or lower until I win.Tools and Automations
You can build small tools that save time: a unit converter, a password maker, a CSV cleaner. Later, even automations that run multi-step tasks for you.
Make a tool that converts a list of temperatures from Celsius to Fahrenheit and shows them in a table.Apps with Real Data
Real apps store and fetch data — saving notes, loading weather, pulling headlines. You don't need to master databases; describe the data and AI handles the plumbing.
Show today's weather for a city I type in, using a free weather API, with the temperature and a simple icon.Beautiful Interfaces
It doesn't have to look plain. Describe a look and feel — colors, layout, dark mode — and AI styles it. Tools like v0 shine at clean, modern components.
Give it a modern look: soft purple gradient background, white rounded cards, and large friendly buttons.Full Products and Startups
This scales up. Founders use vibe coding to build MVPs and even launch real businesses, going from idea to a live product with tools like Bolt, Replit, and Vercel.
Start Small, Dream Big
Here's the secret: start tiny. Your first build should be small enough to finish — one page, one tool. Finishing builds momentum, then the big stuff comes.
A simple page that shows a random motivational quote each time I click a button.Picture Your First Project
Take a moment. What's one small thing you'd love to exist — a page about your hobby, a tool for a boring task? Hold that idea; by track's end, you'll have built it.
Quick Check
Which is the best first project for a new vibe coder?
Recap: The Possibilities
You saw the range: websites, apps, games, tools, data, and even full products. Best advice: start small, dream big. Next, let's see how this track works!
Belajar JavaScript dengan tutor AI — gratis
Tulis dan jalankan kode asli di browser kamu, dapatkan bantuan instan dari tutor AI 24/7, dan lanjutkan di mana kamu tinggalkan di web atau aplikasi.
- Kursus
- 25
- Pelajaran
- 100
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Apa yang Dapat Anda Bangun” gratis?
Ya — teks lengkap “Apa yang Dapat Anda Bangun” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus Vibe Coding, upgrade ke CoddyKit PRO. Kursus Vibe Coding mencakup 4 pelajaran total.
Apa yang akan aku pelajari di “Apa yang Dapat Anda Bangun”?
Aplikasi, situs, gim, dan alat—dengan prompt. Kamu berlatih Vibe Coding dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.
Apakah aku perlu pengalaman untuk memulai Vibe Coding?
Tidak diperlukan pengalaman sebelumnya. Vibe Coding di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 3 dari 4.
Berapa lama pelajaran “Apa yang Dapat Anda Bangun” memakan waktu?
Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.
Bisakah aku menulis dan menjalankan kode dalam pelajaran Vibe Coding ini?
Ya. Setiap pelajaran Vibe Coding menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.
Semua pelajaran dalam kursus ini
- Pola Pikir Vibe Coding
- Dari Mengetik Kode hingga Berbicara dengan Kecerdasan Buatan
- Apa yang Dapat Anda Bangun
- Cara Kerja Jalur Ini