آموزش React، Angular، Node In-Depth Guide: Beginner to Pro (2018)

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

شروع دوره Course Beginning

• [اختیاری]: نمایش جزئیات پروژه [Optional]: Detail showcase of project

• [اختیاری]: معرفی Github [Optional]: Github intro

• [اختیاری]: کلید SSH Git [Optional]: Git SSH Key

• معرفی + نصب گره Node introduction + installation

• [اختیاری]: سرور در مقابل مشتری، SPA در مقابل MPA. [Optional]: Server vs Client, SPA vs MPA.

[اختیاری - پاداش]: تجدید کننده دانش [Optional - Bonus]: Knowledge Refresher

• [اختیاری]: بخش مقدمه [Optional]: Section Introduction

• [اختیاری]: کلاس ها [Optional]: Classes

• [اختیاری]: کلاس 2 و مدولاریت [Optional]: Classes 2 and Modularity

• [اختیاری]: const، let، var [Optional]: const, let, var

• [اختیاری]: توابع پاسخ به تماس [Optional]: Callback Functions

• [اختیاری]: عملکردهای پیکان [Optional]: Arrow Functions

• [اختیاری]: تخریب، اپراتور سه تایی [Optional]: Destructuring, Ternary Operator

• [اختیاری]: ارث [Optional]: Inheritance

• [اختیاری]: کد ناهمزمان [Optional]: Asynchronous Code

• [اختیاری]: قول [Optional]: Promises

• [اختیاری]: قابل مشاهده [Optional]: Observables

[Angular]: مفاهیم اساسی Angular [Angular]: Basic Concepts of Angular

• معرفی بخش Section introduction

• آپدیت Angular 6 + نکته برای کاربران ویندوز! Angular 6 Update + Tip For Windows Users!

• راه اندازی پروژه از Git Repository Project setup from Git Repository

• [اختیاری]: راه اندازی پروژه با Angular CLI [OPTIONAL]: Project setup with Angular CLI

• کامپوننت چیست؟ What is Component ?

• [پیوندها] کامپوننت چیست؟ [Links] What is Component?

• کامپوننت هدر را ایجاد کنید Create Header Component

• ماژول ها برای چیست؟ What are modules for ?

• [پیوندها]: ماژول ها برای چیست؟ [Links]: What are modules for ?

• نصب فریم ورک بوت استرپ Bootstrap framework installation

• طرح بندی برنامه + کامپوننت هدر Application layout + Header Component

• پایان مؤلفه سرصفحه Header Component Finish

• اولین فشار ویژگی Github First Github Feature Push

• [اختیاری]: روش‌های چرخه حیات [Optional]: Lifecycle methods

• ایجاد لیست های اجاره ای Create Rental listings

• مسیریابی را معرفی کنید Introduce routing

• ماژول اجاره ای Rental Module

• ماژول اجاره ادامه دارد Rental Module Continue

• کامپوننت لیست اجاره و NgFor Rental List Component and NgFor

• نحوه انتقال داده به مؤلفه کودکان How to pass data to children component

• معرفی خدمات + خدمات اجاره Service Introduction + Rental Service

• مشاهدات، بهبود خدمات Observables, Service improvement

• [اختیاری]: انواع [Optional]: Types

• نوع اجاره Rental Type

• مشاهده جزئیات اجاره و بهبود مسیریابی Detail Rental View and Routing Improvement

• پیوند به جزئیات اجاره Link to Rental Detail

• داده های اجاره را از سرویس دریافت کنید Get Rental Data from Service

• بهبود کد قبل از فشار Github Code Improvements before Github push

• تغییرات را به مخازن ما فشار دهید. Push changes to our Repositories.

[Node] - با Node (ایجاد سرور) آشنا شوید [Node] - Get Familiar with Node (server creation)

• بخش مقدمه Section Introduction

• مقداردهی اولیه سرور Server initialisation

• پستچی و اولین نقطه پایانی Postman and first endpoint

• تغییرات پایگاه داده Database Changes

• معرفی و ایجاد پایگاه داده Database introduction and creation

• مدل اجاره مونگوس Mongoose Rental Model

• پایگاه داده ما را با داده ها پر کنید Fill our Database with data

• پاک کردن پایگاه داده Clean Database

• مسیریابی جداگانه Separate Routing

• ایجاد نقاط پایانی اجاره Create Rental Endpoints

• رسیدگی به خطاها Handle Errors

• Git Push و خلاصه بخش Git Push and Summary of Section

[Angular]: اجاره نقشه و صفحه جزئیات [Angular]: Rental Map and Detail Page

• بخش مقدمه Section Introduction

