React and Django: A Practical Guide with Docker

Django 3.1, React Typescript, Redux, Docker, Authentication and Authorisation, Upload Images, Export CSV Files, c3.js

4.05 (54 reviews)
Udemy
platform
English
language
Web Development
category
instructor
React and Django: A Practical Guide with Docker
354
students
7 hours
content
Nov 2020
last update
$39.99
regular price

What 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

Use React with Typescript

Use Redux

Description

Learn how to create an Admin App using React and Django Rest Framework.

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)

If these are what you are looking for then this course is for you.

Content

Introduction

Introduction

Django

Installation
Docker
Migrations
Rest API
Models
Serializers
Write Only Fields
Hashing Passwords
Login
Generate JWT Token
Getting the Authenticated User
Logout
Foreign Keys
Fixtures
Getting Permissions
ViewSets
Roles
Related Fields
Completing Roles
Generic Views
Pagination
Update Request Data
Profile
User Permissions
Products
Product Routes
Uploading Images
Orders
Serializer Method Fields
Export CSV
Raw SQL Queries
View Permissions
CORS

React

Installation
Template
Components
Router
Child Props
Register Form
Async Await Calls
Redirecting
Login
Logout
Users
Role
Link and NavLink
Pagination
Deleting Users
Creating Users
Prefilling User Data
Updating Users
Roles
Creating Roles
Updating Roles
Products
Paginator Components
Deleter Component
Creating Products
Uploading Images
Image Component
Updating Products
Orders
Order Items
Export CSV
Chart
Profile
Uploading Profile
Redux
Connect Redux with Components
Typescript Getters
Permissions
Conclusion

Reviews

Alexander
May 2, 2023
As a computer science graduate, I was looking for a comprehensive Python-based web development course that didn't treat me like a beginner. After searching for courses that covered Docker, REST framework, React, and microservices, I came across Antonio's third course (Breaking the Monolith), and found almost no alternatives! I initially found the course to be too advanced, so I took the prequel course, which was also challenging. As a stepping stone, I decided to try THIS course, despite the low ratings, and I'm glad I did. Overall, it was a useful journey. The good: The course uses the right tools, including Docker, REST framework, and a dedicated frontend framework, which many other courses skip. While the tools are outdated, they still serve their purpose. After you have learned how to connect everything, you can take a specific React/Docker/REST_framework/whatever course to learn the best practices. The explanations are clear, and the instructor doesn't seem to hold back any information to sell another course. The bad: The course is outdated, and some things have been deprecated, while versions have changed. Setting up Docker was challenging, but that may have been my fault for using Swarm and Secrets. The instructor sometimes jumps ahead, which can make it difficult to follow along. There are also mistakes that haven't been tested. The code design could be better, and the functionality isn't always clear or logical. It seems as if a decent programmer created a lazy pet project, and then abandoned it, without following basic principles such as DRY, single responsibility, or OOP. The ugly: The instructor shows signs of laziness throughout the course. For example, he sometimes copies and pastes code, which he later changes, and this isn't reflected in the Git repository. It wouldn't have been difficult to include the initial "copy-paste" in the lecture. Additionally, some mistakes are fixed without being recorded. The bottom line: If you want to learn a Python-based stack and understand that the project will need a lot of work to become a decent product, or if you just want to see how all the tools I mentioned can be connected, and don't mind somewhat broken or outdated code, then this course is worth your time (in my humble opinion).
Dietrich
March 17, 2023
This is not a "From Zero to Hero" course. You need a sound knowledge in working with Python, Django, Docker, Typescript and React. Additionally, the teacher is using IDEs from JetBrains which does help with the code. It is easy to overlook something in the code that was changed by the IDE automatically. Still, If you understand what he is doing, the course is very good, as the teacher develops a whole Front- and Backend application in a 7 hours course with technologies that you should use in your project too. He is not wasting time with easy concepts that are later replaced with more advanced concepts. This course is for intermediate Developers.
Finbar
March 6, 2023
hasn't been updated in a while; old versions of react and django. No accompanying code and the code changes fast so it can be hard to "keep up" with changes. Especially changes made off camera between lectures
Edgar
August 17, 2021
Let me start with the pros. This guy clearly has had a lot of experience working in both Django and React TypeScript to know how to build this stuff. He starts of great with the Docker setup and will write all the code necessary to be properly setup on the front end. Cons: He's not a good teacher or instructor and terrible at communicating what the purpose of the next task will be before he starts writing code. More often then not he'll just speak out loud the line of code he will type then type it without any understanding of what the purpose of this class, function, method is supposed to be about. Leaving us to wait for him to finish and having to pause to take time to figure out what he's doing. If you're new to Django, serializers, React, TypeScript, STAY AWAY FROM THIS COURSE. When we get to the React portion. He's extremely lazy. He copies code from the boostrap layouts via the webpage source code tool only to paste it and delete 20% - 80% of what we just copy pasted. Making it more confusing to follow when there's so many tags to cut out and paste into new components. When he could have simply typed it all out for us to follow along. It's ridiculous to me that he is choosing to show us how to copy paste and then backspace everything we don't need rather than guiding us through what we do need. This would never fly in an actual lecture or school setting and it's a terrible teaching style. Even when following along, exactly the way he did it, the css and html came out different for not just myself but my entire team. My team and I know the basics of Django, Models, Apps, sql, React, functional components, class based components, react-router and were able to follow along but he left so much in the unknown that we spent more time trying to figure out the purpose behind what he wrote or why he wrote it than necessary. Also trying to work with a different layout because the stuff he made us copy paste is ended up different than what he has. We're all running on our own computers and we somehow all ended up with the same result, which is different than what Antonio had.

Charts

Price

React and Django: A Practical Guide with Docker - Price chart

Rating

React and Django: A Practical Guide with Docker - Ratings chart

Enrollment distribution

React and Django: A Practical Guide with Docker - Distribution chart
3641896
udemy ID
11/17/2020
course created date
11/21/2020
course indexed date
Bot
course submited by