HomeCoursesFull Stack Django and React

Intermediate

27h

Full Stack Django and React

Gain insights into Django framework fundamentals and advanced topics; discover frontend development with React to build full stack web applications, combining robust backend and dynamic user interfaces.

Join 2.7 million developers at

Overview

Content

Reviews

In this comprehensive course, you’ll dive into the powerful Django framework, a top choice for developers seeking rapid and clean web development in Python. Alongside mastering Django’s foundational concepts like models, views, and templates, you’ll also delve into advanced topics such as user authentication, database management with Django’s ORM, and integrating Django’s REST framework for API development. Moreover, you’ll explore frontend development using React, a popular JavaScript library for building user interfaces. You’ll learn how to create interactive and dynamic web pages, seamlessly integrating React components with Django’s backend architecture. By the end of the course, you’ll be equipped with the skills to develop full stack web applications, combining Django’s robust backend capabilities with React’s frontend interactivity. These skills are highly sought after in the tech industry and will open doors to exciting career opportunities.

In this comprehensive course, you’ll dive into the powerful Django framework, a top choice for developers seeking rapid and clea...Show More

WHAT YOU'LL LEARN

A comprehensive understanding of Django and its role in web development

Hands-on experience creating web applications using Django

Familiarity with Django core components, including models, views, and templates

The ability to implement user authentication and authorization in Django web applications

An understanding of integrating databases and making CRUD operations using Django ORM

A comprehensive understanding of Django and its role in web development

Content

111 Lessons16 Quizzes

Getting Started

1 Lessons

Get familiar with building full-stack applications using Django and React, mastering deployment and optimization techniques.

About the Course

Creating a Django Project

8 Lessons

Get started with creating Django projects, mastering backend architecture, and integrating PostgreSQL.

Overview: Creating a Django Project

An Overview of Software Development

Understanding Backend Development

What is an API?

The Django Architecture

Creating a Sample Project

Configuring the Database

Digest and Test

Authentication and Authorization Using JWTs

11 Lessons

Go hands-on with JWTs for authentication and authorization in Django.

Overview: Authentication and Authorization Using JWTs

Understanding JWTs

Organizing a Project

Creating a User Model

Creating the User and Superuser

Writing UserSerializer and UserViewset

Adding a Router

Writing the User Registration Feature

Adding the Login Feature

Refresh Logic

Digest and Test

Social Media Post Management

8 Lessons

Grasp the fundamentals of developing a social media post management system using Django.

Overview: Social Media Post Management

Creating the Post Model

Writing the Post Model

Writing Post Viewsets

Adding Permissions

Deleting and Updating Posts

Adding the Like Feature

Digest and Test

Adding Comments to Social Media Posts

5 Lessons

Take a closer look at implementing a comment feature in social media apps using Django.

Overview: Adding Comments to Social Media Posts

Writing the Comment Model and Serializer

Nesting Routes for the Comment Resource

Updating and Deleting a Comment

Digest and Test

Testing the REST API

7 Lessons

See how it works to test Django REST API with automated methods, tools, and TDD strategies.

Overview: Testing the REST API

What is Testing?

Testing in Django

Configuring the Testing Environment

Writing Tests for Django Models

Writing Tests for Django Viewsets

Digest and Test

Creating a Project with React

6 Lessons

Practice using React to create and configure a full-stack social media app.

Overview: Creating a Project with React

Understanding Frontend Development

Creating the React Project

Configuring the Project

Useful ES6 and React Features

Digest and Test

Building Login and Registration Forms

8 Lessons

Sharpen your skills in creating login and registration forms, handling authentication flows, and managing protected routes in React.

Overview: Building Login and Registration Forms

Understanding the Authentication Flow

Writing the Requests Service

Protected Routes

Creating the Registration Page

Creating the Login Page

Refactoring the Authentication Flow Code

Digest and Test

Social Media Posts

5 Lessons

Look at user authentication, JWT tokens, and performing CRUD operations on social media posts.

Overview: Social Media Posts

Creating the UI

Listing Posts on the Home Page

Updating a Post

Digest and Test

10.

Post Comments

8 Lessons

Work your way through implementing full CRUD operations and like functionality for comments.

Overview: Post Comments

11.

User Profiles

5 Lessons

Break down the steps to manage user profiles, display, edit data, and implement CRUD operations.

Overview: User Profiles

Listing Profiles on the Home Page

Displaying User Information on the Profile Page

Editing User Information

Digest and Test

12.

Effective UI Testing for React Components

9 Lessons

Take a closer look at UI testing for React components using Jest, RTL, and snapshot testing.

Overview: Effective UI Testing for React Components

Component Testing in React

Jest, the RTL, and Fixtures

Testing Authentication Components

Testing Post Components

Testing the CreatePost component

Testing the UpdatePost component

Snapshot Testing

Digest and Test

13.

Deployment Basics—Git, GitHub, and AWS

5 Lessons

Tackle deployment basics with Git, GitHub, and AWS for Django and React.

Overview: Deployment Basics—Git, GitHub, and AWS

Basics of Software Deployment

Tools and Methods of Web Application Deployment

Platforms for Web Application Deployment

Digest and Test

14.

Dockerizing the Django Project

7 Lessons

Master the steps to Dockerizing Django apps for streamlined, secure deployment and management.

Overview: Dockerizing the Django Project

