آموزش دوره کامل React Js & Redux - ساخت برنامه های وب مدرن

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

معرفی Introduction

• معرفی Introduction

• محتوای ارزشمندتر را کشف کنید Discover More Valuable Content

معرفی Introduction

• معرفی Introduction

• محتوای ارزشمندتر را کشف کنید Discover More Valuable Content

شروع شدن Getting Started

• ویرایشگر کد Code Editor

• Node.js Node.js

شروع شدن Getting Started

• ویرایشگر کد Code Editor

• Node.js Node.js

دوره تصادف ES6 (اختیاری) ES6 Crash Course (Optional)

• بررسی اجمالی Overview

• نحوه اجرای کد خود برای این بخش (پرش نکنید) How to run your code for this section (DO NOT SKIP)

• ES6 - اجازه دهید (اختیاری) ES6 - let (Optional)

• ES6 - let vs const (اختیاری) ES6 - let vs const (Optional)

• ES6 - عملکردهای پیکان (اختیاری) ES6 - Arrow Functions (Optional)

• ES6 - رشته‌های الگو (اختیاری) ES6 - Template Strings (Optional)

• روش‌های نمونه اولیه (اختیاری) Prototype Methods (Optional)

• ES6 - کلاس‌ها (اختیاری) ES6 - Classes (Optional)

• اپراتور Spread (اختیاری) Spread Operator (Optional)

دوره تصادف ES6 (اختیاری) ES6 Crash Course (Optional)

• بررسی اجمالی Overview

• نحوه اجرای کد خود برای این بخش (پرش نکنید) How to run your code for this section (DO NOT SKIP)

• ES6 - اجازه دهید (اختیاری) ES6 - let (Optional)

• ES6 - let vs const (اختیاری) ES6 - let vs const (Optional)

• ES6 - عملکردهای پیکان (اختیاری) ES6 - Arrow Functions (Optional)

• ES6 - رشته‌های الگو (اختیاری) ES6 - Template Strings (Optional)

• روش‌های نمونه اولیه (اختیاری) Prototype Methods (Optional)

• ES6 - کلاس‌ها (اختیاری) ES6 - Classes (Optional)

• اپراتور Spread (اختیاری) Spread Operator (Optional)

React Intro React Intro

• بررسی اجمالی Overview

• Create-react-app Create-react-app

• Create-react-app (خطای مجوزها) Create-react-app (Permissions Error)

• عناصر Elements

• JSX JSX

• اجزاء Components

• Refactor Refactor

React Intro React Intro

• بررسی اجمالی Overview

• Create-react-app Create-react-app

• Create-react-app (خطای مجوزها) Create-react-app (Permissions Error)

• عناصر Elements

• JSX JSX

• اجزاء Components

• Refactor Refactor

واکنش - مدیریت دولتی React - State Management

• بررسی اجمالی Overview

• راه اندازی برنامه (منابع) App Setup (Resources)

• راه اندازی برنامه App Setup

• معماری کامپوننت Component Architecture

• اجزای عملکردی Functional Components

• مدیریت دولتی State Management

• وضعیت به روز رسانی Updating State

• Prop-Types Prop-Types

• روش های چرخه حیات Lifecycle Methods

• فهرست روش های چرخه حیات Lifecycle Methods List

واکنش - مدیریت دولتی React - State Management

• بررسی اجمالی Overview

• راه اندازی برنامه (منابع) App Setup (Resources)

• راه اندازی برنامه App Setup

• معماری کامپوننت Component Architecture

• اجزای عملکردی Functional Components

• مدیریت دولتی State Management

• وضعیت به روز رسانی Updating State

• Prop-Types Prop-Types

• روش های چرخه حیات Lifecycle Methods

• فهرست روش های چرخه حیات Lifecycle Methods List

React-Router React-Router

• بررسی اجمالی Overview

• ناوبری وضعیت اجزا (منابع) Component State Navigation (Resources)

• ناوبری وضعیت اجزا Component State Navigation

• مرورگر-روتر Browser-Router

• ارتباط دادن Link

• مسیر Route

• راه اندازی رابط کاربری (منابع) UI Setup (Resources)

• نام فونت (خطا) Font-names (error)

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

• افزودن عکس ها Adding Photos

• بسته شدن Wrapping up

• Key Prop - Index، یا نه؟ Key Prop - Index, or not?

• کد منبع Source Code

React-Router React-Router

• بررسی اجمالی Overview

• ناوبری وضعیت اجزا (منابع) Component State Navigation (Resources)

• ناوبری وضعیت اجزا Component State Navigation

• مرورگر-روتر Browser-Router

• ارتباط دادن Link

• مسیر Route

• راه اندازی رابط کاربری (منابع) UI Setup (Resources)

• نام فونت (خطا) Font-names (error)

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

• افزودن عکس ها Adding Photos

• بسته شدن Wrapping up

• Key Prop - Index، یا نه؟ Key Prop - Index, or not?

• کد منبع Source Code

Redux Redux

• بررسی اجمالی Overview

• تئوری Theory

• فروشگاه Redux Redux Store

• کاهنده Reducer

• کامپوننت متصل Connected Component

• اقدامات Actions

• وضعیت به روز رسانی Updating State

• اقدامات (2) - افزودن پست ها Actions (2) - Adding Posts

• ناسازگاری پایه تاریخ History Prop Inconsistency

• ابزار توسعه Redux Redux Dev Tool

• کد منبع Source Code

Redux Redux

• بررسی اجمالی Overview

• تئوری Theory

• فروشگاه Redux Redux Store

• کاهنده Reducer

• کامپوننت متصل Connected Component

• اقدامات Actions

• وضعیت به روز رسانی Updating State

• اقدامات (2) - افزودن پست ها Actions (2) - Adding Posts

• ناسازگاری پایه تاریخ History Prop Inconsistency

• ابزار توسعه Redux Redux Dev Tool

• کد منبع Source Code

Redux (2) - نظرات Redux (2) - Comments

• CSS برای ویدیوی بعدی CSS for next Video

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

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

• بارگیری انتخابی نظرات Selectively Loading Comments

• تعداد نظرات Comment Count

• کد منبع Source Code

Redux (2) - نظرات Redux (2) - Comments

• CSS برای ویدیوی بعدی CSS for next Video

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

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

• بارگیری انتخابی نظرات Selectively Loading Comments

• تعداد نظرات Comment Count

• کد منبع Source Code

Firebase و Redux Firebase & Redux

• بررسی اجمالی Overview

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

• به روز رسانی پایگاه داده Updating Database

• واکشی پست ها Fetching Posts

• حذف پست ها Removing Posts

• ذخیره نظرات Saving Comments

• بارگیری نظرات Loading Comments

• کد منبع Source Code

• به روز رسانی های چند مکان Multi-location updates

Firebase و Redux Firebase & Redux

• بررسی اجمالی Overview

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

• به روز رسانی پایگاه داده Updating Database

• واکشی پست ها Fetching Posts

• حذف پست ها Removing Posts

• ذخیره نظرات Saving Comments

• بارگیری نظرات Loading Comments

• کد منبع Source Code

• به روز رسانی های چند مکان Multi-location updates

بسته شدن Wrapping up

• اشکال زدایی Debugging

• کد منبع نهایی Final Source Code

بسته شدن Wrapping up

• اشکال زدایی Debugging

• کد منبع نهایی Final Source Code