CF

React and Django: A Practical Guide with Docker

6h 50m 20s
English
Paid

Master the integration of React and Django to build an efficient Admin App with Docker included! Dive deep into the world of Django 3.1 and React with TypeScript, gain expertise in Redux, authentication, and much more.

Course Overview

In this course, you will learn to develop a full-featured admin application by leveraging the power of React and Django, alongside Docker for containerization. Through practical exercises, you'll become proficient in creating APIs, handling user authentication, managing route protection, and more.

Django Learning Outcomes

Enhance your Django skills with the following topics:

  • Building robust APIs using the Django Rest Framework

  • Containerizing applications with Docker

  • Implementing protected routes for enhanced security

  • Managing user authentication using HttpOnly Cookies

  • Exploring APIViews, ViewSets, and Generic API Views

  • Authorizing users for different routes to enhance security

  • Uploading images efficiently

  • Exporting data as CSV files effortlessly

React Learning Outcomes

Advance your React capabilities with hands-on projects:

  • Setting up React projects using TypeScript for type safety

  • Utilizing Docker to streamline your development process

  • Managing application state with Redux

  • Creating public and private route structures

  • Ensuring route security for unauthorized user access

  • Handling image uploads seamlessly

  • Exporting data to CSV for analysis

  • Visualizing data through interactive charts using c3.js, based on d3.js

About the Author: Udemy

Udemy thumbnail

Udemy is the largest open marketplace for online courses on the internet. Founded in 2010 by Eren Bali, Oktay Caglar, and Gagan Biyani and headquartered in San Francisco, the company went public on the Nasdaq in 2021 under the ticker UDMY. The platform hosts well over two hundred thousand courses across software development, IT and cloud, data science, design, business, marketing, and creative skills, taught by tens of thousands of independent instructors. Roughly seventy million learners use it worldwide, and the corporate arm — Udemy Business — supplies a curated subset of that catalog to enterprise customers.

Because Udemy is a marketplace rather than a single editorial publisher, the catalog is uneven by design. The strongest material lives in the long-form, project-based courses authored by working engineers — full-stack JavaScript, React, Node.js, Python data science, AWS, Docker and Kubernetes, mobile development with Flutter and React Native, and cloud certification preparation. The CourseFlix listing under this source is the slice of that catalog that has been mirrored here for offline-friendly viewing, organized by topic and updated as new releases land. Pricing on Udemy itself swings dramatically with the site's near-permanent sales, which is why the platform is best treated as a deep reference catalog: pick instructors with strong reviews and a track record of updating their material rather than buying on the headline price alone.

Watch Online 73 lessons

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 73 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Introduction
All Course Lessons (73)
#Lesson TitleDurationAccess
1
Introduction Demo
02:52
2
Installation
01:23
3
Docker
11:04
4
Migrations
02:26
5
Rest API
05:03
6
Models
03:20
7
Serializers
08:10
8
Write Only Fields
02:53
9
Hashing Passwords
05:41
10
Login
04:09
11
Generate JWT Token
05:22
12
Getting the Authenticated User
09:53
13
Logout
02:15
14
Foreign Keys
04:10
15
Fixtures
05:41
16
Getting Permissions
03:11
17
ViewSets
05:11
18
Roles
02:38
19
Related Fields
07:22
20
Completing Roles
04:03
21
Generic Views
07:49
22
Pagination
05:46
23
Update Request Data
06:00
24
Profile
06:33
25
User Permissions
01:22
26
Products
02:29
27
Product Routes
04:09
28
Uploading Images
06:56
29
Orders
06:20
30
Serializer Method Fields
02:42
31
Export CSV
06:21
32
Raw SQL Queries
06:33
33
View Permissions
06:13
34
CORS
01:35
35
Installation
01:07
36
Template
03:59
37
Components
05:20
38
Router
05:08
39
Child Props
07:39
40
Register Form
07:41
41
Async Await Calls
04:24
42
Redirecting
03:42
43
Login
07:48
44
Logout
02:51
45
Users
08:36
46
Role
04:14
47
Link and NavLink
05:26
48
Pagination
04:50
49
Deleting Users
04:26
50
Creating Users
08:05
51
Prefilling User Data
08:05
52
Updating Users
04:02
53
Roles
06:26
54
Creating Roles
12:46
55
Updating Roles
07:11
56
Products
07:26
57
Paginator Components
07:50
58
Deleter Component
05:31
59
Creating Products
06:22
60
Uploading Images
05:21
61
Image Component
03:30
62
Updating Products
07:25
63
Orders
06:55
64
Order Items
05:27
65
Export CSV
04:08
66
Chart
07:36
67
Profile
04:05
68
Uploading Profile
07:52
69
Redux
08:21
70
Connect Redux with Components
12:42
71
Typescript Getters
04:22
72
Permissions
13:48
73
Conclusion
00:18
Unlock unlimited learning

Get instant access to all 72 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Related courses

Frequently asked questions

What prerequisites are needed before enrolling in this course?
Before enrolling, you should have a basic understanding of both React and Django, as the course will cover advanced integration techniques. Familiarity with TypeScript and Docker will be beneficial, as these tools are integral to the course content. Previous experience with REST APIs and user authentication concepts will also help you grasp the topics more effectively.
What will I build during this course?
Throughout the course, you will develop a full-featured admin application. This involves setting up React projects using TypeScript, creating robust APIs with Django Rest Framework, implementing user authentication and authorization, and managing state with Redux. Additionally, you'll containerize the application using Docker and handle tasks like image uploads and data export to CSV.
Who is the target audience for this course?
This course is designed for developers who already have foundational knowledge of React and Django and are looking to integrate these technologies to build scalable web applications. It is particularly useful for those interested in learning how to use Docker for containerization and managing state with Redux in a React application.
What specific tools and platforms does this course cover?
The course focuses heavily on integrating React with Django using TypeScript for type safety. You'll use the Django Rest Framework for building APIs and handle containerization with Docker. State management is covered using Redux, and you'll also explore tools for managing authentication and authorization, such as JWT Tokens and HttpOnly Cookies.
What is the time commitment for this course?
The course consists of 73 lessons. While the total runtime is not specified, expect to spend additional time on practical exercises and projects, especially if you are new to some of the advanced concepts being taught. Allocating a few hours per week should enable you to complete the course in a reasonable time frame.
What topics are not covered in this course?
The course does not cover basic concepts of React, Django, Docker, or TypeScript, assuming that students are already familiar with these technologies. Additionally, it does not delve into non-technical aspects such as project management or UI/UX design, focusing instead on the practical integration and development skills.
How can the skills from this course be applied to other areas or careers?
The skills acquired in this course, such as API development, state management with Redux, and containerization with Docker, are highly transferable to many areas in web development. These are crucial for building modern web applications and can enhance your employability in roles like Full-Stack Developer, DevOps Engineer, or Software Engineer, especially in projects requiring scalable and secure web solutions.