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 and Laravel: Breaking a Monolith to Microservices

React and Laravel: Breaking a Monolith to Microservices

Sources: udemy
Microservices Architecture, React, Next.js, Laravel, Docker, RabbitMQ, Event Driven Microservices, Internal APIs, Redis. Learn how to create a Monolith using React and Laravel t...
15 hours 7 minutes 45 seconds
Chrome Extension Mastery: Build Full-Stack Extensions with React & Node.js

Chrome Extension Mastery: Build Full-Stack Extensions with React & Node.js

Sources: Ryan Fitzgerald
Master the creation of full-fledged Chrome extensions from scratch to production! Learn how to develop powerful, functional Chrome extensions using a modern...
10 hours 3 minutes 45 seconds
Learn React Hooks By Building A Real Application

Learn React Hooks By Building A Real Application

Sources: reacttraining (Ryan Florence)
Learn React Hooks by building key features of a realistic app. After teaching this content to thousands, we've packaged it up into and on-demand course just for
7 hours 14 minutes 44 seconds
React Router v4

React Router v4

Sources: ui.dev (ex. Tyler McGinnis)
For good reason, React Router is the most popular 3rd party library in the React ecosystem. If you're using React, odds are you're also using React Router. React Router v4 intro...
6 hours 44 minutes 1 second