• اجاره ها را از Node Server دریافت کنید Get Rentals from Node Server

• پیکربندی پروکسی Proxy configuration

• سبک های جزئیات اجاره و فونت عالی Rental Detail Styles and Font Awesome

• لوله های Pipes

• لوله سفارشی Custom Pipe

• ماژول نقشه های گوگل Google Maps Module

• ایجاد مؤلفه نقشه Create Map Component

• نمایش نقشه Displaying Map

• نمایش مکان اجاره در نقشه Display location of Rental on Map

• Caching را معرفی کنید Introduce Caching

• در حافظه پنهان پایان Caching Finish

• Refactoring از Caching Refactoring of Caching

• نمایش منطقه اجاره روی نقشه Display Area of Rental on Map

• نمایش خطا هنگامی که مکان پیدا نشد Display Error When Location is Not found

• رفع فوری نقشه اجاره Rental Map Hotfix

• Git Push و End of Section Git Push and End of Section

[Node]: احراز هویت و ثبت [Node]: Authentication and Registration

• بخش مقدمه Section Introduction

• مقدمه ای بر JWT Introduction to JWT

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

• کنترل کننده های کاربر User Controllers

• شروع ثبت نام Starting Register

• رمز عبور کاربر را رمزگذاری کنید Encrypt User Password

• خطاهای Mongoose و اشکال زدایی Mongoose Errors and Debugging

• معرفی Auth Middleware Auth Middleware introduction

• رمزگشایی JWT Decoding JWT

• Auth Middleware Finish Auth Middleware Finish

• FakeDB را به روز کنید Update FakeDB

• به Github فشار دهید Push to Github

[Angular]: احراز هویت و ثبت [Angular]: Authentication and Registration

• بخش مقدمه Section Introduction

• کامپوننت ورود و ثبت نام Login and Register Component

• ثبت فرم رانده الگو Register Template Driven Form

• ثبت اعتبار فرم Register Form Validation

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

• ثبت تغییر مسیر و رسیدگی به خطاها Register Redirect and Handle Errors

• ورود به فرم های واکنشی Login Reactive Forms

• اعتبار سنجی ورود Login Validators

• نمایش خطای ورود Login Error Display

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

• ثبت پیام موفقیت و تصاویر در برنامه Register Success Message and Images in App

• Jwt با Angular 6 سازگار نیست Jwt not compatible with Angular 6

• رمزگشایی احراز هویت Authentication Decode Token

• پیاده سازی احراز هویت Authentication Implementation

• خروج از سیستم احراز هویت و نمایش نام کاربری Authentication Logout and Display Username

• Auth Guard - محافظت از صفحات Auth Guard - Protect Pages

• ارسال درخواست مجوز - رهگیرهای HTTP Send Authorise Request - HTTP Interceptors

• آماده سازی جزء رزرو Booking Component Preparation

• پیشرفت های کوچک قبل از فشار Small Improvements Before Push

• Git Push Git Push

[گره]: اجازه می دهد اجاره کتاب! [Node]: Lets Book Rentals!

• بخش مقدمه Section Introduction

• اضافه کردن مدل رزرو Add Booking Model

• Init Booking Controller Init Booking Controller

• پیاده سازی کنترل کننده رزرو Booking Controller Implementation

• اعتبارسنجی رزروها Validate Bookings

• بهبود رزرو Bookings Improvements

• Git Push Git Push

[Angular]: اجازه می دهد کتاب اجاره ای! [Angular]: Lets Book Rentals!

• بخش مقدمه Section Introduction

• مدل رزرو و رزرو مجدد Booking Model and Iterate Bookings

• محدوده رزرو تاریخ Booking Range Of Dates

• غیرفعال کردن تاریخ ها در تقویم Disable Dates In Calendar

• دریافت اطلاعات رزرو قسمت 1 Get Booking Data part 1

• دریافت اطلاعات رزرو قسمت 2 Get Booking Data part 2

• Init Modal Component Init Modal Component

• نمایش داده های رزرو به صورت مدال (مرحله تایید) Display Booking Data In Modal ( Confirmation step )

• ارسال درخواست و مکان رزرو Send Request and Book Place

• تقویم را به روز کنید و خطاها را مدیریت کنید Update Calendar and Handle Errors

• پکیج توستر Angular 6 Toaster Package Angular 6

• معرفی پیام های نان تست Toast Messages Intro

• بازنشانی Daterange Picker + ViewChild Reset Daterange Picker + ViewChild

• پیشرفت های کوچک قبل از فشار Small Improvements Before Push

• پیشرفت های کوچک قبل از فشار Small Improvements Before Push

