Please enable JavaScript to use CodeHS

Introduction to Vibe Coding

Ideation, Prompting, and Debugging

In this module, students practice putting ideas into words and adding relevant details to write better AI prompts. Students employ the process of iteration and debugging with AI to improve their outputs. Students learn how to manually edit the text content of HTML to further customize their generated websites.

Lessons

2.1 Creativity and Communication

  • Creativity and Communication
  • Draw
  • Describe Your Drawing
  • Prompt AI To Recreate Your Drawing
  • Drawing Reflection
  • +2 more

2.2 What Makes a Good Prompt

  • Writing Better Prompts
  • Details in Prompts
  • Details in Prompts Discussion
  • No Details in Your Prompt
  • Some Details in Your Prompt
  • +2 more

2.3 Iteration

  • Iterating with AI
  • Go Fish!
  • When to Start Over
  • Iteration Reflection

2.4 Diagnosing and Fixing Errors

  • Common AI Code Errors
  • Logic Error
  • Missing Case
  • Visual Bugs
  • Find the Errors in Tic-Tac-Toe
  • +4 more

2.5 Manually Editing Text

  • Editing HTML
  • Add Your Name
  • HTML Tags
  • Editing Large Files
  • History Project
  • +3 more

2.6 Recreate a Website

  • Find a Website to Recreate
  • A Note on Recreating Websites
  • Recreate a Website
  • Recreate a Website Reflection
  • Protecting Yourself Online
  • +2 more

Courses that include this module