Udemy

Platform

English

Language

Web Development

Category

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.45 (1239 reviews)

Students

19 hours

Content

Jun 2020

Last Update
Regular Price

EXCLUSIVE OFFER
Exclusive  Offer
Unlimited access to 30 000 Premium SkillShare courses
30-DAY FREE TRIAL

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.


Screenshots

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

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


Reviews

A
Abdullah6 October 2020

The instructor helped me get setup up with the tools and configurations to run a react native app, however he only demonstrates the bare minimum. The finished app, to me, doesn't seem finished with key features missing, such as logout and state management for the rating that dose not update. I also had to do a lot of bug fixing that the instructor forgot to explain or was outdated. Overall it was an OK learning experience. If you have experience coding you shouldn't have to much issues figuring it out, but If you are new to coding I suggest a different course.

S
Stephan2 October 2020

Teacher continues to jump ahead, he writes the code before importing the resource and constantly has to go back and import. Should import first so we have the reference.

D
DavidJSpooner28 September 2020

Presenter makes mistakes and has to go back to correct them which takes longer. That said coverage and detail is good.

M
Mark21 September 2020

The course was a good application of full stack react and react native development. The instructor was also very active in answering my questions, he would personally answer my questions just after posting my question within hours! Thanks sir it was a great course

A
Aditya1 September 2020

superb detailed and right pace explanation, good audio video quality, instructor is very knowledgeable and explains every point calmly in detail. This review is at the beginning of the course, it might change at the end of the course.

R
Rad22 February 2020

A good overview targeting beginners in Django and React. A bit too slow at the beginning. Also, I couldn't help not noticing a few ugly things the author was suggesting: - there was no reusability of the existing ViewSet function for retrieving the instance (self.get_object()); - pulling all entries from DB to get the count instead of using the aggregate function COUNT, Model.objects.all().count(); -- it is a very very bad practice that might kill your app performance in a real-life situation; - the same with the average: (self.ratings.all().aggregate(Avg("stars"))); Nevertheless, I suggest taking this course. Thank you!

R
Renzo16 February 2020

Very good course to serve as an introduction to React and React Native as Frontend frameworks and Django as a Backend one. They combine smoothly and the end result serves its good purpose as a functional web/mobile app. The only thing I would add is how to handle errors while working on higher versions of some packages, like FontAwesome svg drawing on Android, which currently fails. Thanks, it was really useful!

S
Sarfaraz2 February 2020

100% worth it! All in 1! Easy to become Full-stack developer with this course, Feeling sorry as I found you so late, Thanks a ton for this series sir

D
Dianna29 January 2020

I tried several Django courses, but this one was the best. It covers Django, Django REST Framework, and React, which is exactly the combination I needed. Krystian is an excellent teacher. I have some previous programming knowledge, but Krystian showed me several helpful tips and tricks. He is easy to understand and has some funny examples. I also like how he does some live debugging. It shows that he really knows the material and how to fix things. I really enjoyed this course and would definitely take another one from this instructor.

D
DougieHawes10 January 2020

grating delivery, I just got bored from the monotone, repetition, and basically hard to understand delivery. I soon figured out that this information is available in more interesting and better delivered courses and went to get my money back.

B
Bartoszko31 December 2019

Lekcje prowadzone są w języku angielskim, content omówiony w bardzo prosty i przyjemny sposób, dodatkowo autor pokazuje jak dobrze korzystać np. z dokumentacji. Świetny kurs.

J
James30 November 2019

***I'm rating after watching the third video of this course! I may re-rate if Udemy asks.*** This course is what I want for Python/Django and React learning. My only criticism is the accent of the course instructor which maybe difficult to understand sometimes. It's not his fault, not a lot of people can use different accents anyway. Since I'm an intermediate Python programmer and Front-End developer this won't be a problem for me anyway since most likely I can figure it out, but I'm not sure about beginner-intermediate programmers however.

S
Sam1 November 2019

Needs more explanations into the theory of django & react; more explaining of why things work the way they do, not just how they work. Multiple bugs throughout the code but none are addressed beause the instructor does not actually test the functionality.

K
Konstantinos7 October 2019

Kinda got lost after a point, and it was hard for me to follow. Most of the explanations were pretty bad or non-existening (also "this is what we do" is not a reason), and there seemed to be too much back-and-forth rather than a linear progression. The structure of the overall course seems great, and you'll definitely learn stuff, but this one is definitely not for me.

N
Nikolaus14 August 2019

The good: It's Information packed and without the fluff that people don't need or already know (like history or the basics of what a MWC framework is etc..) The flow through the lectures is quite smooth. The bad: Best practices, there are instances where best practices aren't followed and an ad-hoc solution is used instead. For instance the login uses a location.href redirect where react-router in actual use has it's own approach which would not take that much longer to explain (but hard to notice and correct on your own once you try to run your deployed demo)


2306906

Udemy ID

4/4/2019

Course created date

11/23/2019

Course Indexed date
Bot
Course Submitted by

Twitter
Telegram