Vibe Coding Essentials - Build Apps with AI

Imagine waking up tomorrow as a web developer. What would you want to build? With AI tools like ChatGPT, you're already a developer, regardless of your experience, if you know how to work with them. So in this course, you'll build functional, interactive front-end projects while learning how to write effective prompts and debug and refine your code with the help of AI. No coding experience needed! We'll focus on helping you prototype and build projects with AI's assistance, turning you from a non-coder into a capable problem solver. By the end of this course, you'll have a collection of mini-projects, newly acquired skills, and a solid foundation to keep building with AI. You'll work on various projects using HTML, CSS, and JavaScript. Let's do this!

Get up and running with Cursor AI, the next-gen developer tool designed to boost productivity with powerful AI-assisted workflows. In this hands-on course, you’ll start by installing Cursor AI and exploring its sleek, developer-friendly interface. Then, you’ll unlock how to code smarter and faster with its AI chat panel, agent mode, and context-aware tools. Whether you're debugging tricky issues, building projects from scratch, or iterating on features, Cursor AI makes it all smoother—and a lot more efficient. You’ll learn how to collaborate with Cursor’s AI to generate, refactor, and review code, and you'll build real apps like a quote generator using these tools. By the end, you’ll not only be confident navigating Cursor, but you’ll also have a clearer understanding of how to integrate AI into your dev workflow for real-world projects. Perfect for devs curious about AI tooling—or anyone ready to code with a little extra help from a very smart assistant.

By the end of this course, you’ll be able to confidently use GitHub Copilot to write, refactor, and review code more efficiently. You’ll learn how to interact with Copilot across multiple modes, including edit, chat, inline completion, and agent mode, while customizing its behavior to suit your development needs. You’ll also explore how to use context tools and slash commands to guide Copilot’s responses, and apply your skills to a complete coding project with real-world workflows. This course is ideal for early-stage developers, students in STEM fields, and professionals curious about AI-powered coding assistants. What sets this course apart is its hands-on approach: each lesson is short, practical, and focused on building real coding intuition, not just theory. You’ll see Copilot in action and learn how to make it a powerful extension of your IDE and development process.

MCP (Model Context Protocol) lets developers securely connect tools, APIs, and data sources to AI models like Claude, GPT, or Gemini. With MCP, your AI isn’t just a chatbot—it becomes a powerful, action-taking agent that can interact with the outside world. MCP is an open protocol by Anthropic that bridges the gap between language models and real-world context. It standardizes how models access resources, tools, and prompts. Whether you’re building local dev tools or production AI apps, MCP ensures your model always has the right context at the right time. MCP is perfect for developers who want to build AI agents that take meaningful actions, fetch live data from APIs, files, or databases, connect LLM models to IDE plugins or command-line tools, develop composable, multi-server AI workflows, and debug and inspect AI integrations with ease. What you'll build: In this hands-on course, you’ll build your own Weather MCP Server in Node.js/TypeScript and add Tools, Resources, and Prompts. You'll also connect your server to MCP Client (Claude Desktop and MCP Inspector) and see your AI agent fetch live responses in real time!