MERN Stack Social Media App | React New Hooks | Socket io | Full Course | دورة MERN stack كاملة

in this video you will learn how to make MERN stack(mongoDB, express.js, React, node.js) From zero to hero.
سوف تتعلمون في هذا الدرس كيفية بناء موقع social media app :
1- انشاء routes في node.js
2- user Auth وكيفية تسجيل الدخول في Node.js & React
3- كيفية انشاء تعليقات والرد على التعليقات
4- رفع الصور من خلال الخدمة السحابية cloudinary
5- كيفية انشاء بوست وصور وعرضها على الموقع
6- كيفية تلقي اشعارات من خلال socket io
7- كيفية وضع لايك على البوست
8- تعلم Hooks جديدة في رياكت

00:00 intro
0:48 Setup the the backend
7:08 Connect Mode.js to MongoDB
10:01 Create Models
18:04 User Routes in Node.js
43:20 Auth Middleware & JWT
48:21 How To Connect Node.js with Cloundinary
53:26 Post Routes in Node.js
1:01:56 Comments Routes
1:09:59 Setup The Frontend (Components)
1:16:24 LeftSide Bar
1:23:35 Right SideBar
1:30:30 Create Post Form
1:40:44 Upload Image Post in React
1:59:17 Cloudinry in Frontend or Backend ?
2:00:50 Display All Posts
2:13:36 Login & Regsiter Functions in Frontend with Cookie
2:27:17 User Context in React
2:15:32 Register Form with UseActionState
2:41:42 Login Form
2:44:36 My Profile
3:17:15 Logout Function
3:23:10 Other User"s Profile
3:26:02 Like & Dislike in Backend
3:29:04 Like & Dislike in Frontend with useOptimistic Hook
3:38:15 startTransition Hook in React
3:42:33 Add Comments
4:10:06 Add Reply
4:25:11 Comments Count
4:30:55 Socket io and Get Notifications

سوف تتعلمون في هذا الفيديو كيفية انشاء موقع MERN stack كامل من الصفر من خلال تطبيق social media app احترافي

gitHub source code: 👇
https://github.com/walaa-horani/Socia...

لتعلم React, Next.js & Typescript 👇
   • React and Next.js Full Projects For beginners  

لتعلم Python (Django REST Framework)
   • Learn Python (Django REST API)  

لتعلم تصميم موقع من خلال HTML , CSS 👇
   • تعلم HTML, CSS  

تعلم جافا سكريبت من الصفر 👇
   • سلسلة تعلم الجافا سكريبت للمبتدئين | javas...  

تعلم الرياكت من الصفر 👇
   • Learning React from Scratch  

للاشتراك بالقناة 👇
   / @codeaetherbywalaa  

#mernstack #react #nodejs #sockets #socketio #expressjs #javascript #javascriptframework #frontendcourse #fullstack #برمجة_ويب #coding