Django & ReactJS Full Stack Course [ Python Backend React Frontend ]

Join Django & Django REST Framework Course in Udemy

This is a Django & ReactJS Full Stack Course[ Python Backend React Frontend ] complete course, this will be more than 7 hours training course that we are going to talk about different topics in building full stack in Python and ReactJS, this course is divided in to three parts,
in the first part we are going to build our Backend API using Django REST Framework, and it will be a complete guide on Django REST Framework, there will be different topics in this part from building django project up to data serialization, viewsets, routers and authentication. in the second part we are going to talk about main concepts in ReactJS authentication. in the second part we are going to talk about main concepts in ReactJS and React Hooks, in the third part we are going to integrate our backend with react frontend.

Join my Skillshare Classes for 1 Month Free Access

Support me on Patreon

Table Of Content

Building REST API With Django REST Framework
0: Introduction = 00:00:02
1: Django Intro & Installtion = 00:03:21
2: Django Apps And Admin = 00:14:46
3: View Function and URLs = 00:22:01
4: Django Model = 00:27:16
5: Serialization = 00:38:11
6: Model Serializer = 00:54:23
7: Function Bases API View = 00:59:18
8: API Decorators = 01:16:24
9: Class Based API Views = 01:25:51
10: Generic APIView & Mixins = 01:39:00
11: Viewsets and Routers = 01:50:55
12: Generic Viewsets = 02:07:01
13: Model Viewsets = 02:13:31
14: Token Authentication = 02:19:16
15: Registration System = 02:32:32

ReactJS & React Hooks Concepts

1: ReacJS Installation = 02:46:23
2: Function Components = 02:56:14
3: Class Components = 03:03:27
4: Working with Props = 03:06:59
5: Event Handling = 03:12:59
6: Adding Bootstrap Styles = 03:19:52
7: Working with Stats = 03:24:49
8: Working with Map Function = 03:33:13
9: Working with Forms = 03:41:29
10: Lifecycle Methods = 03:48:01
11: React Fragment = 03:54:58
12: React Router = 03:58:55
13: Context API = 04:02:52
14: useState() Hooks = 04:07:48
15: useEffect() Hooks = 04:27:16
16: useContext() Hooks = 04:46:15
17: useReducer() Hooks = 04:55:15

ReactJS Frontend & Django Backend

1: Fetching The Data From API = 05:10:45
2: Updating Data in Frontend = 05:37:12
3: Inserting The Data = 06:14:03
4: Deleting The Data = 06:29:16
5: Login Users = 06:40:28
6: Register New Users = 07:12:58

#Django#ReactJS#PythonFullStack

[AIgineer]

This course is really well done with detailed description of backend with django and frontend with react. As I already have experience with React, I watched Django part and the integration. It is really nice with backend and frontend separated through the Rest API, which makes it simple to change the frontend to fit your purpose and use the same backend.

[indraxios]

I really love the way you first implement stuff from strach and then import methods to make it easier.

[kennstack]

You make me love Python/Django + Reactjs!

I'm a Full-stack Developer NOW!

[benediktsterra]

Its very goog explained i understand all

[milanprajapati]

This is really worth it, i watch whole 7 and hours, its really really Good containt, thank you sir for amazing explanation

[ankitkatoch]

Great content .. Please make more videos on ReactJS + Django projects like E-Commerce App, Chat App, two step user authentication in REST APIs etc..Once again thankyou for your effort..

[Xsyiaris]

The best react django course on YT! Thank you Parwiz Forogh!

[SaiKumar-kmnd]

this man deserve a 100 billion likes this man make my life much love from india thanks for great session keep up the good work

[dhirajkafle]

parwiz u are doing great work by helping django community .. appreciate your work

[kirwakelvinkering]

This is one among the very best tutorials we have in Django , thank you Soooo much 👏

[aleksandranikolov]

This is the best Django explanation ever. I have learned it on Academy but never really understood it. Just great. Thanks for sharing the knowledge

[cchgray]

04:02:29 needs update for react-router-dom v6 to...


import {Route, Routes, BrowserRouter} from 'react-router-dom';

....

<BrowserRouter>
<Routes>
<Route path = '' element = {<App />} />
<Route path = 'login' element = {<Form />} />
</Routes>
</BrowserRouter>

[yiyi-zrto]

One of the best tutorial in youtube. Thank you so much for the effort! I hate the guy (programming with mxsh)

[johnsonvaughn]

I was in tutorial hell until watch right tutorial video. Thank you so much. You are great tutor and I love your content.

[dhuriyothanasathish]

thank you, bro, , , because I have more confused before this 7 and half hours course, , , but now i clearly you so much/

[danielmaina]

Am really thankful to you Parwiz.Am now a confident software developer because of you.Thank you

[AnkitSharma-rhhs]

Really an amazing tutorial 👏👏
Thank for uploading this on YouTube

Just one thing I wanted to point out, If we are using class based views, as you showed in the tutorial, when calling the get method for any nonexistent id it is not throwing 404 Content not found error instead we are getting 200 status with an empty JSON, it needs to be handled.

Again Thanks for the tutorial.
🙏

[sulaiman.micheal]

You're a great tutor starting from the way you explain and also the way you implement.

[dalestewart]

Excellent tutorial implementing the functionality for the back end and the front end.

[boojiajun]

for 3:58:55, i meet with error.This is my solution, hopefully can help someone as same.

import {Route, Routes, BrowserRouter} from 'react-router-dom';

function Router(){
return(
<BrowserRouter>
<Routes>
<Route path = "/" element = {<App />}/>
<Route path = '/login' element = {<Form/>}/>
</Routes>
</BrowserRouter>
)
}