[Angular + Node]: جستجو و ایجاد اجاره [Angular + Node]: Search And Create Rental

• بخش مقدمه Section Introduction

• FakeDB را به روز کنید و Query را از URL دریافت کنید Update FakeDB and Get Query From Url

• جستجوی شهر نقطه پایانی شروع Search City Endpoint Start

• Refactor جستجو و ایجاد نقطه پایانی اجاره Refactor Search and Create Rental Endpoint

• قسمت سرور Git Push Git Push Server Part

• کامپوننت جستجو را راه اندازی کنید Init Search Component

• جستجوی اجاره از سرور Search Rentals From Server

• خطاهای جستجو و سایر موارد لبه را مدیریت کنید Handle Search Errors and other Edge Cases

• روی جستجوی سرصفحه ورودی کار کنید Work On Input Header Search

• شروع ایجاد کامپوننت اجاره ای Rental Create Component Start

• ارسال درخواست برای ایجاد اجاره Send Request to Create Rental

• اجاره ایجاد مؤلفه شروع پایان Rental Create Component Start Finish

• ناوبری بخش مالک Owner Section Navigation

• رزرو را غیرفعال کنید و مالک اجاره را نشان دهید Disable Booking and Show Rental Owner

• Push Rental Create و Rental Search Push Rental Create and Rental Search

[Angular + Node]: بخش را مدیریت کنید [Angular + Node]: Manage Section

• بخش مقدمه Section Introduction

• نقطه پایان اجاره را حذف کنید Delete Rental Endpoint

• نقاط پایانی را مدیریت کنید Manage Endpoints

• رفع نقطه پایانی را مدیریت کنید Manage Endpoint Fix

• سرور Git Push Git Push Server

• مدیریت مؤلفه ها Manage Components Init

• اتصال به سرور را مدیریت کنید Manage Components Connect To Server

• مدیریت شروع رزرو Manage Booking Start

• قالب‌بندی تاریخ‌ها Format Dates Pipes

• مدیریت شروع اجاره Manage Rentals Start

• مدیریت رزروهای اجاره قسمت 1 Manage Rental Bookings Part 1

• مدیریت رزروهای اجاره پایان Manage Rental Bookings Finish

• طرح اجاره را حذف کنید Delete Rental Design

• حذف درخواست اجاره Delete Rental Request

• بهبودها و Git Push Improvements and Git Push

[زاویه]: استقرار [Angular]: Deployment

• بخش مقدمه Section Introduction

• راه اندازی فهرست و راه اندازی محصول Index Route and Prod Setup

• فایل پیکربندی، محیط پرود Config file, prod environment

• Heroku Last Steps Heroku Last Steps

• چند رفع فوری قبل از استقرار Few Hotfixes Before Deploy

• ما در حال استقرار هستیم! We are Deploying !

• تست برنامه مستقر شده Deployed App Test

• برنامه مستقر شد! Application Deployed!

[واکنش]: برنامه در حال شکل گیری است [React]: Application Getting Shape

• بخش مقدمه Section Introduction

• Git Init (My Repo) Git Init (My Repo)

• Cli Init (ایجاد برنامه React) Cli Init (Create React App)

• معرفی برنامه و JSX App Intro and JSX

• بوت استرپ FW و اجزای عملکردی Bootstrap FW and Functional Components

• Sccs Deep Dive Sccs Deep Dive

• کامپوننت هدر و Scss Header Component and Scss

• کارت اجاره ای، نگرانی های جداگانه Rental Card, Separate Concerns

• لیست اجاره، معرفی ایالت Rental List, State Intro

• فهرست اجاره ای حالت دستکاری، رندر مجدد Rental List Manipulate State, Rerender

• لیست اجاره Props چیست؟ Rental List. What are Props ?

• مثال ساده مسیریابی Routing Simple Example

• مسیریابی واقعی Real Routing

• لیست اجاره نمایش داده های واقعی Rental List Display Real Data

• React Link TO React Link TO

• شناسه اجاره ای را از آدرس اینترنتی دریافت کنید Get Rental ID from Url

• شروع هیجان انگیز Redux Redux exciting start

• کاهش دهنده های Redux Redux Reducers

• اقدامات Redux Redux Actions

• رفع لیست اجاره Fix Rental Listing

• کاهش دهنده اجاره انتخاب شده Selected Rental Reducer

• Redux Thunk Init Redux Thunk Init

• Redux Thunk قسمت 2 Redux Thunk Part 2

• برنامه افزودنی Redux Chrome Redux Chrome Extension

• پیوندهای گمشده و بهبودهای استایل را اضافه کنید Add missing Links and styling improvements

