آموزش پشته MERN از جلو به عقب: Full Stack React، Redux & Node.js

MERN Stack Front To Back: Full Stack React, Redux & Node.js

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: با Node.js، Express، React، Redux و MongoDB یک شبکه اجتماعی بسازید و مستقر کنید. به‌روزرسانی کامل آوریل 2019 یک برنامه شبکه اجتماعی کامل با React، Redux، Node، Express و MongoDB ایجاد کنید. شیوه های مدرن استفاده از Redux برای مدیریت حالت. مستقر در Heroku با یک اسکریپت پس از ساخت

به "MERN Stack Front to Back" خوش آمدید. در این دوره، ما یک برنامه شبکه اجتماعی کامل و عمیق با استفاده از Node.js، Express، React، Redux و MongoDB به همراه ES6+ خواهیم ساخت. ما با یک ویرایشگر متن خالی شروع می کنیم و با یک برنامه فول استک مستقر پایان می دهیم. این دوره شامل...

است


  • ساخت یک API باطن گسترده با Node.js Express

  • محافظت از مسیرها/نقاط پایانی با JWT (JSON Web Tokens)

  • تست گسترده API با Postman

  • ادغام React با باطن ما به روشی زیبا، ایجاد یک گردش کار عالی

  • طراحی ما برای کار با API

  • استفاده از Redux برای مدیریت وضعیت برنامه

  • ایجاد کاهش دهنده ها و اقدامات برای منابع ما

  • ایجاد بسیاری از اجزای ظرف که با Redux یکپارچه می شوند

  • آزمایش با افزونه Redux Chrome

ایجاد یک اسکریپت ساخت، ایمن کردن کلیدهای ما و استقرار در Heroku با استفاده از Git


به‌روزرسانی: کل دوره برای استفاده از React Hooks، Async/Await و کد کلی بهتر به‌روزرسانی شد.

این یک دوره آموزشی "Intro to React" یا "Intro to Node" نیست. این یک دوره عملی عملی برای ساخت یک برنامه با استفاده از پشته باورنکردنی MERN است. من سعی می‌کنم در حین انجام همه چیز را توضیح دهم، بنابراین می‌توان بدون تجربه React/Node دنبال کرد، اما توصیه می‌شود ابتدا حداقل اصول اولیه را بدانید.


این یک دوره آموزشی مبتنی بر پروژه است، به این معنی که کل دوره در حال ساخت یک پروژه بزرگ است. این پروژه DevConnector نام دارد و به کاربران اجازه می دهد تا برای ایجاد پروفایل ثبت نام کرده و وارد شوند. آنها می توانند رزومه ای از مشاغل و تحصیلات اضافه کنند و همه شبکه های اجتماعی خود را پیوند دهند.


سرفصل ها و درس ها

معرفی Introduction

  • به دوره خوش آمدید Welcome To The Course

  • نگاهی به پروژه دوره A Look At The Course Project

  • محیط و راه اندازی Environment & Setup

  • پیوند به فایل های پروژه Link To Project Files

معرفی Introduction

  • به دوره خوش آمدید Welcome To The Course

  • نگاهی به پروژه دوره A Look At The Course Project

  • محیط و راه اندازی Environment & Setup

  • پیوند به فایل های پروژه Link To Project Files

راه اندازی Express & MongoDB Express & MongoDB Setup

  • راه اندازی MongoDB Atlas MongoDB Atlas Setup

  • Dependencies و Basic Express Setup را نصب کنید Install Dependencies & Basic Express Setup

  • اتصال به MongoDB با Mongoose Connecting To MongoDB With Mongoose

  • مسیریابی فایل ها با روتر اکسپرس Route Files With Express Router

راه اندازی Express & MongoDB Express & MongoDB Setup

  • راه اندازی MongoDB Atlas MongoDB Atlas Setup

  • Dependencies و Basic Express Setup را نصب کنید Install Dependencies & Basic Express Setup

  • اتصال به MongoDB با Mongoose Connecting To MongoDB With Mongoose

  • مسیریابی فایل ها با روتر اکسپرس Route Files With Express Router

مسیرهای API کاربر و احراز هویت JWT User API Routes & JWT Authentication

  • ایجاد مدل کاربر Creating The User Model

  • درخواست و اعتبار سنجی بدن Request & Body Validation

  • ثبت نام کاربر User Registration

  • پیاده سازی JWT Implementing JWT

  • میان‌افزار احراز هویت سفارشی و تأیید JWT Custom Auth Middleware & JWT Verify

  • احراز هویت کاربر/مسیر ورود به سیستم User Authentication / Login Route

مسیرهای API کاربر و احراز هویت JWT User API Routes & JWT Authentication

  • ایجاد مدل کاربر Creating The User Model

  • درخواست و اعتبار سنجی بدن Request & Body Validation

  • ثبت نام کاربر User Registration

  • پیاده سازی JWT Implementing JWT

  • میان‌افزار احراز هویت سفارشی و تأیید JWT Custom Auth Middleware & JWT Verify

  • احراز هویت کاربر/مسیر ورود به سیستم User Authentication / Login Route

