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.

Intermediate

111 Lessons

27h

Certificate of Completion

AI-POWERED

Explanations

AI-POWERED

Explanations

This course includes

83 Playgrounds

16 Quizzes

This course includes

83 Playgrounds

16 Quizzes

Course Overview

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...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

What You'll Learn

A comprehensive understanding of Django and its role in web development

Course Content

Getting Started

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

About the Course

Creating a Django Project

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

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

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

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.

Creating a Project with React

6 Lessons

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

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.

Social Media Posts

5 Lessons

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

10.

Post Comments

8 Lessons

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

11.

User Profiles

5 Lessons

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

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.

13.

Deployment Basics—Git, GitHub, and AWS

5 Lessons

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

14.

Dockerizing the Django Project

7 Lessons

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

15.

Automating Deployment on AWS

5 Lessons

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

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.

17.

Performance, Optimization, and Security

4 Lessons

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

18.

Conclusion

1 Lesson

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

19.

Appendix

3 Lessons

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

Course Author

Trusted by 1.4 million developers working at companies

Anthony Walker

@_webarchitect_

Emma Bostian 🐞

@EmmaBostian

Evan Dunbar

ML Engineer

Carlos Matias La Borde

Software Developer

Souvik Kundu

Front-end Developer

Vinay Krishnaiah

Software Developer

Eric Downs

Musician/Entrepeneur

Kenan Eyvazov

DevOps Engineer

Anthony Walker

@_webarchitect_

Emma Bostian 🐞

@EmmaBostian

Hands-on Learning Powered by AI

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

Instant 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.

AI-Powered Mock Interviews

Put your skills to the test in a simulated interview setting. Receive personalized feedback based on your performance. Available in Premium & Premium Plus plans.

Adaptive Learning

At various checkpoints throughout Educative courses, you will be prompted to take a quick assessment. Receive a condensed curriculum tailored to your strengths and skill gaps.

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!