• به روز رسانی ساختار پوشه و مشکل جزئیات اجاره Folder structure update and Rental Detail Issue

• Git push و اجزای جدید Git push and New Components

[Node - React] - با نود (ایجاد سرور) آشنا شوید [Node - React] - Get familiar with node(server creation)

• بخش مقدمه Section Introduction

• یادآوری در سرور React Reminder on React Server

• مقداردهی اولیه سرور Server initialisation

• پستچی و اولین نقطه پایانی Postman and first endpoint

• پستچی و اولین نقطه پایانی Postman and first endpoint

• تغییرات پایگاه داده Database Changes

• تغییرات پایگاه داده Database Changes

• معرفی و ایجاد پایگاه داده Database introduction and creation

• معرفی و ایجاد پایگاه داده Database introduction and creation

• مدل اجاره مونگوس Mongoose Rental Model

• پایگاه داده ما را با داده ها پر کنید Fill our Database with data

• پایگاه داده ما را با داده ها پر کنید Fill our Database with data

• پاک کردن پایگاه داده Clean Database

• پاک کردن پایگاه داده Clean Database

• مسیریابی جداگانه Separate Routing

• ایجاد نقاط پایانی اجاره Create Rental Endpoints

• ایجاد نقاط پایانی اجاره Create Rental Endpoints

• رسیدگی به خطاها Handle Errors

• Git Push و خلاصه بخش Git Push and Summary of Section

• Git Push و خلاصه بخش Git Push and Summary of Section

[واکنش]: اجاره نقشه و صفحه جزئیات [React]: Rental Map and Detail Page

• بخش مقدمه Section Introduction

• دریافت اجاره از سرور، تغییرات اقدامات Get Rentals From Server, Actions changes

• پروکسی، Cors توضیح و رفع Proxy, Cors Explanation and Fix

• قسمت 2 پروکسی، رفع جزئیات اجاره Proxy part 2, Rental Detail Fix

• طرح بندی جزئیات اجاره، فونت عالی Rental Detail Layout, Font Awesome

• جزئیات اجاره بیشتر جداسازی اجزا Rental Detail More Components Separation

• توابع کمکی Helper Functions

• Google Map Init Google Map Init

• Google Map Api Key Google Map Api Key

• HOC - قطعات سفارشی بالا HOC - High Order Components

• الگوی ترکیب Composition Pattern

• HOC موقعیت جغرافیایی Geolocation HOC

• موقعیت جغرافیایی Geolocate Location

• نمایش منطقه مکان اجاره ای روی نقشه Display Rental Location Area on Map

• ذخیره سازی معرفی و مکان کش Caching Intro and Cache Location

• Caching Refactor، Promises Caching Refactor, Promises

• خطای نقشه را کنترل کنید Handle Map Error

• Git Push + آخرین تغییرات Git Push + Last Changes

[Node-React]: احراز هویت و ثبت [Node-React]: Authentication and Registration

• بخش مقدمه Section Introduction

• یادآوری در سرور React Reminder on React Server

• مقدمه ای بر JWT Introduction to JWT

• مقدمه ای بر JWT Introduction to JWT

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

• کنترل کننده های کاربر User Controllers

• شروع ثبت نام Starting Register

• رمزهای عبور کاربر را رمزگذاری کنید Encrypt User Passwords

• خطاهای Mongoose و اشکال زدایی Mongoose Errors and Debugging

• خطاهای Mongoose و اشکال زدایی Mongoose Errors and Debugging

• معرفی Auth Middleware Auth Middleware introduction

• معرفی Auth Middleware Auth Middleware introduction

• رمزگشایی JWT Decoding JWT

• رمزگشایی JWT Decoding JWT

• Auth Middleware Finish Auth Middleware Finish

• Auth Middleware Finish Auth Middleware Finish

• FakeDB را به روز کنید Update FakeDB

• FakeDB را به روز کنید Update FakeDB

• به Github فشار دهید Push to Github

• به Github فشار دهید Push to Github

[واکنش]: احراز هویت و ثبت [React]: Authentication and Registration

• بخش مقدمه Section Introduction

• ورود، ثبت نام Init Login, Register Init

• ثبت فرم Redux Register Redux Form

• ارزش ها را از فرم ثبت نام دریافت کنید Get Values From Register Form

• ثبت اعتبار فرم Register Form Validation

• ثبت اعتبار فرم Register Form Validation

• جزء ورودی جداگانه Separate Input Component

• ارسال درخواست برای ثبت نام کاربر Send Request To Register User

• رسیدگی به خطاهای ثبت نام Handle Register Errors

