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

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

معرفی Introduction

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

• نگاهی به برنامه اصلی A Look at the Main App

• قبل از شروع Before We Begin

• راه اندازی VSCode VSCode Setup

راه اندازی اولیه اکسپرس Basic Express Setup

• راه اندازی MongoDB با mLab MongoDB Setup With mLab

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

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

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

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

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

• ثبت نام کاربر و پستچی User Registration & Postman

• ورود ایمیل و رمز عبور Email & Password Login

• ایجاد JWT Creating the JWT

• استراتژی احراز هویت گذرنامه JWT Passport JWT Authentication Strategy

• کنترل کننده های اعتبارسنجی - 1 Validation Handlers – 1

• کنترل کننده های اعتبارسنجی - 2 Validation Handlers – 2

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

• کنار - Front End Visual Aside - Front End Visual

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

• مسیر نمایه کاربر فعلی Current User Profile Route

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

• اعتبارسنجی فیلد نمایه Profile Field Validations

• مسیرهای API پروفایل بیشتر More Profile API Routes

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

• مسیرهای آموزش و تجربه را حذف کنید Delete Education & Experience Routes

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

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

• ارسال مسیر ایجاد Post Create Route

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

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

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

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

• نگاهی به تم و رابط کاربری بوت استرپ A Look at the Bootstrap Theme & UI

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

• راه‌اندازی راه‌انداز و دارایی‌ها Bootstrap & Assets Setup

• چیدمان اولیه Basic Layout

React Router & Component State React Router & Component State

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

• ایجاد فرم ثبت نام با State Creating the Register Form with State

• ایجاد فرم ورود با State Creating the Login Form with State

• ثبت نام آزمایشی با فرم ما - هنوز Redux وجود ندارد Testing Registration with Our Form - No Redux Yet

• مدیریت و نمایش خطا Error Handling & Display

Redux & Authentication Redux & Authentication

• چرا ما به Redux نیاز داریم Why We Need Redux

• راه‌اندازی برنامه افزودنی فروشگاه Redux و Chrome Redux Store & Chrome Extension Setup

• مثال Redux Action & Reducer Workflow Redux Action & Reducer Workflow Example

• ثبت نام و کاهش دهنده خطا Registration & the Error Reducer

• اقدام ورود Redux و تنظیم کاربر فعلی Redux Login Action & Set Current User

• عملکرد فرم ورود Login Form Functionality

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

داشبورد و وضعیت نمایه - قسمت 1 Dashboard & Profile State - Part 1

• کامپوننت TextFieldGroupInput TextFieldGroupInput Component

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

• شروع اجزای اسپینر و داشبورد Spinner Component & Dashboard Start

• راه اندازی مسیر خصوصی Private Route Setup

• کامپوننت و مسیر پروفایل را ایجاد کنید CreateProfile Component & Route

• اجزای فیلد فرم Form Field Components

• ایجاد فرم نمایه Create Profile Form

• ایجاد عملکرد پروفایل Create Profile Functionality

داشبورد و وضعیت نمایه - قسمت 2 Dashboard & Profile State - Part 2

• مولفه اقدامات نمایه و حذف حساب Profile Actions Component & Delete Account

• ویرایش مولفه نمایه Edit Profile Component

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

• افزودن قابلیت تجربه Add Experience Functionality

• فرم آموزشی و عملکرد را اضافه کنید Add Education Form & Functionality

• نمایش و حذف تجربه داشبورد Dashboard Experience Display & Delete

• نمایش و حذف آموزش داشبورد Dashboard Education Display & Delete

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

• کامپوننت پروفایل ها و اقدام getProfiles Profiles Component & getProfiles Action

• موارد نمایه Profile Items

• نمایه بر اساس دسته و اجزای فرعی Profile By Handle & Sub Components

• سربرگ نمایه Profile Header

• نمایه درباره و اعتبار Profile About & Credentials

• نمایه Github & Touch Ups Profile Github & Touch Ups

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

• Post State & AddPost Action Post State & addPost Action

• کامپوننت فرم پست ها و پست ها Posts & Post Form Component

• GetPosts Action & PostFeed Component getPosts Action & PostFeed Component

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

• حذف، لایک و عدم دوست داشتن پست ها Delete, Like & Unlike Posts

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

• جزء و اقدام فرم نظر Comment Form Component & Action

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

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

• ایمن کردن کلیدهای ما Securing Our Keys

• راه اندازی Heroku Heroku Setup

• ساخت و استقرار پست Post Build & Deployment