1 of 9

Welcome to Vibe Coding! πŸš€

Turning your big ideas into real apps with the power of AI.

2 of 9

What is Coding?

  • Coding is just a recipe for a computer.
    • Computers are smart, but they need instructions.
    • A 'Code' is a list of steps (like 'Put peanut butter on bread').
    • If the recipe is wrong, the 'sandwich' tastes funny!

3 of 9

What is an App?

  • Apps are tools that live on your screen.
    • YouTube: Watching videos.
    • Roblox: Playing games.
    • Calculator: Doing math.
  • Question: What is your favorite app?

4 of 9

The 'Old Way' of Coding ⌨️

  • Traditional Coding
    • Learning a secret language (like Python).
    • Typing every single letter perfectly.
    • One tiny typo can break the whole thing!

5 of 9

The 'New Way' – Vibe Coding! ✨

  • Talking to the computer like a friend.
    • Describe the 'Vibe' (the feel and the goal).
    • The AI handles the 'Secret Language'.
    • You are the Architect; the AI is the Builder.

6 of 9

The 'Prompt' πŸ—£οΈ

  • How to Talk to AI
    • Be Clear: 'A game about a jumping frog.'
    • Be Specific: 'Frog jumps when I click spacebar.'
    • Check the Vibe: 'Make it look like it's in outer space!'

7 of 9

Let’s Try It! 🌈

  • Project: The 'Mood Background' App
    • Prompt: 'Make an app with buttons for Happy, Cool, and Sleepy.'
    • Happy = Yellow | Cool = Blue | Sleepy = Purple with Stars.

8 of 9

Mistakes are Awesome πŸ› οΈ

  • Debugging the Vibe
    • If the AI doesn't get it right, just tell it!
    • 'No, make the buttons bigger!'
    • Coding is just one big experiment.

9 of 9

Our Coding Journey πŸ—“οΈ

  • Every other Saturday, we meet here!
    • Show & Tell: Rotate presenting the app you built at home.
    • The Big 3: Why did you build it? What Features? How?
    • Play Time: Share your app and let your friends play!
    • Feedback: Each friend shares one thing they like and one idea.
    • Level Up: Use Vibe Coding to improve your app right then!