• تغییر مسیر در ثبت نام موفقیت Redirect On Success Register

• ورود به فرم Redux Login Redux Form

• اعتبار سنجی فرم ورود Login Form Validation

• ورود به سیستم Redux Form State, Actions Login Redux Form State, Actions

• ورود به سیستم Redux Form State, Reducers Login Redux Form State, Reducers

• شروع سرویس Auth Auth Service Start

• وضعیت احراز هویت را بررسی کنید Check Auth State

• خطاهای ورود را مدیریت کنید Handle Login Errors

• خروج از کاربر، پیام موفقیت در ثبت نام Logout User, Success Message On Register

• UI را بسته به وضعیت اعتبار به روز کنید Update UI depending on auth state

• مسیرهای محافظت شده Protected Routes

• رهگیرها Interceptors

• تغییر مسیر در خروج و تصاویر Redirect On Logout and Images

• Git Push! Git Push!

[Node-React]: اجازه می دهد کتاب را اجاره کنیم! [Node-React]: Lets Book Rental!

• بخش مقدمه Section Introduction

• یادآوری در سرور React Reminder on React Server

• اضافه کردن مدل رزرو Add Booking Model

• اضافه کردن مدل رزرو Add Booking Model

• Init Booking Controller Init Booking Controller

• Init Booking Controller Init Booking Controller

• پیاده سازی کنترل کننده رزرو Booking Controller Implementation

• پیاده سازی کنترل کننده رزرو Booking Controller Implementation

• اعتبارسنجی رزروها Validate Bookings

• بهبود رزرو Bookings Improvements

• بهبود رزرو Bookings Improvements

• Git Push Git Push

• Git Push Git Push

[واکنش]: اجازه می دهیم کتاب اجاره کنیم! [React]: Lets Book Rental!

• بخش مقدمه Section Introduction

• طرح بندی رزرو Booking Layout

• انتخابگر محدوده تاریخ Date Range Picker

• محدوده تاریخ را دریافت کنید Get Range of Dates

• غیرفعال کردن تاریخ های رزرو شده Disable Booked Out Dates

• مقادیر را از تقویم دریافت کنید Get Values From Calendar

• ایجاد مدال رزرو Create Booking Modal

• تأیید رزرو را به صورت Modal نمایش دهید Display Booking Confirmation in Modal

• ارسال درخواست به مکان رزرو Send Request To Book Place

• رسیدگی به پرونده ها پس از ایجاد رزرو Handle Cases After Booking Created

• پیام های نان تست Toast Messages

• Git Push! Git Push!

[React + Node]: جستجو و ایجاد اجاره [React + Node]: Search And Create Rental

• بخش مقدمه Section Introduction

• FakeDB را به روز کنید و Query را از URL دریافت کنید Update FakeDB and Get Query From Url

• جستجوی شهر نقطه پایانی شروع Search City Endpoint Start

• جستجوی شهر نقطه پایانی شروع Search City Endpoint Start

• Refactor جستجو و ایجاد نقطه پایانی اجاره Refactor Search and Create Rental Endpoint

• Refactor جستجو و ایجاد نقطه پایانی اجاره Refactor Search and Create Rental Endpoint

• قسمت سرور Git Push Git Push Server Part

• Init کامپوننت جستجوی اجاره Rental Search Component Init

• جستجوی درخواست شهر Search City Request

• رسیدگی به خطاهای جستجو Handle Search Errors

• ورودی جستجو Search Input

• فرم ایجاد اجاره Rental Create Form

• ورودی های جدید - توضیحات و دسته New Inputs - Description and Category

• ورودی های جدید - تصویر و اشتراک گذاری شده New Inputs - Image and Shared

• درخواست اجاره ایجاد کنید Create Rental Request

• منوی بخش مالک جدید در سربرگ New Owner Section Menu in Header

• نمایش نام کاربری در هدر Display Username in Header

• Git Push! Git Push!

[React + Node]: بخش را مدیریت کنید [React + Node]: Manage Section

• بخش مقدمه Section Introduction

• نقطه پایان اجاره را حذف کنید Delete Rental Endpoint

• نقاط پایانی را مدیریت کنید Manage Endpoints

• رفع نقطه پایانی را مدیریت کنید Manage Endpoint Fix

• رفع نقطه پایانی را مدیریت کنید Manage Endpoint Fix

• سرور Git Push Git Push Server

• مدیریت بخش Init Manage Section Init

• مدیریت رزروها - Redux Architecture Manage Bookings - Redux Architecture

• مدیریت اجاره، ایالت کلاس Manage Rentals, Class State

