آموزش React JS - تسلط بر Redux

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

معرفی Introduction

• معرفی مربی Introducing the Instructor

• نصب React Tools Installing React Tools

• نصب یک ویرایشگر کد Installing a Code Editor

• کد منبع دوره Source Code for the Course

• یادداشت های مقدماتی نهایی Final Introductory Notes

درک React Understanding React

• React، Components و JSX React, Components, & JSX

• حالت، لوازم، و روش های چرخه حیات State, Props, & Lifecycle Methods

برنامه یک | AgeTeller Application One | AgeTeller

• پیش نمایش AgeTeller Previewing AgeTeller

• راه اندازی AgeTeller Setting Up AgeTeller

• ایجاد کامپوننت برنامه Creating an App Component

• ساخت کامپوننت فرم Crafting a Form Component

• دولت مجری Implementing State

• ساخت مولفه آمار Building a Stats Component

• اضافه کردن استایل و انیمیشن Adding Styling and Animations

• نمای کلی بخش | AgeTeller Section Overview | AgeTeller

آشنایی با Redux Understanding Redux

• Redux - دستور العمل 3 مرحله ای Redux - the 3 Step Recipe

• نمای کلی بخش | آشنایی با Redux Section Overview | Understanding Redux

برنامه Redux One | SuperSquad Redux Application One | SuperSquad

• پیش نمایش SuperSquad Previewing SuperSquad

• راه اندازی SuperSquad Setting Up SuperSquad

• اولین کاهنده The First Reducer

• فروشگاه The Store

• اولین اقدام The First Action

• افزودن کاهنده دوم Adding a Second Reducer

• نگاشت وضعیت به Props در CharacterList Mapping State to Props in a CharacterList

• ارسال نقشه به Props Mapping Dispatch to Props

• استایل دادن به برنامه Styling the App

• ایجاد لیست قهرمانان Creating a Hero List

• اقدام دوم The Second Action

• ساخت جزء آمار تیم Building a Squad Stats Component

• نمای کلی بخش | SuperSquad Section Overview | SuperSquad

برنامه Redux دو | RecipeFinder Redux Application Two | RecipeFinder

• پیش نمایش RecipeFinder Previewing RecipeFinder

• راه اندازی RecipeFinder Setting Up RecipeFinder

• ایجاد یک فرم برای جستجوی دستور غذاها Creating a Form to Search Recipes

• شکست کدنویسی | درخواست های وب Coding Break | Web Requests

• دسترسی به API Accessing the API

• واکشی از API Fetching from the API

• ذخیره سازی دستور العمل ها Storing Recipes

• ساخت لیست دستور العمل Building a Recipe List

• ساخت اقلام دستور غذا Making Recipe Items

• ذخیره سازی دستور العمل های مورد علاقه Storing Favorite Recipes

• ستاره‌دار اقلام دستور غذا Starring Recipe Items

• ساختن لیست دستور غذای مورد علاقه Building a Favorite Recipe List

• فهرست دستور العمل های مسیریابی Routing Recipe Lists

• نمای کلی بخش | RecipeFinder Section Overview | RecipeFinder

برنامه Redux سه | MemeGenerator Redux Application Three | MemeGenerator

• پیش نمایش MemeGenerator Previewing MemeGenerator

• راه اندازی MemeGenerator Setting Up MemeGenerator

• دسترسی به API Getting Access to the API

• واکشی میم ها به صورت ناهمزمان Fetching Memes Asynchronously

• استفاده از Thunk Middleware Applying Thunk Middleware

• لیست کردن الگوهای رفتاری Listing Memes

• ایجاد آیتم های Meme Creating Meme Items

• متحرک سازی آیتم های میم Animating Meme Items

• ساخت یک فرم میم سفارشی Crafting a Custom Meme Form

• کاهش و ارسال میم های شخصی Reducing and Posting Personal Memes

• تنظیم یک اکشن Post Meme Setting Up a Post Meme Action

• ساخت لیست میم های شخصی Building a Personal Memes List

• نمای کلی بخش | MemeGenerator Section Overview | MemeGenerator

React Hooks بخش 1 - شیرجه رفتن به توسعه قلاب React Hooks Section 1 - Dive into Hooks Development

• پیش نمایش پروژه یک Project One Preview

• راه اندازی پروژه یک | تجدید نظر شده است Set Up Project One | Revised

• هوک اول: useState | تجدید نظر شده است First Hook: useState | Revised

• useEffect useEffect

• چالش و کد: کامپوننت داستان ها با UseEffect | تجدید نظر شده است Challenge and Code: Stories Component with UseEffect | Revised

• ساخت یک قلاب سفارشی: useFetch Build a Custom Hook: useFetch

• [اختیاری] کلمه کلیدی تابع در مقابل توابع پیکان [Optional] Function Keyword vs Arrow Functions

React Hooks بخش 2 - Hooks Under the Hood React Hooks Section 2 - Hooks Under the Hood

• پیش نمایش بخش - قلاب های زیر سرپوش Section Preview - Hooks Under the Hood

• React Runtime و How React Applies Hooks The React Runtime and How React Applies Hooks

• UseState Under the Hood UseState Under the Hood

• مولفه وظایف بخش 1: قلاب های حالت چند منظوره Tasks Component Part 1: Multiple useState hooks

• بخش وظایف بخش 2 Tasks Component Part 2

• ترتیب استفاده از وضعیت The Order of UseState

• فضای ذخیره‌سازی محلی برای وظایف Local Storage for Tasks