What is Docker?

Dockerizing the Django Application

Using Docker Compose for Multiple Containers

Configuring Environment Variables in Django

Writing NGINX Configuration

Digest and Test

15.

Automating Deployment on AWS

5 Lessons

Step through automating Django app deployment on AWS using CI/CD and GitHub Actions.

Overview: Automating Deployment on AWS

Explaining CI/CD

What is GitHub Actions?

Configuring the Backend for Automated Deployment

Digest and Test

16.

Deploying Our React App on AWS

5 Lessons

Get started with deploying a React app on AWS S3 using automation and CI/CD techniques.

Overview: Deploying Or React App on AWS

Deployment of React Applications

Deploying on AWS S3

Automating Deployment with GitHub Actions

Digest and Test

17.

Performance, Optimization, and Security

4 Lessons

Break apart performance, optimization, and security strategies for Django and React applications.

Overview: Performance, Optimization, and Security

Revoking JWT Tokens

Adding Caching

Digest and Test

18.

Conclusion

1 Lessons

Grasp the fundamentals of full-stack development with Django, React, testing, and deployment.

Wrap Up

19.

Appendix

3 Lessons

Solve problems in setting up the work environment, installing necessary tools, and configuring CORS.

Setting Up the Work Environment

Installations

Configuring CORS

Certificate of Completion

Showcase your accomplishment by sharing your certificate of completion.

Course Author:

Packt

Developed by MAANG Engineers

Every Educative lesson is designed by our in-house team of ex-MAANG software engineers and PhD computer science educators, and developed in consultation with developers and data scientists working at Meta, Google, and more. Our mission is to get you hands-on with the necessary skills to stay ahead in a constantly changing industry. No video, no fluff. Just interactive, project-based learning with personalized feedback that adapts to your goals and experience.

Trusted by 2.7 million developers working at companies

"These are high-quality courses. Trust me. I own around 10 and the price is worth it for the content quality. EducativeInc came at the right time in my career. I'm understanding topics better than with any book or online video tutorial I've done. Truly made for developers. Thanks"

Anthony Walker

@_webarchitect_

"Just finished my first full #ML course: Machine learning for Software Engineers from Educative, Inc. ... Highly recommend!"

Evan Dunbar

ML Engineer

"You guys are the gold standard of crash-courses... Narrow enough that it doesn't need years of study or a full blown book to get the gist, but broad enough that an afternoon of Googling doesn't cut it."

Software Developer

Carlos Matias La Borde

"I spend my days and nights on Educative. It is indispensable. It is such a unique and reader-friendly site"

Souvik Kundu

Front-end Developer

"Your courses are simply awesome, the depth they go into and the breadth of coverage is so good that I don't have to refer to 10 different websites looking for interview topics and content."

Vinay Krishnaiah

Software Developer

Hands-on Learning Powered by AI

See how Educative uses AI to make your learning more immersive than ever before.

Personalized Interview Prep

Skip the LeetCode grind with a custom roadmap that adapts to your goals. Hands-on practice for Coding Interviews, System Design, and more.

Mock Interviews

Test your skills in a simulated interview setting. Receive personalized feedback based on your performance. Available for Coding Interviews, System Design, and more.

AI Prompt

Build prompt engineering skills. Practice implementing AI-informed solutions.

Code Feedback

Evaluate and debug your code with the click of a button. Get real-time feedback on test cases, including time and space complexity of your solutions.

Explain with AI

Select any text within any Educative course, and get an instant explanation — without ever leaving your browser.

AI Code Mentor

AI Code Mentor helps you quickly identify errors in your code, learn from your mistakes, and nudge you in the right direction — just like a 1:1 tutor!

Course

An Introduction to Developing Web3 Apps Using Solidity and React

Gain insights into Web3 app development using Solidity and React. Learn to build smart contracts, handle payments, and create frontends with React, Next.js and Tailwind for decentralized applications.

8 h

intermediate

Course

Custom User Authentication with Simple JWT in Django RESTful

Gain insights into creating custom users, using Simple JWT for authentication, sending verification emails, managing tokens, resetting passwords, and testing endpoints in Django RESTful projects.

8 h

intermediate

Course

Build Microservices Web Apps with RabbitMQ, React TSX, and Django

Learn to build robust microservices apps with RabbitMQ, React TypeScript, Django, Flask, and MySQL. Explore architectures, databases, migrations, and front-end integration.

14 h

advanced

Course

Getting Started with Mobile App Development with React Native

Discover React Native for creating rich, cross-platform mobile apps with reusable components. Gain insights into UI components, styling, navigation, Hooks, state, and database management.

25 h

beginner

Course

Building Applications with React Native

Gain insights into building applications with React Native Expo. Learn essential development concepts to create career opportunities and enhance your skills using familiar web technologies.

15 h

intermediate

Course

Creating Five Impactful Applications with ReactJS

Gain insights into creating five dynamic applications with ReactJS. Delve into hooks, APIs, and localStorage while building projects like to-do lists, quizzes, memory games, portfolios, and GitHub profiles.

18 h

intermediate

Course

An Introduction to Developing Web3 Apps Using Solidity and React

intermediate

8 hour

Course

Custom User Authentication with Simple JWT in Django RESTful

intermediate

8 hour

Course

Build Microservices Web Apps with RabbitMQ, React TSX, and Django