• طرح بندی رزروها را مدیریت کنید Manage Bookings Layout

• راهنمای رزرو و رسیدگی به خطا را مدیریت کنید Manage Bookings Helpers and Handle Error

• مدیریت کارت رزرو Manage Booking Card

• طرح بندی اجاره ها را مدیریت کنید Manage Rentals Layout

• مدال اجاره را برای رزرو مدیریت کنید Manage Rentals Modal For Bookings

• داده‌های رزرو تکمیل مدال اجاره Rental Modal Fill Booking Data

• طرح بندی اجاره را حذف کنید Delete Rental Layout

• حذف درخواست اجاره Delete Rental Request

• حذف درخواست اجاره Delete Rental Request

• پیشرفت های کوچک Small Improvements

• Git Push! Git Push!

[واکنش]: استقرار [React]: Deployment

• بخش مقدمه Section Introduction

• تنظیم قبل از استقرار Pre Deploy Setup

• متغیرهای Package.json و Config Package.json and Config variables

• Heroku، راه اندازی تولید Mlab Heroku, Mlab Production setup

• تعمیر سریع Quick Fix

• Heroku استقرار! Heroku Deploy!

• برنامه های ما را تست کنید Test Our Applications

• برنامه مستقر شد! Application Deployed!

کلمات پایانی + برنامه ریزی دروس آینده Final Words + Future Lessons Planning

• Outro Outro

[Angular]: به‌روزرسانی اجاره [Angular]: Update Rental

• بخش مقدمه Section Introduction

• بخش مقدمه Section Introduction

• Update Endpoint را ایجاد کنید Create Update Endpoint

• تست نقطه پایانی در پستچی Test Endpoint in Postman

• جزء به روز رسانی جدید برای اجاره New Update Component For Rental

• کامپوننت قابل ویرایش جدید قابل استفاده مجدد New Reusable Editable Component

• Entity و Field را معرفی کنید Introduce Entity and Field

• وضعیت کامپوننت و ورودی قابل ویرایش State of Editable Component and Input

• به روز رسانی سبک ها Styles Update

• ویژگی خروجی و انتشار رویداد Output Property and Emit Event

• بیایید درخواست به‌روزرسانی اجاره را ارسال کنیم! Let's send Rental Update request!

• موارد لبه دسته و شرایط جدید. Handle edge cases and new conditions.

• به‌روزرسانی سبک‌ها با دستورالعمل [ngStyle] Update Styles with [ngStyle] Directive

• ناحیه و ارث متن قابل ویرایش جدید New Editable Text Area & Inheritance

• کامپوننت انتخابی قابل ویرایش جدید New Editable Select Component

• رفع مشکل انتخاب، و رویدادهای جدید Fixing Select Issue, & New Events

• به روز رسانی نقشه و موضوع Update Map & Subject

• مدیریت خطاها و پیام‌های تست Handle Errors & Toast Messages

• تغییر نمای در کامپوننت قابل ویرایش Transform View in Editable Component

• نگهبان اجاره ای Rental Guard

• گارد پیمایش Fix & Button to Edit Guard Navigate Fix & Button to Edit

• Git Push! Git Push!

• Git Push! Git Push!

[Node]: آپلود تصویر [Node]: Image Upload

• پیکربندی AWS S3 AWS S3 Configuration

• سرویس آپلود تصویر در Node Image Upload Service in Node

• آغاز مسیر آپلود تصویر Image Upload Route Init

• تست آپلود تصویر - نوع فایل را بررسی کنید Testing Image Upload - Check for a file type

• مدیریت خطا و کد اشکال زدایی Error Handling & Debug Code

[پاداش - Angular]: آپلود تصویر با آمازون S3 [Bonus - Angular]: Image Upload With Amazon S3

• توجه قبل از سخنرانی Note Before Lecture

• مولفه ورودی تصویر Init Image Input Component Init

• فایل را از ورودی بخوانید Read File from the Input

• بهبود استایل ورودی Styling Improvements of Input

• سرویس آپلود تصویر را یکپارچه کنید Integrate Image Upload Service

• موارد لبه آپلود را مدیریت کنید - پیام ها و اسپینر Handle Upload Edge Cases - Messages and Spinner

• انتشار تصویر آپلود شده - ایجاد اجاره با یک تصویر! Emit Uploaded Image - Create Rental with an Image!

• معرفی برش تصویر Image Cropper Intro

• ایجاد اجاره با یک تصویر برش خورده Create Rental with a Cropped Image

• دستگیره Cropping Edge Cases Handle Cropping Edge Cases

• بیایید کامپوننت تصویر قابل ویرایش ایجاد کنیم Let's Create Editable Image Component

