
Discover vibe coding with the cursor AI-first editor, learn to install and use it to write better code with AI, and build something real.
Vibe coding redefines how we write code, using AI assistants and smarter editors to stay in the flow and get help inside Cursor, a VS Code–based IDE.
Install and set up the cursor IDE on macOS with the M3 chip support, including download, sign up, and login, plus exploring pricing plans and a basic VS Code workflow.
Explore the cursor interface and compare it to vscode, then learn to create a folder, open a project, and use explorer, terminal, live server, and ai suggestions for productive coding.
Review cursor-specific settings beyond VS Code, including privacy, data sharing, and API keys. Configure models, background engines, and Slack or GitHub integrations for tailored coding context.
Explore inline suggestions with cursor, delivering AI completions and context aware code suggestions as you type, using JavaScript examples and mock data to stay in the flow.
Build a browser rock, paper, scissors game using the AI agent in cursor, then refactor by moving CSS and JavaScript to separate files and run with a live server.
Build a to-do list app using React and Material UI, initialize a Node.js project with npm, and implement add, complete, delete features while centering the UI and iterating on UX.
Navigate git initialization and commits to track changes and manage a todo app, including placeholder fixes and AI-assisted edits, while exploring React state updates with useState for seamless UI.
Learn how cursor rules provide persistent context for prompts and guide the AI to scaffold a Next.js TypeScript page from a snapshot.
Discover how MCP, a protocol for connecting cursor to external tools and data sources, lets you install and configure custom MCP servers and tools like GitHub and mail trap.
Learn to work with docs and manual context in Cursor, including adding and indexing external resources. Build a Gsap animation in HTML/CSS and test with a live server.
Recap the hands-on introduction to Cursor, highlighting AI-powered coding with inline suggestions and agent-driven app building, and outline next steps to explore the web UI and MCP.
Welcome to Hands-On Introduction to Vibe Coding with Cursor!
If you're curious about AI-assisted development or looking to speed up your workflow, this course will show you how to use Cursor — the AI-first IDE built on top of VS Code.
I’m Lucas, a tech lead working in an international team, and I’ve designed this course to help you get hands-on with modern dev tools, especially if you're just starting out or want a fresh look at how AI can boost your productivity.
In this short and practical course, you’ll:
Understand what vibe coding really means
Install and configure Cursor on your system
Explore the interface (even if you’ve never used VS Code before)
Learn how to use inline AI suggestions and completions
Build your first app with Cursor’s built-in agent
Refactor, iterate, and even manage Git — all within the IDE
Use rules, chat, and docs to steer Cursor’s AI more precisely
Learn briefly about MCP (Model Context Protocol)
So if you want to code faster, smarter, or just have more fun — this course will get you started in under two hours.
Let’s go build something, as the future of coding feels pretty good and is just getting more and more interesting with the use of AI.