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

Server side rendering with Next + React

Server side rendering with Next + React

Sources: udemy
Do you want to learn the whole process of building a server side React App ?. This is the course for you. We will start from the very beginning, from "I don't even know how to u...
29 hours 43 minutes 19 seconds
The interactive way to master modern React - react.gg (FULL COURSE)

The interactive way to master modern React - react.gg (FULL COURSE)

Sources: ui.dev (ex. Tyler McGinnis)
OPTIMIZED FOR AHA! We’re obsessed with helping you reach your aha! moments. Our text sections help you master the “why” behind React concepts and include fun, i
7 hours 53 minutes 34 seconds
Modern React with Redux [2023 Update]

Modern React with Redux [2023 Update]

Sources: udemy, Stephen Grider
Congratulations! You've found the most popular, most complete, and most up-to-date resource online for learning React and Redux! Thousands of other engineers
37 hours 44 minutes 46 seconds
Build fancy landing pages with React and Threejs

Build fancy landing pages with React and Threejs

Sources: Paul Henschel (@0xca0a)
This course teaches you how to add stunning flourishes to your sites with little code and complexity. You would think that some of the extraordinary websites on awwwards, fwa or...
38 minutes 9 seconds