Vibe Coding for Beginners: Build with AI

In this lesson, you will learn about Cursor's Inline Edit feature, which lets you modify specific parts of your code with AI assistance without regenerating the entire file. We will cover how to use this tool to improve the CSS design of an HTML page, achieving a modern visual style and responsive layout.

In this lesson, you will learn how to use ChatGPT as a general AI assistant to add simple JavaScript logic to your HTML page. We will cover writing an effective prompt, integrating the code, checking and debugging it, so that a message appears when a button is clicked.

In this lesson, you will learn how to use GitHub Copilot as an AI Pair Programmer to write validation for web forms. You will get familiar with how Copilot works through in-code comments and learn how to review and test the generated code.

In this lesson, you will learn how to use Claude Code as an AI coding assistant to create Node.js-based Command Line Interface (CLI) scripts. You will get familiar with the concept of a CLI, the role of Node.js, and build and run your first CLI script through a practical example.

In this lesson, you will learn how to use ChatGPT to explain and fix bugs in your code. You will get familiar with the principles of building an effective bug-fix prompt and see, through a practical example, how to get precise and minimal fixes from AI.

This lesson teaches you how to use Cursor as a documentation assistant to automatically generate `README.md` files for your small projects. You will learn to write effective prompts, verify the accuracy of AI-generated content, and test the provided instructions so that your project is easy for others to understand and run.

In this lesson, you will learn how to use GitHub Copilot to create small, reusable utility functions. We will cover how to write effective prompts in the form of comments, how to account for edge cases, and how to refine your code through testing.

In this lesson, you will learn how to use Claude Code to create a Node.js script that reads a JSON file and processes the data it contains. We will cover the structure of JSON, the components of the script, and the importance of error handling.

In this lesson, we will bring together all the skills acquired throughout the course and use them to build a small, functional mini project. You will go through the full Prompt → Code → Review → Run workflow using Cursor, learning to quickly implement an idea and iteratively improve the project.