
Introduction to vibe coding - learn what AI-powered development is and preview all the projects we'll build: MySQL database, ExpressJS API with Gemini, React price comparison tool, Angular news service, and Vue.js budget app.
Learn how to use ChatGPT to design and generate a complete MySQL database structure for a blog - tables, relationships, and queries created through simple AI prompts.
Build a complete REST API from scratch using Express.js and MySQL2, with Google Gemini AI guiding you through routes, controllers, and database integration.
GitHub Copilot is an AI-powered coding assistant created by GitHub and OpenAI. It helps you write code faster by providing smart suggestions, auto-completing functions, and even generating full blocks of code directly in your code editor.
We’ll show how Copilot works in Visual Studio Code, and how it can be used with popular languages like JavaScript, Python, PHP, and more.
You’ll also see real examples of how Copilot can:
speed up development,
write boilerplate code,
generate test cases,
assist in refactoring and debugging.
By the end of this lesson, you’ll understand how to use GitHub Copilot to make your workflow faster and more efficient — whether you're building web apps, automating scripts, or experimenting with new technologies.
Perfect for beginners who want to get started with AI in programming!
In this lesson, you’ll learn step by step how to install and configure GitHub Copilot in Visual Studio Code.
We’ll go through:
Installing the GitHub Copilot extension
Signing in with your GitHub account
Enabling Copilot in your workspace
Testing your first AI code suggestions
By the end of this video, GitHub Copilot will be fully set up and ready to assist you directly in VS Code.
You’ll be able to generate code with just a few keystrokes!
Perfect for developers of all levels who want to start working with AI-powered coding today.
In this lesson, you’ll learn how to use GitHub Copilot Chat to understand, review, and improve your code directly inside Visual Studio Code.
We’ll cover:
How to open and interact with Copilot Chat
Asking Copilot to explain code line by line
Getting suggestions for optimization and refactoring
Using it to find bugs or improve logic
GitHub Copilot Chat acts like an AI pair programmer — helping you analyze existing code, learn faster, and write cleaner functions.
By the end of this lesson, you’ll be able to use Copilot Chat to boost your productivity and confidence while coding.
Great for beginners and experienced developers alike!
In this lesson, you’ll learn how to create a custom 404 error page with the help of GitHub Copilot.
We’ll go step by step through:
Designing a user-friendly 404 page
Adding HTML, CSS, and optional animations
Making it match the style of your website or app
Using GitHub Copilot to speed up layout, styling, and error handling
You’ll see how Copilot can suggest useful code snippets and help you customize the page quickly.
By the end of this lesson, you’ll have a working, styled 404 page that improves user experience and adds a professional touch to your project.
Perfect for anyone building websites or apps who wants to handle errors the smart way!
In this lesson, you'll discover how to use GitHub Copilot’s “Edits” feature to clean up and improve your existing code.
We’ll explore:
How to select code and ask Copilot to improve it
Using natural language prompts like “optimize,” “clean up,” or “make more efficient”
Refactoring long functions into smaller ones
Improving code readability and performance
Copilot Edits helps you write cleaner, faster, and more professional code — without doing it all manually.
By the end of this lesson, you'll know how to quickly refactor and enhance your code using simple, conversational prompts.
Ideal for developers who want to save time and level up their coding style with the help of AI!
In this lesson, you’ll learn how to create a Dark/Light mode toggle for your website or app — using help from GitHub Copilot.
We’ll cover:
Creating a toggle button for switching themes
Writing the CSS for both dark and light modes
Using JavaScript to switch styles dynamically
Asking Copilot to generate and improve code suggestions
You’ll see how Copilot Editor helps speed up the process by generating functional code for the theme switch and refining your existing layout.
By the end of this lesson, you’ll have a fully working light/dark mode feature that improves user experience and adds a modern touch to your project.
Perfect for beginners and anyone looking to use AI in frontend development.
In this lesson, you’ll learn how to use the Quick Chat feature (such as in Cursor or GitHub Copilot Chat) to optimize your code directly inside the editor.
We’ll cover:
How to open Quick Chat and write effective prompts
Asking AI to improve performance, readability, or structure
Reviewing suggestions and applying the best changes
Using shortcuts to quickly access optimization tools
You’ll see real examples of how Quick Chat can help reduce repetition, clean up messy code, and improve logic — all through simple, natural language prompts.
By the end of this lesson, you’ll be able to speed up your development workflow by letting AI assist in code optimization and refactoring.
Perfect for anyone who wants to write better code with less effort!
In this lesson, you’ll learn how to install the Cursor AI code editor and activate your subscription.
We’ll walk through:
Downloading Cursor from the official website (cursor.com)
Installing the application on Windows
Setting the language (e.g. Polish or English)
Enabling useful options like "Install Code command"
Registering an account using Google
Choosing the Pro plan for $20/month
Completing the purchase using Stripe
By the end of this lesson, you’ll have Cursor fully installed and ready to use with all AI features unlocked. This setup will allow you to write and improve code faster using natural language and AI assistance.
Perfect for anyone who wants to start working with an intelligent coding editor from day one!
In this lesson, you’ll learn how to create a full Blog section in a static website using Cursor AI.
We’ll start by generating a new blog page with working navigation from the main menu. Then, we’ll add individual article subpages and use AI prompts to generate content layout, styles, and structure.
To complete the feature, we’ll create pagination that allows users to navigate between articles easily.
Using natural language prompts, Cursor AI will help us:
Create blog.html and article pages
Link them from the navigation menu
Add styling and layout with CSS
Implement basic pagination between posts
By the end of this lesson, you’ll have a fully working static blog section — complete with articles and functional pagination — all created with the help of AI.
Perfect for anyone who wants to see how fast and efficient building UI components can be with the power of Cursor AI.
Build a complete React application in just minutes using Cursor AI - a practical price comparison tool for butter across Polish discount stores.
Create a full Angular news application in under 10 minutes using AI - featuring war statistics, frontline updates, and multi-tab navigation.
Build a complete Vue.js household budget application in under 10 minutes with AI assistance - track expenses, income, and manage your finances.
Unlock the power of AI in web development with this hands-on course that combines modern technologies and practical projects. Whether you're a beginner or an intermediate developer, you'll learn how to build complete web applications using React, Angular, Vue, Express.js, and MySQL — all enhanced with the support of AI tools like ChatGPT and Gemini.
We start by designing a fully functional blog system. Using ChatGPT, you'll generate a complete MySQL database structure, create sample data, and understand how to manage relational databases. Then, we move on to building an API with Express.js, guided by Gemini — a powerful AI assistant that helps generate code and automate development tasks.
Throughout the course, you'll build real-world applications that demonstrate how AI can speed up coding, improve architecture, and help you focus on creative solutions. You’ll also learn to integrate frontend frameworks with backend logic, handle routing, fetch data from the API, and work with dynamic content.
In addition, you’ll explore how AI tools can be used in everyday development workflows — from debugging and refactoring code to documenting your project and generating ideas. The course also emphasizes best practices, clean code, and scalability.
By the end of the course, you'll have the skills and tools to create your own AI-powered full stack applications — faster and smarter than ever before. Ideal for freelancers, developers, and tech enthusiasts looking to level up with next-gen AI workflows.