
Welcome to the course! ?
In this intro video, I’ll walk you through what this course is all about. You’ll learn that it’s not just theory — we’ll be building a real-world project step by step. I’ll introduce the technologies we’ll use, including MySQL, Django REST framework, and React, and explain how we’ll connect all the parts together into a complete full-stack application.
This course is beginner-friendly, though having some basic understanding of Python, HTML, or general programming will definitely help. By the end of the course, you'll not only have hands-on experience with a full-stack app — you’ll be ready to apply for junior or entry-level developer roles with confidence.
Let’s get started!
In this video, I’ll help you pick a project that’s just the right level of challenge — not too simple, but not too complex either. More importantly, I’ll explain why choosing a topic or domain you’re passionate about will keep you motivated and make the whole learning experience more enjoyable. This is the project you’ll be building throughout the course, so let’s make it count!
In this video, I’ll show you how a typical web application works behind the scenes. We’ll go over how the frontend, backend, and database connect and talk about the role of each part. Understanding this architecture will help you see how everything fits together before we start coding.
In this video, we’ll cover the basics of how databases work and why they’re essential in web applications. You’ll learn about concepts like tables, rows, columns, primary keys, and relationships. Don’t worry if you’re new to databases — this lecture is here to give you a solid foundation before we dive into MySQL setup and real queries.
In this video, we’ll install MySQL Server and MySQL Workbench on your local machine. I’ll guide you through setting up a connection in Workbench so you can start interacting with your database right away. At the end, we’ll run a simple query to make sure everything is working correctly.
In this video, we’ll design the structure of our database using an online tool called DrawSQL. You’ll learn how to create tables, define relationships between them, and build a clear visual model of how your data will be organized. This step helps us plan ahead before writing any actual SQL code.
In this lecture, we’ll take the diagram we designed earlier and turn it into actual SQL. You’ll learn how to write CREATE TABLE queries to define your tables, set data types, and add primary and foreign keys. This brings our database design to life and gets us ready to start working with real data.
In this video, we’ll populate our database with some initial data using INSERT statements. You’ll see how to add rows into each table based on our schema. Toward the end, we’ll also try an UPDATE query to modify existing data. This gives you a solid start for testing and working with your own sample records.
In this final database video, we’ll explore some essential SQL features you’ll use often. We’ll cover the WHERE clause for filtering, basic JOIN operations with aliases, a simple GROUP BY example, and how to remove records using DELETE. These queries will help you interact with data in a more dynamic and powerful way.
In this video, we’ll talk about what the backend is and why it’s such an important part of any web application. You’ll learn the role it plays between the frontend and the database, what APIs are, and how our Django-based backend will process requests, return data, and handle logic.
Here, we’ll install and configure Visual Studio Code — the code editor we’ll use throughout the backend part of the course.
In this lecture, we’ll install Python and make sure it’s set up properly on your system.
Postman is a tool that lets us test our backend API without needing the frontend just yet. In this video, we’ll install Postman and try it out with a few sample requests. You’ll use this often to make sure your API endpoints are working correctly as we build them.
This is part of a multi-part crash course that covers the essential Python basics you’ll need for the backend. We'll go through key concepts like variables, functions, loops, conditionals, lists, and dictionaries — all explained in a simple and practical way. Even if you're new to Python, you'll be ready to move forward with Django after this.
This is part of a multi-part crash course that covers the essential Python basics you’ll need for the backend. We'll go through key concepts like variables, functions, loops, conditionals, lists, and dictionaries — all explained in a simple and practical way. Even if you're new to Python, you'll be ready to move forward with Django after this.
This is part of a multi-part crash course that covers the essential Python basics you’ll need for the backend. We'll go through key concepts like variables, functions, loops, conditionals, lists, and dictionaries — all explained in a simple and practical way. Even if you're new to Python, you'll be ready to move forward with Django after this.
This is part of a multi-part crash course that covers the essential Python basics you’ll need for the backend. We'll go through key concepts like variables, functions, loops, conditionals, lists, and dictionaries — all explained in a simple and practical way. Even if you're new to Python, you'll be ready to move forward with Django after this.
In this lecture, we’ll install Django and create a new project from scratch. You’ll learn the basic structure of a Django project and how to run the development server. This sets the foundation for building the backend of your full-stack app.
Here, we’ll create our first Django REST API views. You’ll see how to write simple endpoints that return responses like messages, so we can start understanding how the backend handles requests.
In this lecture, we’ll define Django models that reflect the database tables we created earlier in MySQL. You’ll learn how to map fields, and connect the backend to your database structure.
In this part of the series, we’ll build Django REST API endpoints that connect to our database. You’ll learn how to fetch data using Django models and return it as JSON through views. These lectures will help you understand how the backend communicates with the database and prepares data for the frontend.
In this part of the series, we’ll build Django REST API endpoints that connect to our database. You’ll learn how to fetch data using Django models and return it as JSON through views. These lectures will help you understand how the backend communicates with the database and prepares data for the frontend.
In this part of the series, we’ll build Django REST API endpoints that connect to our database. You’ll learn how to fetch data using Django models and return it as JSON through views. These lectures will help you understand how the backend communicates with the database and prepares data for the frontend.
In this lecture, we’ll go over the basics of how websites are built visually using HTML and CSS. You’ll learn what structure (HTML) and styling (CSS) mean in a modern frontend app.
We’ll look at what JavaScript does in the frontend: how it adds interactivity, reacts to user actions, and connects to the backend using things like fetch or Axios.
In this lecture we will look at a few examples of frontend code.
In this lecture, we’ll set up the frontend project using React. You’ll install all necessary tools, create a new React app, and run it locally to make sure everything is ready.
In this lecture, we’ll create reusable service functions to communicate with the backend API. These functions handle tasks like fetching data, sending POST requests, or deleting items — all in one centralized place, making your frontend code cleaner and easier to manage.
In this lecture, we’ll create reusable service functions to communicate with the backend API. These functions handle tasks like fetching data, sending POST requests, or deleting items — all in one centralized place, making your frontend code cleaner and easier to manage.
Here, we’ll implement the core CRUD operations in the frontend: creating new records, updating existing ones, and deleting items. You’ll learn how to use forms, manage state, and connect everything to the API using the service functions we wrote earlier.
Here, we’ll implement the core CRUD operations in the frontend: creating new records, updating existing ones, and deleting items. You’ll learn how to use forms, manage state, and connect everything to the API using the service functions we wrote earlier.
Here, we’ll implement the core CRUD operations in the frontend: creating new records, updating existing ones, and deleting items. You’ll learn how to use forms, manage state, and connect everything to the API using the service functions we wrote earlier.
In this final lecture, you can download the complete source code for the full-stack project we built in this course. Use it as a reference, a starting point for your own projects, or something to showcase in your portfolio. Feel free to modify and build on it — that’s the best way to keep learning!
Are you ready to build real web applications from scratch and truly understand how modern full-stack development works? This hands-on course guides you through the full process of building a complete app using React (frontend), Django REST Framework (backend), and MySQL (database).
Whether you’re just starting out or switching from frontend/backend into full-stack, this course is designed to be beginner-friendly, but still rich in practical knowledge. You’ll learn how to:
Plan and structure your project idea
Design and build a relational database using MySQL
Create an API with Django REST Framework
Build a responsive frontend using React
Connect everything using clean, well-organized code
To make sure everyone can follow along, there's a short Python crash course included — perfect if you're new to Python or need a quick refresher. You'll also learn how to use Postman to test your backend API endpoints before connecting the frontend.
We’ll build the app step by step, and you’ll always know what you’re doing and why. No huge jumps. No copy-pasting without explanation. Just clear, guided progress — with real code and real concepts.
Along the way, you'll pick up tips on debugging, testing endpoints, organizing frontend logic, and writing cleaner code. These are skills you'll use in real-world projects.
By the end of this course, you’ll have a working full-stack project you can showcase, and the confidence to keep building your own applications — or even apply for entry-level dev roles.
Let’s get started!