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

React Component Testing with Vitest

React Component Testing with Vitest

Sources: Artem Zakharchenko
The closer your tests imitate real application usage, the more confidence they provide. However, for a long time, web developers had to...
1 hour 38 minutes 34 seconds
Project React. Build a complex React project as a total beginner

Project React. Build a complex React project as a total beginner

Sources: Cosden Solutions
Project React is a course featuring a unique application that will guide you step by step in creating large and complex applications using React. No prior exper
16 hours 31 minutes 5 seconds
React Router v5

React Router v5

Sources: ui.dev (ex. Tyler McGinnis)
The ability to take what you learn and apply it towards a production codebase.
3 hours 38 minutes 49 seconds
Composing Layouts in React

Composing Layouts in React

Sources: fullstack.io
In this course we show you how to build complex layouts in React by composing just a few foundational layout primitives. Along the way you will learn modern CSS Layout tools lik...
4 hours 38 minutes 12 seconds
Magic UI Pro

Magic UI Pro

Sources: Dillion Verma
Magic UI Pro is a platform for creating modern, visually appealing landing pages with minimal effort. It offers over 50 pre-designed...