Short CourseBeginner1 Hour 34 Minutes

Vibe Coding 101 with Replit

Instructors: Michele Catasta, Matt Palmer

Replit
  • Beginner
  • 1 Hour 34 Minutes
  • 7 Video Lessons
  • Instructors: Michele Catasta, Matt Palmer
    • Replit
    Replit

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 Examples
  • Introduction

    Video3 mins

  • Principles of Agentic Code Development

    Video18 mins

  • Planning and Building an SEO Analyzer

    Video23 mins

  • Implementing SEO Analysis Features

    Video12 mins

  • Planning and Building a Voting App

    Video26 mins

  • Enhancing the National Parks Voting App

    Video7 mins

  • Next steps and Best Practices

    Video4 mins

Instructors

Michele Catasta

Michele Catasta

President of Replit

Matt Palmer

Matt Palmer

Head of Developer Relations at Replit

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!