• به روز رسانی تصویر با معماری اجزای قابل استفاده مجدد Update Image With Reusable Component Architecture

• Git Push and Test App! Git Push and Test App!

[Angular-Bonus]: مهاجرت به Angular 6! [Angular-Bonus]: Migration to Angular 6!

• مهاجرت به Angular 6 Migration To Angular 6

• استقرار برنامه در Heroku Deploy Application to Heroku

[واکنش]: به ​​روز رسانی اجاره [React]: Update Rental

• توجه به بخش سرور Note to Server Part

• Update Endpoint را ایجاد کنید Create Update Endpoint

• تست نقطه پایانی در پستچی Test Endpoint in Postman

• جزء به روز رسانی جزئیات اجاره Rental Detail Update Component

• اولین لمس مولفه ورودی قابل ویرایش Editable Input Component First Touches

• حالت فعال دسته ورودی قابل ویرایش Editable Input Handle Active State

• به دکمه استایل بدهید Style the Button

• به روز رسانی عملکرد از طریق Props Update Functionality via Props

• به روز رسانی عملکرد - اقدامات Update Functionality - Actions

• عملکرد به روز رسانی - کاهنده ها Update Functionality - Reducers

• از ورودی های قابل ویرایش برای ویژگی های دیگر استفاده کنید Use Editable Inputs for other properties

• TextArea قابل ویرایش Editable TextArea

• کامپوننت قابل ویرایش انتخاب کنید Editable Select Component

• خطاهای اجزای قابل ویرایش - قسمت 1 Editable Components Errors - part 1

• خطاهای اجزای قابل ویرایش - قسمت 2 Editable Components Errors - part 2

• بارگذاری مجدد نقشه - قسمت 1 Map Reload -part 1

• بارگذاری مجدد نقشه - قسمت 2 Map Reload -part 2

• گارد کاربر - سرور User Guard - Server

• گارد کاربر - قسمت 1 مشتری User Guard - Client part 1

• گارد کاربر - قسمت 2 مشتری User Guard - Client Part 2

• کاربر گارد Refactor User Guard Refactor

• لوله ها را قالب بندی کنید Format pipes

• Git push و تست! Git push and testing!

[واکنش]: آپلود تصویر [React]: Image Upload

• توجه قبل از سخنرانی Note Before Lecture

• دریافت فایل از ورودی Get a file from input

• قسمت 1 ورودی خود را سبک کنید Style your input part 1

• قسمت 2 ورودی خود را سبک کنید Style your input part 2

• اولین بارگذاری یک تصویر First upload of an image

• بهبودهای UX قسمت 1 UX Improvements part 1

• بهبودهای UX قسمت 2 UX Improvements part 2

• شروع عملکرد برش Cropping functionality start

• یک تصویر برش خورده دریافت کنید Get a cropped image

• اصلاح رفتار برش Fix Cropping Behaviour

• دستگیره Cropping Edge Cases Handle Cropping Edge Cases

• دستگیره Cropping Edge Cases Handle Cropping Edge Cases

• بازسازی تصویر به روز رسانی Image Update Refactoring

• اجرای تصویر قابل ویرایش قسمت 1 Editable Image Implementation Part 1

• اجرای تصویر قابل ویرایش قسمت 2 Editable Image Implementation Part 2

• بهبود استایل و Git Push Styling Improvements and Git Push

• تست بعد از فشار Test After Push

• [پاداش]: به ​​یادگیری ادامه دهید [Bonus]: Keep Learning

[Angular]: پرداخت ها + صفحه نمایه [Angular]: Payments + Profile Page

• جزء پرداخت Payment Component

• معرفی راه راه Stripe Introduction

• فرم راه راه Stripe Form

• فرم راه راه قسمت 2 Stripe Form part 2

• کنترل خطا در Stripe Handle Error in Stripe

• نحوه گرفتن توکن از Stripe How to get a token from Stripe

• بهبودهای UI برای Slack Form UI Improvements for Slack Form

• رفع سریع فرم Quick Form Fix

• [Node]: به‌روزرسانی مدل‌ها، مدل پرداخت [Node]: Update Models, Payment Model

• [Node]: یک پرداخت ایجاد کنید [Node]: Create a payment

• [Node]: ایجاد یک پرداخت، قسمت 2 [Node]: Create a payment, part 2

• [Node]: پرداخت های معلق دریافت کنید [Node]: Get Pending Payments

• دریافت پرداخت های معلق Get Pending Payments

• پرداخت های معلق اشکال زدایی + رفع Pending Payments Debugging + Fixes

• نمایش پرداخت های معلق Display Pending Payments