• قلاب با فاصله Hooks with an Interval

• جلوه ها با پاکسازی Effects with Cleanup

• تاخیر و افزایش دینامیک Dynamic Delay and Increment

• چالش و کد: جزء ماتریس Challenge and Code: Matrix Component

• ساخت یک قلاب سفارشی: useDynamicTransition Build a Custom Hook: useDynamicTransition

React Hooks بخش 3 - تاملی در مورد چرایی Hooks و پروژه دو React Hooks Section 3 - Reflection on the Why of Hooks & Project Two

• چرا قلاب The Why of Hooks

• پیش نمایش پروژه دو Project Two Preview

• نمای کلی الگوی کاهش دهنده The Reducer Pattern Overview

• راه اندازی برنامه واکنش Set Up Reaction App

• حالت کاهش دهنده واکنش ها Reactions Reducer State

• UseReducer for Tasks | قسمت 1 UseReducer for Tasks | Part 1

• UseReducer for Tasks | قسمت 2 UseReducer for Tasks | Part 2

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

• چالش و کد: کامپوننت MessageBoard Challenge and Code: MessageBoard Component

• UseContext و یک قلاب زمینه سفارشی UseContext and a Custom Context Hook

• معماری PubSub و Reducer The PubSub and Reducer Architecture

• PubNub را کاوش کنید Explore PubNub

• عملکرد PubSub و اتصال Reducer PubSub Function and Reducer Connection

• نام کاربری را تنظیم کنید Set Username

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

• جریان کاهش دهنده واکنش ها Reactions Reducer flow

• واکنش ها را منتشر کنید Publish Reactions

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

محتوای عمقی جاوا اسکریپت اختیاری Optional In-Depth JavaScript Content

• کنسول، اپراتورها و متغیرها The Console, Operators, and Variables

• Booleans و Conditionals Booleans and Conditionals

• نحو - نقطه ویرگول و نظرات Syntax - Semicolons and Comments

• تعریف نشده و ابتدایی Undefined and Primitives

• آرایه ها Arrays

• اشیاء Objects

• حلقه ها و تکرار Loops and Iteration

• توابع - اعلان ها در مقابل عبارات Functions - Declarations vs. Expressions

• توابع پیکان Arrow Functions

• روش ها و کلمه کلیدی «این». Methods and the `this` Keyword

• بیشتر در مورد "این" و عبارات تابع در مقابل توابع پیکان More on `this` and Function Expressions vs. Arrow functions

• سوال مصاحبه | کلمه کلیدی "این". Interview Question | The `this` Keyword

• تماس های تلفنی Callbacks

• سوال مصاحبه | تماس های تلفنی Interview Question | Callbacks

• زبان پویا و انواع A Dynamic Language and Types

• تقریباً همه چیز یک شی است Almost Everything is an Object

• مساوات و نوع اجبار Equality and Type Coercion

• راست و دروغ Truthy and Falsy

• تهی در مقابل تعریف نشده Null vs. Undefined

• تبدیل نوع صریح Explicit Type Conversion

• سوال مصاحبه | انواع جاوا اسکریپت Interview Question | JavaScript Types

• Let، Const و Mutability Let, Const, and Mutability

• Let، Const، Var و Scope Let, Const, Var, and Scope

• Var and Function Hoisting Var and Function Hoisting

• سوال مصاحبه | دامنه و بالا بردن Interview Question | Scope and Hoisting

• Template Literals و Tenary Operators Template Literals and Ternary Operators

• مختصر نویسی و واگذاری ساختاری The Property Shorthand and Destructuring Assignment

• روش های شی Object methods

• نحو را گسترش دهید Spread Syntax

• Object.is، References و Shallow Clone Object.is, References, and Shallow Clone

• JSON.parse، JSON.stringify، و تلاش برای شبیه‌سازی عمیق JSON.parse, JSON.stringify, and an Attempt at Deep Cloning

• سفارشی و Lodash CloneDeep Custom and Lodash CloneDeep

• سوال مصاحبه | شبیه سازی یک شی Interview Question | Cloning an Object

• بسته شدن Closures

• کارخانجات عملکردی Function Factories

• توابع مرتبه بالاتر Higher Order Functions

• سوال مصاحبه | بسته شدن، توابع درجه بالاتر، و پاسخ به تماس Interview Question | Closures, Higher-Order Functions, and Callbacks

• بررسی اجمالی Redux [پیش‌نمایش Bootcamp Redux] Redux Overview [Redux Bootcamp Preview]

• برنامه نویسی شی گرا Object-Oriented Programming

• توابع سازنده Constructor functions

• کلاس ها Classes

• نمونه های اولیه و وراثت مبتنی بر نمونه اولیه Prototypes and the Prototype-Based Inheritance

• Object Prototype، .__proto__، و زنجیره نمونه اولیه Object Prototype, .__proto__, and the prototype chain

• سوال مصاحبه | وراثت مبتنی بر نمونه اولیه Interview Question | Prototype-Based Inheritance

• کد ناهمزمان با SetTimeout Asynchronous Code with SetTimeout

• واکشی و قول بده Fetch and Promise

• قول از اول Promise from Scratch

• موتور جاوا اسکریپت و زمان اجرا JavaScript Engine and Runtime

• انتظار و Async Await and Async

• سوال مصاحبه | جاوا اسکریپت ناهمزمان Interview Question | Asynchronous JavaScript

اظهارات نهایی و محتوای پاداش Final Remarks & Bonus Content

• اظهارات نهایی و محتوای پاداش Final Remarks & Bonus Content