React and Django: A Practical Guide with Docker

6h 50m 20s
English
Paid

Course description

Learn how to create an Admin App using React and Django Rest Framework. Django 3.1, React Typescript, Redux, Docker, Authentication and Authorisation, Upload Images, Export CSV Files, c3.js

Read more about the course

In Django you will learn: 

  • How to create APIs with Django Rest Framework

  • Use Docker

  • Create protected routes

  • Login with HttpOnly Cookies

  • Use APIViews, ViewSets, Generic API Views

  • Authorize users for different routes

  • Upload Images

  • Export CSV files

In React you will learn: 

  • Create a React project with Typescript

  • Use Docker

  • Use Redux

  • Create public and private routes

  • Restrict routes for unauthorized users

  • Upload Images

  • Export CSV's

  • Build a chart with c3.js (part of d3.js)

Watch Online

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

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

Next.JS with Sanity CMS - Serverless Blog App (w/ Vercel)

Next.JS with Sanity CMS - Serverless Blog App (w/ Vercel)

Sources: udemy
We will start with integration of a very clean application layout I have prepared for you. We will follow latest practices of React and Next JS, this means we w
13 hours 5 minutes 9 seconds
Docker and Kubernetes - The Complete Developers Guide

Docker and Kubernetes - The Complete Developers Guide

Sources: udemy
In this course we will take you from a Docker and Kubernetes novice to job ready engineer. This course is loaded with diagrams and practical examples so that you can truly under...
12 hours 40 minutes 38 seconds
Complete guide to building an app with .Net Core and React

Complete guide to building an app with .Net Core and React

Sources: udemy
Have you learnt the basics of ASP.NET Core and React? Not sure where to go next? This course should be able to help with that. In this course we learn how to bu
33 hours 23 minutes 53 seconds
The complete React Fullstack course ( 2021 edition )

The complete React Fullstack course ( 2021 edition )

Sources: udemy
Do you want to learn the whole process of building your App ?. This is the course for you. We will start from the very beginning, from "I don't even know how use it..and why wou...
76 hours 58 minutes 6 seconds
Advanced React For Enterprise: React for senior engineers

Advanced React For Enterprise: React for senior engineers

Sources: udemy
Welcome to the React for Senior engineers course !! Knowledge of React is 100% required for this course. I've been working with React.js for over 5 years now,
6 hours 4 minutes 5 seconds