• [Node]: پرداخت را بپذیرید [Node]: Accept Payment

• [Node]: رد پرداخت [Node]: Decline Payment

• Frontend پرداخت را بپذیرید Accept Payment Frontend

• اشکال زدایی دقیق پرداخت را بپذیرید Accept Payment Detailed Debugging

• رد پرداخت Angular Decline Payment Angular

• [Node]: نقطه پایانی صفحه نمایه [Node]: Profile Page Endpoint

• صفحه نمایه Init Profile Page Init

• صفحه نمایه الگو را پر کنید Profile Page Fill the Template

• دریافت اطلاعات واقعی کاربر Get Real Data of User

• نمایش داده‌های کاربر + اصلاحات استایل کوچک Display User Data + Small Styling fixes

• تغییرات را به Github فشار دهید Push Changes To Github

به روز رسانی به Angular 7 Update To Angular 7

• Angular را به روز کنید Update Angular

[واکنش] پرداخت ها [React] Payments

• یادداشت مهم Important Note

• جزء پرداخت Payment Component

• جزء پرداخت Payment Component

• Stripe را ادغام کنید Integrate Stripe

• فرم پرداخت Payment Form

• استایل فرم پرداخت Payment Form Styling

• خطای راه راه دسته Handle Stripe Error

• توکن راه راه Stripe Token

• دستگیره های لبه Handle Edge Cases

• [Node]: به‌روزرسانی مدل‌ها [Node]: Update Models

• [Node]: ایجاد پرداخت [Node]: Create Payment

• [Node]: قسمت 2 پرداخت را ایجاد کنید [Node]: Create Payment part 2

• [Node]: پرداخت های معلق دریافت کنید [Node]: Get Pending Payments

• مشتری پرداخت های معلق دریافت کنید Get Pending Payments Client

• رفع و اشکال زدایی Fixes And Debugging

• نمایش پرداخت های معلق Display Pending Payments

• [Node]: پرداخت را بپذیرید [Node]: Accept Payment

• [Node]: رد پرداخت [Node]: Decline Payment

• [Node]: رد پرداخت [Node]: Decline Payment

• مشتری پرداخت را بپذیرید Accept Payment Client

• اشکال زدایی پرداخت را بپذیرید Accept Payment Debugging

• رد کردن پرداخت Decline Payment

[Node]: بررسی ها [Node]: Reviews

• بررسی مقدمه Review Intro

• ایجاد بررسی قسمت 1 Create Review Part 1

• ایجاد بررسی قسمت 2 Create Review part 2

• ایجاد بررسی اشکال زدایی Create Review Debugging

• در صورت وجود، تست مروری ایجاد کنید Create Review Testing If Cases

• قبل از ذخیره بررسی و دریافت نظرات اجاره Pre Save Review & Get Rental Reviews

[Angular]: ویژگی بررسی [Angular]: Review Feature

• بررسی معرفی مؤلفه Review Component Intro

• بررسی مؤلفه مدال Review Component Modal

• مقدمه رتبه بندی ستاره ها Star Rating Introduction

• کنترل تغییر رتبه + نقاط پایانی خدمات Handle Rating Change + Service Endpoints

• ذخیره مرور Save Review

• رزروهای منقضی شده و رویداد پس از موفقیت ارسال شود Expired Bookings & Emit Event after Success

• نمایش نظرات در مورد جزئیات اجاره Display Reviews on Rental Detail

• نقطه پایان رتبه بندی کلی Overall Rating Endpoint

• نمایش رتبه بندی کلی Display Overall Rating

• رتبه بندی آخرین لمس Rating Last Touches

[واکنش] - نظرات [React] - Reviews

• آماده سازی سرور Server Preparations

• Init Review Modal Init Review Modal

• بررسی ورودی ها Review Inputs

• بررسی ایجاد درخواست Review Create Request

• بررسی Handle Create First Solution Handle Review Create First Solution

• Handle Review Create Solution 2 Handle Review Create Solution 2

• دستگیره بررسی Creation Edge Cases Handle Review Creation Edge Cases

• نظرات را دریافت کنید و آنها را نمایش دهید Get Reviews and Display Them

[اختیاری]: راه اندازی برای برنامه نویسان مشغول [Optional]: Setup for Busy Developers

• توجه قبل از سخنرانی Note Before Lecture

• توجه قبل از سخنرانی Note Before Lecture

• به روز شده: نحوه راه اندازی پروژه تکمیل شده UPDATED: How to Setup Completed Project

• OUTDATED - نحوه راه اندازی یک پروژه تکمیل شده OUTDATED - How to setup a completed project