Vibe Coding 101 with Replit
Instructors: Michele Catasta, Matt Palmer

- Beginner
- 1 Hour 34 Minutes
- 7 Video Lessons
- Instructors: Michele Catasta, Matt Palmer
What you'll learn
Build and share two applications—a website performance analyzer and a voting app—while using an AI coding agent to debug, customize, and strengthen your coding skills.
Learn the principles of agentic code development and skills to effectively build, host, and share your apps with Replit coding agents and assistants.
Use product requirement documents, wireframes, and good prompting practices to prototype, debug, and iterate your applications.
About this course
Learn to build and host applications with an AI agent in Vibe Coding 101 with Replit, built in partnership with Replit and taught by Michele Catasta, President, and Matt Palmer, Head of Developer Relations.
Coding agents are changing how we write code. “Vibe coding” is a growing practice where you lean into letting a coding agent do most of the heavy lifting while you focus on the architecture and features of your application. But effective vibe coding isn’t just about one-shot prompting, accepting all recommendations, and hoping for the best. It involves structuring your work, refining your prompts, and using frameworks that lead to cleaner, more efficient code.
In this course, you’ll use Replit’s cloud environment— with an integrated code editor, package manager, and deployment tools—to build and deploy two web applications with the help of an AI coding agent. Along the way, you’ll learn strategies for working effectively with agents and improve your development skills in the process.
In detail, you’ll:
- Understand principles of agentic code development such as being precise, giving agents one task at a time, making prompts specific, keeping projects tidy, starting with fresh sessions for each new feature, and adopting patience while debugging.
- Learn how to get started with Replit, and understand fundamental concepts behind effective AI collaboration including a “five-skill framework” in vibe coding of thinking, using frameworks, checkpoints, debugging, and providing context.
- Create a product requirement document (PRD) and wireframe for your agent to build a prototype of a website performance analyzer.
- Use the agent to make your prototype more visually appealing, switch to assistant mode to customize your applications with screenshots and prompts, and deploy your application so others can access it online.
- Build a head-to-head national park ranking app, from a sample dataset, with voting capabilities and persistent data storage.
- Refine your app by integrating a complete dataset, and ask the assistant to recap and explain what it built to find room for improvement and reinforce your learning.
By the end of this course, you’ll have a solid foundation in building with coding agents—and a process you can use to keep vibe coding effectively.
Who should join?
Anyone can join! It’s helpful to have some coding experience and some background in prompting LLMs.
To complete the course you will need to signup for a free Replit account here.
Course Outline
7 Lessons・0 Code ExamplesIntroduction
Video・3 mins
Principles of Agentic Code Development
Video・18 mins
Planning and Building an SEO Analyzer
Video・23 mins
Implementing SEO Analysis Features
Video・12 mins
Planning and Building a Voting App
Video・26 mins
Enhancing the National Parks Voting App
Video・7 mins
Next steps and Best Practices
Video・4 mins
Instructors
Vibe Coding 101 with Replit
- Beginner
- 1 Hour 34 Minutes
- 7 Video Lessons
- Instructors: Michele Catasta, Matt Palmer
Course access is free for a limited time during the DeepLearning.AI learning platform beta!
Want to learn more about Generative AI?
Keep learning with updates on curated AI news, courses, and events, as well as Andrew’s thoughts from DeepLearning.AI!