مسیرهای API پروفایل Profile API Routes

  • ایجاد مدل پروفایل Creating The Profile Model

  • دریافت نمایه کاربر فعلی Get Current User Profile

  • ایجاد و به‌روزرسانی مسیرهای نمایه Create & Update Profile Routes

  • دریافت همه نمایه ها و نمایه بر اساس شناسه کاربری Get All Profiles & Profile By User ID

  • حذف نمایه و کاربر Delete Profile & User

  • افزودن تجربه نمایه Add Profile Experience

  • حذف تجربه نمایه Delete Profile Experience

  • افزودن و حذف آموزش نمایه Add & Delete Profile Education

  • Repos Github را برای نمایه دریافت کنید Get Github Repos For Profile

مسیرهای API پروفایل Profile API Routes

  • ایجاد مدل پروفایل Creating The Profile Model

  • دریافت نمایه کاربر فعلی Get Current User Profile

  • ایجاد و به‌روزرسانی مسیرهای نمایه Create & Update Profile Routes

  • دریافت همه نمایه ها و نمایه بر اساس شناسه کاربری Get All Profiles & Profile By User ID

  • حذف نمایه و کاربر Delete Profile & User

  • افزودن تجربه نمایه Add Profile Experience

  • حذف تجربه نمایه Delete Profile Experience

  • افزودن و حذف آموزش نمایه Add & Delete Profile Education

  • Repos Github را برای نمایه دریافت کنید Get Github Repos For Profile

ارسال مسیرهای API Post API Routes

  • ایجاد مدل پست Creating The Post Model

  • اضافه کردن مسیر ارسال Add Post Route

  • دریافت و حذف مسیرهای پست Get & Delete Post Routes

  • پست لایک و بر خلاف مسیرها Post Like & Unlike Routes

  • افزودن و حذف مسیرهای نظر Add & Remove Comment Routes

ارسال مسیرهای API Post API Routes

  • ایجاد مدل پست Creating The Post Model

  • اضافه کردن مسیر ارسال Add Post Route

  • دریافت و حذف مسیرهای پست Get & Delete Post Routes

  • پست لایک و بر خلاف مسیرها Post Like & Unlike Routes

  • افزودن و حذف مسیرهای نظر Add & Remove Comment Routes

شروع کار با React & The Frontend Getting Started With React & The Frontend

  • نگاهی به UI/تم A Look At The The UI / Theme

  • پیوند به سریال ساخت تم در یوتیوب Link To Theme Building Series On YouTube

  • React & Concurrently Setup React & Concurrently Setup

  • پاکسازی و اجزای اولیه Clean Up & Initial Components

  • راه اندازی روتر React React Router Setup

  • فرم ثبت نام و استفاده ازState Hook Register Form & useState Hook

  • نمونه درخواست و فرم ورود Request Example & Login Form

شروع کار با React & The Frontend Getting Started With React & The Frontend

  • نگاهی به UI/تم A Look At The The UI / Theme

  • پیوند به سریال ساخت تم در یوتیوب Link To Theme Building Series On YouTube

  • React & Concurrently Setup React & Concurrently Setup

  • پاکسازی و اجزای اولیه Clean Up & Initial Components

  • راه اندازی روتر React React Router Setup

  • فرم ثبت نام و استفاده ازState Hook Register Form & useState Hook

  • نمونه درخواست و فرم ورود Request Example & Login Form

راه اندازی و هشدارهای Redux Redux Setup & Alerts

  • اصل ردوکس The Gist Of Redux

  • ایجاد فروشگاه Redux Creating a Redux Store

  • کاهش دهنده هشدار، اقدام و انواع Alert Reducer, Action & Types

  • مؤلفه هشدار و تماس اقدام Alert Component & Action Call

راه اندازی و هشدارهای Redux Redux Setup & Alerts

  • اصل ردوکس The Gist Of Redux

  • ایجاد فروشگاه Redux Creating a Redux Store

  • کاهش دهنده هشدار، اقدام و انواع Alert Reducer, Action & Types

  • مؤلفه هشدار و تماس اقدام Alert Component & Action Call

React User Authentication React User Authentication

  • Auth Reducer & Register Action Auth Reducer & Register Action

  • بارگیری کاربر و تنظیم رمز تأیید Load User & Set Auth Token

  • ورود کاربر User Login

  • پیوندهای خروج و نوار ناوبری Logout & Navbar Links

React User Authentication React User Authentication

  • Auth Reducer & Register Action Auth Reducer & Register Action

  • بارگیری کاربر و تنظیم رمز تأیید Load User & Set Auth Token

  • ورود کاربر User Login

  • پیوندهای خروج و نوار ناوبری Logout & Navbar Links

