React & Django Full Stack: web app, backend API, mobile apps

React single page web app, Django 2 REST API with Python 3, React Native cross platform mobile apps for Android and iOS

4.55 (1933 reviews)
Udemy
platform
English
language
Web Development
category
10,499
students
19 hours
content
Jun 2021
last update
$79.99
regular price

What you will learn

Making a Single page app with React

Creating RESTfull API with Django

Mobile apps on both Android and iOS

Description

Welcome to this Full stack course. This course is mainly based on Django and React and React Native but we will cover much more than just these frameworks. We will build full applications including backend restful API, front-end web app and mobile apps on both Android and iOS.

We will discover how to make a user authentication (register and login users), how to create a full CRUD (create, read, update and delete) and how to create our own endpoints. I will show how to communicate between the API and web app. We will discover how to style the application and restrict certain parts of it to authenticated users only. All that done with very popular frameworks. We will use javascript and python languages and basic knowledge of these is required.

This course is built from two kinds of sections: First is an introduction to the framework where I explain everything from scratch, and 2nd is a hands-on section to build a ready application. After finishing this course you will have both knowledge and also experience how to build a full-stack application using Django, React and React Native.

Also, I will show you how to deploy back-end API and front-end web app on the production server absolutely for free. You don’t need to spend any money to put your full application live.

Content

Introduction

Project requirements
Technology overview
IDE
Debugging

Django Introduction

Introduction
Python Installation
Virtual environment
Creating Project
PyCharm IDE
Files overview and new app
Migrations
User and admin
Field options
Field types
Urls
Class Views
Model objects methods
Templates
Dynamic templates
Admin customisation
REST
Serializers
Postman & HTTP methods
Token
Permissions
One to one
One to many
Many to many

Django API project

Starting API project
URLs
Models
Serializers
Testing API
Custom method
Request Data
Update and Create
Ratings
Token Auth
Register User
Restrictions

React Introduction

Introduction
Create App
Files overview
Components
Props
Events
State
Life Cycle methods
Conditional display
Loops and keys
Router
Context
Styling
Hooks - state
Hooks - effects

React project

Create Project
List component
Fetch data
CORS
Details component
Passing data between components
Rating
First POST method
Update View
Delete Method
Setting up controls
Form inputs
Update and Save
Styling
Routing
Login
Token and Cookies
Register

React Native Introduction

Framework overview
Expo
Running your app
Files overview
Components, props and state
Styling
Flex
User inputs
Lists
Images
Platform specific code
Icon and splash screen
Navigation
Build
Eject

React Native project

Initialising project
Getting data from Django
Styling list
Enable Navigation
Passing params
Icons for rating
Top bar
Edit component
Forms
PUT method
Fetch from localhost
Rate UI
Rate request
POST new record
Delete record
Login UI
AsyncStorage
Token
Register

Deploy Apps

Heroku overview
Preparing Django for Heroku
Deploying to Heroku
Firebase account
Deploy React App

Screenshots

React & Django Full Stack: web app, backend API, mobile apps - Screenshot_01React & Django Full Stack: web app, backend API, mobile apps - Screenshot_02React & Django Full Stack: web app, backend API, mobile apps - Screenshot_03React & Django Full Stack: web app, backend API, mobile apps - Screenshot_04

Reviews

Hamel
October 17, 2023
Not only this instructor struggles to explain simple topics clearly (sometimes pausing for several seconds because he doesn't know what he wants to say), but the course, especially the React JS part is severely outdated. I spent more time googling for solutions than going thru the course once I got to the React JS part. I wouldn't recommend it if you are new with React JS, as you'll be very frustrated with all the errors you get, although you did everything like in the vid.
Andrii
March 25, 2023
Користний курс для тих, хто хоче створити вперше проєкт, котрий складається з різних мов програмування.
Erick
March 10, 2023
I appreciate that you leave the error and debugging as part of the videos. Helps me know what to expect.
Zahoor
September 17, 2022
This course is much better to learn the Django rest framework when you compare it with other courses out there on udemy .
Salisu
July 31, 2022
Its my pleasure to be a good programmer using this Django and React system more especially using cross platform.
Carl
July 6, 2022
I think some simple diagrams or slides in the intro of each section would go a long way to help explain to the student how each part of the application works with the overall project. It will also help the teacher work through examples that are written correctly the 1st time vs coding, breaking, then re-explaining the fixes after. Thanks for making this course!
Marius
May 30, 2022
Learning feels natural, without any pressure. The project is suited for a beginner. Definitely, I learned a lot. Thank you
Lisa
May 19, 2022
Krystian explains everything in a very logical, well-thought out gentle manner. I like his delivery and it's easy to bounce back and forth to topics i need more understanding of, which is my preferred learning style.
Sovik
March 9, 2022
This tutorial needs to be Windows friendly. Activities like migration which was easily described here in Mac took a while for me. Also the demo file is only getting detected inside the first project not from outside in windows
Vinod
January 12, 2022
Poor quality of explanation, initially it was good .. later after 60th class we get complicated and explanation gets poor...
Mick
January 11, 2022
Some idea is wrong in the lesson, e.g. Wrong meaning of useCookie with const [token] = useCookie(['mr-token']) the token should be "cookies" instead, this is array of object rather than return token.
Verney
January 6, 2022
I don't want to discourage you so overal it's alright but you can't really replicate it without really understanding it. What I mean with this is that I'm the one that's not completely understanding it because I feel like you missed information about bits of code. Or just provide a page with that information for example the build-in basic functions you can override from permission. You lack explanation with for examples the asterisks in Python. And sometimes you provide too much information which is not needed.
Sarkis
January 3, 2022
You need programming experience before taking this course otherwise you will be confused. Other then that i have learned a lot of HOW to do things. hoping i will eventually put the pieces together for WHY we do things.
Ignas
December 2, 2021
Not a perfect one, not a newest environment in example, some typos could have been edited out (nothing to learn from some of them), BUT author seems professional, confident and shares his experience, workflows. Good enough for a beginner like me to give 5 stars :)
ShawnPatrick
November 30, 2021
Literally, the best instructor on Udemy. He explains concepts in a way that I am able to comrehend. Really great lesson and gives you exactly what you need to get Django/React site up and running.

Charts

Price

React & Django Full Stack: web app, backend API, mobile apps - Price chart

Rating

React & Django Full Stack: web app, backend API, mobile apps - Ratings chart

Enrollment distribution

React & Django Full Stack: web app, backend API, mobile apps - Distribution chart
2306906
udemy ID
4/4/2019
course created date
11/23/2019
course indexed date
Bot
course submited by