داشبورد و مدیریت پروفایل Dashboard & Profile Management

  • مسیر محافظت شده برای داشبورد Protected Route For Dashboard

  • کاهش دهنده پروفایل و دریافت نمایه فعلی Profile Reducer & Get Current Profile

  • شروع در داشبورد Starting On The Dashboard

  • کامپوننت ایجاد نمایه CreateProfile Component

  • ایجاد اکشن نمایه Create Profile Action

  • ویرایش نمایه Edit Profile

  • آموزش و تجربیات را اضافه کنید Add Education & Experiences

  • آموزش و تجربیات را فهرست کنید List Education & Experiences

  • آموزش، تجربیات و حساب را حذف کنید Delete Education, Experiences & Account

داشبورد و مدیریت پروفایل Dashboard & Profile Management

  • مسیر محافظت شده برای داشبورد Protected Route For Dashboard

  • کاهش دهنده پروفایل و دریافت نمایه فعلی Profile Reducer & Get Current Profile

  • شروع در داشبورد Starting On The Dashboard

  • کامپوننت ایجاد نمایه CreateProfile Component

  • ایجاد اکشن نمایه Create Profile Action

  • ویرایش نمایه Edit Profile

  • آموزش و تجربیات را اضافه کنید Add Education & Experiences

  • آموزش و تجربیات را فهرست کنید List Education & Experiences

  • آموزش، تجربیات و حساب را حذف کنید Delete Education, Experiences & Account

نمایش مشخصات Profile DIsplay

  • پایان فعالیت‌های نمایه و کاهش‌دهنده Finish Profile Actions & Reducer

  • نمایش پروفایل ها Display Profiles

  • پرداختن به هشدارهای کنسول Addressing The Console Warnings

  • شروع در نمایه Starting On The Profile

  • ProfileTop & ProfileAbout Components ProfileTop & ProfileAbout Components

  • نمایش تجربه و آموزش نمایه Profile Experience & Education Display

  • نمایش مخازن Github Displaying Github Repos

  • مشکل و رفع وضعیت نمایه Profile State Issue & Fix

نمایش مشخصات Profile DIsplay

  • پایان فعالیت‌های نمایه و کاهش‌دهنده Finish Profile Actions & Reducer

  • نمایش پروفایل ها Display Profiles

  • پرداختن به هشدارهای کنسول Addressing The Console Warnings

  • شروع در نمایه Starting On The Profile

  • ProfileTop & ProfileAbout Components ProfileTop & ProfileAbout Components

  • نمایش تجربه و آموزش نمایه Profile Experience & Education Display

  • نمایش مخازن Github Displaying Github Repos

  • مشکل و رفع وضعیت نمایه Profile State Issue & Fix

پست ها و نظرات Posts & Comments

  • کاهش دهنده پست، اقدام و مؤلفه اولیه Post Reducer, Action & Initial Component

  • کامپوننت مورد پست Post Item Component

  • مانند و بر خلاف عملکرد Like & Unlike Functionality

  • حذف پست ها Deleting Posts

  • افزودن پست ها Adding Posts

  • نمایش تک پست Single Post Display

  • افزودن نظرات Adding Comments

  • نمایش و حذف نظرات Comment Display & Delete

پست ها و نظرات Posts & Comments

  • کاهش دهنده پست، اقدام و مؤلفه اولیه Post Reducer, Action & Initial Component

  • کامپوننت مورد پست Post Item Component

  • مانند و بر خلاف عملکرد Like & Unlike Functionality

  • حذف پست ها Deleting Posts

  • افزودن پست ها Adding Posts

  • نمایش تک پست Single Post Display

  • افزودن نظرات Adding Comments

  • نمایش و حذف نظرات Comment Display & Delete

آماده سازی و استقرار Prepare & Deploy

  • Heroku CLI را نصب کنید Install Heroku CLI

  • آماده شدن برای استقرار Prepare For Deployment

  • اعزام به Heroku Deploy To Heroku

آماده سازی و استقرار Prepare & Deploy

  • Heroku CLI را نصب کنید Install Heroku CLI

  • آماده شدن برای استقرار Prepare For Deployment

  • اعزام به Heroku Deploy To Heroku

مشکلات، ویژگی های اضافه شده و غیره Issues, Added Features, etc

  • درباره این بخش About This Section

  • راه حل صفحه و موضوع پیدا نشد Not Found Page & Theme Workaround

مشکلات، ویژگی های اضافه شده و غیره Issues, Added Features, etc

  • درباره این بخش About This Section

  • راه حل صفحه و موضوع پیدا نشد Not Found Page & Theme Workaround

نمایش نظرات

آموزش پشته MERN از جلو به عقب: Full Stack React، Redux & Node.js
جزییات دوره
12 hours
73
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
60,545
4.5 از 5
دارد
دارد
دارد
Brad Traversy
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Brad Traversy Brad Traversy

توسعه دهنده وب Full Stack و مدرس در Traversy Media