آموزش دوره کامل توسعه دهنده React (به همراه هوک و ردوکس)

The Complete React Developer Course (w/ Hooks and Redux)

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: یاد بگیرید که چگونه برنامه های وب React را با استفاده از React، Redux، Webpack، React-Router و غیره بسازید و راه اندازی کنید! ساخت، آزمایش و راه‌اندازی برنامه‌های React استفاده از احراز هویت پیشرفته ES6/ES7 جاوا اسکریپت راه‌اندازی و حساب‌های کاربری برنامه‌های React خود را به‌طور زنده در وب مستقر کنید آخرین کتابخانه‌ها و ابزارهای React را بیاموزید Master React، Redux، React-Router و موارد دیگر پیش نیازها: رایانه ای که می توانید روی آن نرم افزار نصب کنید (ویندوز، مک او اس یا لینوکس) درک درستی از جاوا اسکریپت اصلی (توابع، اشیاء، آرایه ها، توابع پاسخ به تماس)

این دوره برای پشتیبانی از React v16، React Hooks، Context API و موارد دیگر به‌روزرسانی شد!

--

آیا قبلا سعی کرده اید React را یاد بگیرید؟

رفتن به سوراخ خرگوش کتابخانه‌ها و ابزارها آسان است و تنها برای بیرون آمدن از آن بدون دانستن نحوه ساخت و راه‌اندازی یک برنامه React در دنیای واقعی. چیزها را پیکربندی می‌کنید، اما مطمئن نیستید که چگونه کتابخانه‌ها با هم هماهنگ می‌شوند (یا اینکه حتی از کتابخانه مناسب استفاده می‌کنید).

آشنا به نظر می رسد؟

من این دوره آموزشی را ساختم تا به شما نشان دهم چگونه می توانید برنامه های وب React را در دنیای واقعی بسازید و راه اندازی کنید.

دوره کامل توسعه‌دهنده وب React 2 با اصول اولیه شروع می‌شود و همه چیزهایی را که برای ساخت و راه‌اندازی برنامه‌های وب React نیاز دارید، پوشش می‌دهد.

خواهید دید که برای ساخت و راه‌اندازی برنامه React چه چیزی لازم است، از خط اول کد تا اجرای نهایی تولید.

این دوره حول یک هدف طراحی شده است: تبدیل شما به یک توسعه دهنده حرفه ای React که قادر به توسعه، آزمایش و استقرار برنامه های کاربردی تولید در دنیای واقعی است.

شما React را با انجام، نه تماشا، یاد خواهید گرفت.

از اولین ویدیوهایی که برای ساختن هر پروژه و همچنین تکمیل چالش های برنامه نویسی طراحی کرده ام، خواهید بود تا آنچه را که یاد گرفته اید آزمایش و تقویت کنم.

در طول دوره شما دو برنامه وب React خواهید ساخت:

  1. اولین برنامه، یک برنامه تصمیم گیری به نام Indecision، برنامه شروع ما است. هنگام راه‌اندازی و اجرای برنامه React، اصول React را یاد خواهید گرفت.

  2. برنامه دوم، یک مدیر هزینه به نام بودجه، همه ویژگی هایی را دارد که از یک برنامه واقعی انتظار دارید. شما احراز هویت، حساب‌های کاربری، مسیریابی، آزمایش، اعتبارسنجی فرم، ذخیره‌سازی پایگاه داده و موارد دیگر را تنظیم خواهید کرد.

در دنیایی که همیشه در حال تغییر است، به روز بمانید.

دنیای React به سرعت تغییر می کند، و به همین دلیل است که من همیشه در تلاش هستم تا این دوره را تا حد امکان به روز نگه دارم. می‌توانید با دانستن اینکه به ویژگی‌های غیرفعال دسترسی دارید، وارد شوید.

هر چیزی که نیاز دارید در یک بسته با کاربری آسان ارائه می شود.

اگر در حال یادگیری مهارت های مناسب برای ایجاد شغل React یا راه اندازی آن برنامه React هستید، نیازی به نگرانی نیست. من همه چیزهایی را که باید بدانید در یک بسته تعاملی با قابلیت دنبال کردن آسان ترسیم کرده‌ام که برای راه‌اندازی شما در چند هفته طراحی شده است.

زمان بهتری برای یادگیری React وجود ندارد.

React راه به جایی نمی برد. شرکت‌هایی مانند Facebook، Walmart، Uber، Airbnb و Netflix همگی در حال حاضر از React در تولید استفاده می‌کنند.

آنها همچنین سرمایه گذاری های سنگینی در اکوسیستم React انجام داده اند و کتابخانه ها و ابزارهای جدیدی ایجاد کرده اند که توسعه React را سرعت بخشیده و ساده می کند. از بزرگ‌ترین تا کوچک‌ترین، همه از React استفاده می‌کنند و مشاغل جدید هر روز ظاهر می‌شوند.

در صورت گیر افتادن، به پشتیبانی سریع دسترسی پیدا کنید.

هیچ چیز بدتر از این نیست که ده ساعت در یک دوره گیر بیفتید و کمکی را که برای ادامه نیاز دارید دریافت نکنید. گیر افتادن بخشی از فرآیند یادگیری است. به همین دلیل است که من اینجا هستم تا به تک تک سوالات پاسخ دهم.

من با شما کار خواهم کرد تا شما را رها کرده و به مسیر خود بازگردانم. این یکی از دلایلی است که دانش‌آموزان دوست دارند در دوره‌های من شرکت کنند:

"این بهترین دوره ای است که من در udemi گذرانده ام. اندرو در توضیح مختصر چیزها شگفت انگیز است و جریان دوره عالی است. او از هیچ چیز نمی گذرد و هیچ چیز را بیش از حد توضیح نمی دهد. علاوه بر همه اینها، او آنقدر سریع به سوالات پاسخ می دهد که شما در هیچ نقطه ای گیر نخواهید کرد." - تانیا گاماریان

"درس ها با کیفیت هستند و مهمتر از آن، او در واقع برای پاسخ دادن به سوالات شما وقت می گذارد!" - توماس ورکامر

"مدرس در توضیح نحوه ساخت React Apps کار بسیار خوبی انجام می دهد. او همچنین به هر سوالی که پرسیده می شود به سرعت پاسخ می دهد." - مت ویلی

من تضمین می‌کنم که این به‌روزترین و جذاب‌ترین دوره React موجود است، و با 30 روز ضمانت بازگشت وجه Udemy ارائه می‌شود.

بیش از هجده بخش را خواهید آموخت:

  1. واکنش نشان دهید

  2. Redux

  3. React-Router

  4. پک وب

  5. بابل

  6. تست با Jest

  7. آنزیم

  8. اشکال‌زدایی برنامه

  9. استقرار برنامه

  10. Firebase

  11. تأیید هویت

  12. Git/GitHub

  13. ES6/ES7

  14. و بسیاری از ابزارهای دیگر

من نمی توانم منتظر باشم تا شما را در داخل ببینم!

- اندرو


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

خوش آمدی Welcome

  • خوش آمدید و سوالات خوب پرسیدن Welcome & Asking Good Questions

  • "چرا باید React را یاد بگیرم؟" "Why should I learn React?"

خوش آمدی Welcome

  • خوش آمدید و سوالات خوب پرسیدن Welcome & Asking Good Questions

  • "چرا باید React را یاد بگیرم؟" "Why should I learn React?"

تنظیم محیط شما Setting up Your Environment

  • بخش مقدمه: تنظیم محیط Section Intro: Setting up Your Environment

  • نصب کد ویژوال استودیو Installing Visual Studio Code

  • نصب Node.js & Yarn Installing Node.js & Yarn

تنظیم محیط شما Setting up Your Environment

  • بخش مقدمه: تنظیم محیط Section Intro: Setting up Your Environment

  • نصب کد ویژوال استودیو Installing Visual Studio Code

  • نصب Node.js & Yarn Installing Node.js & Yarn

سلام واکنش Hello React

  • بخش معرفی: Hello React Section Intro: Hello React

  • راه اندازی وب سرور Setting up a Web Server

  • سلام واکنش Hello React

  • راه اندازی بابل Setting up Babel

  • کاوش در JSX Exploring JSX

  • عبارات JSX JSX Expressions

  • رندر شرطی در JSX Conditional Rendering in JSX

  • ES6 Aside: const and let ES6 Aside: const and let

  • ES6 Aside: عملکردهای پیکان ES6 Aside: Arrow Functions

  • ES6 Aside: Arrow Functions Part II ES6 Aside: Arrow Functions Part II

  • رویدادها و ویژگی ها Events and Attributes

  • اتصال دستی داده ها Manual Data Binding

  • فرم ها و ورودی ها Forms and Inputs

  • آرایه ها در JSX Arrays in JSX

  • انتخاب یک گزینه Picking an Option

  • Build It: Visibility Toggle Build It: Visibility Toggle

سلام واکنش Hello React

  • بخش معرفی: Hello React Section Intro: Hello React

  • راه اندازی وب سرور Setting up a Web Server

  • سلام واکنش Hello React

  • راه اندازی بابل Setting up Babel

  • کاوش در JSX Exploring JSX

  • عبارات JSX JSX Expressions

  • رندر شرطی در JSX Conditional Rendering in JSX

  • ES6 Aside: const and let ES6 Aside: const and let

  • ES6 Aside: عملکردهای پیکان ES6 Aside: Arrow Functions

  • ES6 Aside: Arrow Functions Part II ES6 Aside: Arrow Functions Part II

  • رویدادها و ویژگی ها Events and Attributes

  • اتصال دستی داده ها Manual Data Binding

  • فرم ها و ورودی ها Forms and Inputs

  • آرایه ها در JSX Arrays in JSX

  • انتخاب یک گزینه Picking an Option

  • Build It: Visibility Toggle Build It: Visibility Toggle

React Components React Components

  • بخش معرفی: اجزای واکنش Section Intro: React Components

  • فکر کردن در React Thinking in React

  • کلاس های ES6: قسمت اول ES6 Classes: Part I

  • کلاس های ES6: قسمت دوم ES6 Classes: Part II

  • ایجاد یک React Component Creating a React Component

  • اجزای تودرتو Nesting Components

  • لوازم جانبی Component Props

  • رویدادها و روش ها Events & Methods

  • روش صحافی Method Binding

  • حالت جزء چیست؟ What Is Component State?

  • افزودن حالت به برنامه پیشخوان: قسمت اول Adding State to Counter App: Part I

  • افزودن ایالت به برنامه پیشخوان: قسمت دوم Adding State to Counter App: Part II

  • نحو جایگزین setState Alternative setState Syntax

  • Build It: افزودن حالت به VisibilityToggle Build It: Adding State to VisibilityToggle

  • حالت عدم تصمیم: قسمت اول Indecision State: Part I

  • حالت عدم تصمیم: قسمت دوم Indecision State: Part II

  • خلاصه: Props در مقابل دولت Summary: Props vs. State

React Components React Components

  • بخش معرفی: اجزای واکنش Section Intro: React Components

  • فکر کردن در React Thinking in React

  • کلاس های ES6: قسمت اول ES6 Classes: Part I

  • کلاس های ES6: قسمت دوم ES6 Classes: Part II

  • ایجاد یک React Component Creating a React Component

  • اجزای تودرتو Nesting Components

  • لوازم جانبی Component Props

  • رویدادها و روش ها Events & Methods

  • روش صحافی Method Binding

  • حالت جزء چیست؟ What Is Component State?

  • افزودن حالت به برنامه پیشخوان: قسمت اول Adding State to Counter App: Part I

  • افزودن ایالت به برنامه پیشخوان: قسمت دوم Adding State to Counter App: Part II

  • نحو جایگزین setState Alternative setState Syntax

  • Build It: افزودن حالت به VisibilityToggle Build It: Adding State to VisibilityToggle

  • حالت عدم تصمیم: قسمت اول Indecision State: Part I

  • حالت عدم تصمیم: قسمت دوم Indecision State: Part II

  • خلاصه: Props در مقابل دولت Summary: Props vs. State

اجزای عملکردی بدون تابعیت Stateless Functional Components

  • بخش مقدمه: اجزای عملکردی بدون تابعیت Section Intro: Stateless Functional Components

  • مولفه عملکردی بدون تابعیت The Stateless Functional Component

  • مقادیر پایه پیش فرض Default Prop Values

  • React Dev Tools React Dev Tools

  • حذف گزینه های فردی Removing Individual Options

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

  • ذخیره و بارگیری داده های گزینه ها Saving and Loading Options Data

  • ذخیره و بارگیری تعداد Saving and Loading the Count

اجزای عملکردی بدون تابعیت Stateless Functional Components

  • بخش مقدمه: اجزای عملکردی بدون تابعیت Section Intro: Stateless Functional Components

  • مولفه عملکردی بدون تابعیت The Stateless Functional Component

  • مقادیر پایه پیش فرض Default Prop Values

  • React Dev Tools React Dev Tools

  • حذف گزینه های فردی Removing Individual Options

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

  • ذخیره و بارگیری داده های گزینه ها Saving and Loading Options Data

  • ذخیره و بارگیری تعداد Saving and Loading the Count

بسته وب Webpack

  • بخش معرفی: پک وب Section Intro: Webpack

  • وب پک چیست؟ What Is Webpack?

  • از ماژول های جهانی اجتناب کنید Avoid Global Modules

  • نصب و پیکربندی Webpack Installing & Configuring Webpack

  • واردات/صادرات ES6 ES6 import/export

  • صادرات پیش فرض Default Exports

  • وارد کردن ماژول های npm Importing npm Modules

  • راه اندازی Babel با Webpack Setting up Babel with Webpack

  • یک جزء در هر فایل One Component per File

  • نقشه های منبع با Webpack Source Maps with Webpack

  • سرور توسعه دهنده Webpack Webpack Dev Server

  • ویژگی های کلاس ES6 ES6 class properties

بسته وب Webpack

  • بخش معرفی: پک وب Section Intro: Webpack

  • وب پک چیست؟ What Is Webpack?

  • از ماژول های جهانی اجتناب کنید Avoid Global Modules

  • نصب و پیکربندی Webpack Installing & Configuring Webpack

  • واردات/صادرات ES6 ES6 import/export

  • صادرات پیش فرض Default Exports

  • وارد کردن ماژول های npm Importing npm Modules

  • راه اندازی Babel با Webpack Setting up Babel with Webpack

  • یک جزء در هر فایل One Component per File

  • نقشه های منبع با Webpack Source Maps with Webpack

  • سرور توسعه دهنده Webpack Webpack Dev Server

  • ویژگی های کلاس ES6 ES6 class properties

استفاده از کامپوننت شخص ثالث Using a Third-Party Component

  • بخش مقدمه: استفاده از یک جزء شخص ثالث Section Intro: Using a Third-Party Component

  • انتقال کودکان به کامپوننت Passing Children to Component

  • راه اندازی React-Modal Setting up React-Modal

  • امتیاز: بازسازی سایر اجزای عملکردی بدون تابعیت Bonus: Refactoring Other Stateless Functional Components

استفاده از کامپوننت شخص ثالث Using a Third-Party Component

  • بخش مقدمه: استفاده از یک جزء شخص ثالث Section Intro: Using a Third-Party Component

  • انتقال کودکان به کامپوننت Passing Children to Component

  • راه اندازی React-Modal Setting up React-Modal

  • امتیاز: بازسازی سایر اجزای عملکردی بدون تابعیت Bonus: Refactoring Other Stateless Functional Components

Styling React Styling React

  • بخش معرفی: Styling React Section Intro: Styling React

  • راه اندازی Webpack با SCSS Setting up Webpack with SCSS

  • معماری و سبک های سربرگ Architecture and Header Styles

  • بازنشانی آن $#!* Reset That $#!*

  • قالب بندی با متغیرها Theming with Variables

  • دکمه بزرگ و لیست گزینه ها Big Button & Options List

  • حالت دادن به لیست گزینه ها Styling the Options List

  • مورد گزینه یک ظاهر طراحی شده Styling Option Item

  • یک ظاهر طراحی React-Modal Styling React-Modal

  • ملاحظات موبایل Mobile Considerations

  • جایزه: فاویکون Bonus: Favicon

Styling React Styling React

  • بخش معرفی: Styling React Section Intro: Styling React

  • راه اندازی Webpack با SCSS Setting up Webpack with SCSS

  • معماری و سبک های سربرگ Architecture and Header Styles

  • بازنشانی آن $#!* Reset That $#!*

  • قالب بندی با متغیرها Theming with Variables

  • دکمه بزرگ و لیست گزینه ها Big Button & Options List

  • حالت دادن به لیست گزینه ها Styling the Options List

  • مورد گزینه یک ظاهر طراحی شده Styling Option Item

  • یک ظاهر طراحی React-Modal Styling React-Modal

  • ملاحظات موبایل Mobile Considerations

  • جایزه: فاویکون Bonus: Favicon

React-Router React-Router

  • بخش معرفی: روتر واکنش Section Intro: React Router

  • سرور در مقابل مسیریابی مشتری Server vs. Client Routing

  • راه اندازی برنامه بودجه Setting Up Budget App

  • React-Router 101 React-Router 101

  • راه اندازی 404 Setting up a 404

  • پیوند بین مسیرها Linking Between Routes

  • سازماندهی مسیرهای ما Organizing Our Routes

  • رشته های پرس و جو و پارامترهای URL Query Strings and URL Parameters

  • آن را بسازید: روتر برای سایت نمونه کارها Build It: Router for Portfolio Site

React-Router React-Router

  • بخش معرفی: روتر واکنش Section Intro: React Router

  • سرور در مقابل مسیریابی مشتری Server vs. Client Routing

  • راه اندازی برنامه بودجه Setting Up Budget App

  • React-Router 101 React-Router 101

  • راه اندازی 404 Setting up a 404

  • پیوند بین مسیرها Linking Between Routes

  • سازماندهی مسیرهای ما Organizing Our Routes

  • رشته های پرس و جو و پارامترهای URL Query Strings and URL Parameters

  • آن را بسازید: روتر برای سایت نمونه کارها Build It: Router for Portfolio Site

Redux Redux

  • بخش معرفی: Redux Section Intro: Redux

  • چرا ما به چیزی مانند Redux نیاز داریم؟ Why Do We Need Something Like Redux?

  • راه اندازی Redux Setting up Redux

  • عملیات اعزام Dispatching Actions

  • اشتراک و اقدامات پویا Subscribing and Dynamic Actions

  • ES6 تخریب شی ES6 Object Destructuring

  • تخریب آرایه ES6 ES6 Array Destructuring

  • بازسازی و سازماندهی Refactoring and Organizing

  • کاهنده ها Reducers

  • کار با کاهش دهنده های متعدد Working with Multiple Reducers

  • ES6 Spread Operator در Reducers ES6 Spread Operator in Reducers

  • گسترش اشیاء Spreading Objects

  • جمع کردن Reducers ما Wrapping up Our Reducers

  • فیلتر کردن داده های Redux Filtering Redux Data

  • مرتب سازی داده های Redux Sorting Redux Data

Redux Redux

  • بخش معرفی: Redux Section Intro: Redux

  • چرا ما به چیزی مانند Redux نیاز داریم؟ Why Do We Need Something Like Redux?

  • راه اندازی Redux Setting up Redux

  • عملیات اعزام Dispatching Actions

  • اشتراک و اقدامات پویا Subscribing and Dynamic Actions

  • ES6 تخریب شی ES6 Object Destructuring

  • تخریب آرایه ES6 ES6 Array Destructuring

  • بازسازی و سازماندهی Refactoring and Organizing

  • کاهنده ها Reducers

  • کار با کاهش دهنده های متعدد Working with Multiple Reducers

  • ES6 Spread Operator در Reducers ES6 Spread Operator in Reducers

  • گسترش اشیاء Spreading Objects

  • جمع کردن Reducers ما Wrapping up Our Reducers

  • فیلتر کردن داده های Redux Filtering Redux Data

  • مرتب سازی داده های Redux Sorting Redux Data

با Redux واکنش نشان دهید React with Redux

  • بخش معرفی: اتصال React و Redux Section Intro: Connecting React and Redux

  • سازماندهی Redux Organizing Redux

  • جزء مرتبه بالاتر The Higher Order Component

  • اتصال فروشگاه و کامپوننت با React-Redux Connecting Store and Component with React-Redux

  • پرداخت هزینه های فردی Rendering Individual Expenses

  • ورودی های کنترل شده برای فیلترها Controlled Inputs for Filters

  • کشویی برای انتخاب SortBy Dropdown for Picking SortBy

  • ایجاد فرم افزودن/ویرایش هزینه Creating Expense Add/Edit Form

  • راه اندازی یک انتخابگر تاریخ Setting up a Date Picker

  • سیم کشی افزودن هزینه Wiring up Add Expense

  • سیم کشی ویرایش هزینه Wiring up Edit Expense

  • Redux Dev Tools Redux Dev Tools

  • فیلتر کردن بر اساس تاریخ Filtering by Dates

با Redux واکنش نشان دهید React with Redux

  • بخش معرفی: اتصال React و Redux Section Intro: Connecting React and Redux

  • سازماندهی Redux Organizing Redux

  • جزء مرتبه بالاتر The Higher Order Component

  • اتصال فروشگاه و کامپوننت با React-Redux Connecting Store and Component with React-Redux

  • پرداخت هزینه های فردی Rendering Individual Expenses

  • ورودی های کنترل شده برای فیلترها Controlled Inputs for Filters

  • کشویی برای انتخاب SortBy Dropdown for Picking SortBy

  • ایجاد فرم افزودن/ویرایش هزینه Creating Expense Add/Edit Form

  • راه اندازی یک انتخابگر تاریخ Setting up a Date Picker

  • سیم کشی افزودن هزینه Wiring up Add Expense

  • سیم کشی ویرایش هزینه Wiring up Edit Expense

  • Redux Dev Tools Redux Dev Tools

  • فیلتر کردن بر اساس تاریخ Filtering by Dates

آزمایش برنامه شما Testing Your Application

  • بخش مقدمه: آزمایش اجزای واکنش Section Intro: Testing React Components

  • راه اندازی Jest Setting up Jest

  • هزینه های آزمایشی مولدهای اقدام Testing Expenses Action Generators

  • تست فیلترهای اکشن ژنراتورها Testing Filters Action Generators

  • انتخاب کننده هزینه های تست Testing Expenses Selector

  • تست کاهنده فیلترها Testing Filters Reducer

  • کاهش دهنده هزینه های تست Testing Expenses Reducer

  • تست لحظه ای Snapshot Testing

  • آنزیم Enzyme

  • تست عکس فوری با اجزای پویا Snapshot Testing with Dynamic Components

  • مسخره کردن کتابخانه ها با شوخی Mocking Libraries with Jest

  • تست تعامل کاربر Testing User Interaction

  • تست جاسوس ها Test Spies

  • تست AddExpensePage Testing AddExpensePage

  • آزمایش EditExpensePage Testing EditExpensePage

  • تست ExpenseListFilters Testing ExpenseListFilters

  • Testing ExpenseListFilters: قسمت دوم Testing ExpenseListFilters: Part II

آزمایش برنامه شما Testing Your Application

  • بخش مقدمه: آزمایش اجزای واکنش Section Intro: Testing React Components

  • راه اندازی Jest Setting up Jest

  • هزینه های آزمایشی مولدهای اقدام Testing Expenses Action Generators

  • تست فیلترهای اکشن ژنراتورها Testing Filters Action Generators

  • انتخاب کننده هزینه های تست Testing Expenses Selector

  • تست کاهنده فیلترها Testing Filters Reducer

  • کاهش دهنده هزینه های تست Testing Expenses Reducer

  • تست لحظه ای Snapshot Testing

  • آنزیم Enzyme

  • تست عکس فوری با اجزای پویا Snapshot Testing with Dynamic Components

  • مسخره کردن کتابخانه ها با شوخی Mocking Libraries with Jest

  • تست تعامل کاربر Testing User Interaction

  • تست جاسوس ها Test Spies

  • تست AddExpensePage Testing AddExpensePage

  • آزمایش EditExpensePage Testing EditExpensePage

  • تست ExpenseListFilters Testing ExpenseListFilters

  • Testing ExpenseListFilters: قسمت دوم Testing ExpenseListFilters: Part II

استقرار برنامه های شما Deploying Your Apps

  • بخش معرفی: استقرار برنامه های شما Section Intro: Deploying Your Apps

  • نصب Git Installing Git

  • گیت چیست؟ What is Git?

  • ادغام Git در پروژه ما Integrating Git into Our Project

  • راه اندازی SSH و Github Setting up SSH and Github

  • وب پک تولیدی Production Webpack

  • ایجاد فایل های CSS مجزا Creating Separate CSS Files

  • یک وب سرور تولیدی با Express A Production Web Server with Express

  • استقرار با Heroku Deploying with Heroku

  • وابستگی های منظم در مقابل توسعه Regular vs Development Dependencies

  • گردش کار ویژگی جدید New Feature Workflow

  • Build It: اضافه کردن کل انتخابگر Build It: Adding Total Selector

  • ساخت آن: اضافه کردن جزء خلاصه Build It: Adding Summary Component

استقرار برنامه های شما Deploying Your Apps

  • بخش معرفی: استقرار برنامه های شما Section Intro: Deploying Your Apps

  • نصب Git Installing Git

  • گیت چیست؟ What is Git?

  • ادغام Git در پروژه ما Integrating Git into Our Project

  • راه اندازی SSH و Github Setting up SSH and Github

  • وب پک تولیدی Production Webpack

  • ایجاد فایل های CSS مجزا Creating Separate CSS Files

  • یک وب سرور تولیدی با Express A Production Web Server with Express

  • استقرار با Heroku Deploying with Heroku

  • وابستگی های منظم در مقابل توسعه Regular vs Development Dependencies

  • گردش کار ویژگی جدید New Feature Workflow

  • Build It: اضافه کردن کل انتخابگر Build It: Adding Total Selector

  • ساخت آن: اضافه کردن جزء خلاصه Build It: Adding Summary Component

Firebase 101 Firebase 101

  • معرفی بخش: Firebase 101 Section Intro: Firebase 101

  • دریافت Firebase Getting Firebase

  • نوشتن در پایگاه داده Writing to the Database

  • وعده های ES6 ES6 Promises

  • وعده با Firebase Promises with Firebase

  • حذف داده ها از Firebase Removing Data from Firebase

  • به روز رسانی داده ها Updating Data

  • واکشی داده ها از Firebase Fetching Data From Firebase

  • داده های آرایه در Firebase: قسمت اول Array Data in Firebase: Part I

  • داده های آرایه در Firebase: قسمت دوم Array Data in Firebase: Part II

Firebase 101 Firebase 101

  • معرفی بخش: Firebase 101 Section Intro: Firebase 101

  • دریافت Firebase Getting Firebase

  • نوشتن در پایگاه داده Writing to the Database

  • وعده های ES6 ES6 Promises

  • وعده با Firebase Promises with Firebase

  • حذف داده ها از Firebase Removing Data from Firebase

  • به روز رسانی داده ها Updating Data

  • واکشی داده ها از Firebase Fetching Data From Firebase

  • داده های آرایه در Firebase: قسمت اول Array Data in Firebase: Part I

  • داده های آرایه در Firebase: قسمت دوم Array Data in Firebase: Part II

Firebase با Redux Firebase with Redux

  • معرفی بخش: Firebase با Redux Section Intro: Firebase with Redux

  • اقدامات Redux ناهمزمان Asynchronous Redux Actions

  • آزمایش اقدامات Async Redux: قسمت اول Testing Async Redux Actions: Part I

  • آزمایش اقدامات Async Redux: قسمت دوم Testing Async Redux Actions: Part II

  • ایجاد یک پایگاه داده آزمون جداگانه Creating a Separate Test Database

  • متغیرهای محیطی Heroku Heroku Environment Variables

  • واکشی هزینه ها: قسمت اول Fetching Expenses: Part I

  • واکشی هزینه ها: قسمت دوم Fetching Expenses: Part II

  • حذف هزینه Remove Expense

  • به روز رسانی هزینه Update Expense

Firebase با Redux Firebase with Redux

  • معرفی بخش: Firebase با Redux Section Intro: Firebase with Redux

  • اقدامات Redux ناهمزمان Asynchronous Redux Actions

  • آزمایش اقدامات Async Redux: قسمت اول Testing Async Redux Actions: Part I

  • آزمایش اقدامات Async Redux: قسمت دوم Testing Async Redux Actions: Part II

  • ایجاد یک پایگاه داده آزمون جداگانه Creating a Separate Test Database

  • متغیرهای محیطی Heroku Heroku Environment Variables

  • واکشی هزینه ها: قسمت اول Fetching Expenses: Part I

  • واکشی هزینه ها: قسمت دوم Fetching Expenses: Part II

  • حذف هزینه Remove Expense

  • به روز رسانی هزینه Update Expense

احراز هویت Firebase Firebase Authentication

  • بخش معرفی: احراز هویت Firebase Section Intro: Firebase Authentication

  • صفحه ورود و احراز هویت گوگل Login Page and Google Authentication

  • خروج از سیستم Logging Out

  • تغییر مسیر ورود یا خروج Redirecting Login or Logout

  • Auth Reducer The Auth Reducer

  • مسیرهای فقط خصوصی Private Only Routes

  • مسیرهای فقط عمومی Public Only Routes

  • داده های فایربیس خصوصی Private Firebase Data

  • اعتبارسنجی و استقرار داده ها Data Validation and Deployment

احراز هویت Firebase Firebase Authentication

  • بخش معرفی: احراز هویت Firebase Section Intro: Firebase Authentication

  • صفحه ورود و احراز هویت گوگل Login Page and Google Authentication

  • خروج از سیستم Logging Out

  • تغییر مسیر ورود یا خروج Redirecting Login or Logout

  • Auth Reducer The Auth Reducer

  • مسیرهای فقط خصوصی Private Only Routes

  • مسیرهای فقط عمومی Public Only Routes

  • داده های فایربیس خصوصی Private Firebase Data

  • اعتبارسنجی و استقرار داده ها Data Validation and Deployment

Styling Budget App Styling Budget App

  • بخش معرفی: برنامه بودجه یک ظاهر طراحی شده Section Intro: Styling Budget App

  • صفحه ورود به سبک Styling Login Page

  • دکمه های یک ظاهر طراحی شده Styling Buttons

  • منطقه خلاصه یک ظاهر طراحی شده Styling Summary Area

  • فیلترهای فهرست استایل Styling List Filters

  • ورودی های یک ظاهر طراحی شده Styling Inputs

  • فرم هزینه یک ظاهر طراحی شده Styling Expense Form

  • فهرست هزینه های استایلینگ: قسمت اول Styling Expenses List: Part I

  • لیست هزینه های یک ظاهر طراحی شده: قسمت دوم Styling Expenses List: Part II

  • اضافه کردن لودر Adding Loader

  • بابل پلی پر Babel Polyfill

  • استقرار نهایی Final Deployment

Styling Budget App Styling Budget App

  • بخش معرفی: برنامه بودجه یک ظاهر طراحی شده Section Intro: Styling Budget App

  • صفحه ورود به سبک Styling Login Page

  • دکمه های یک ظاهر طراحی شده Styling Buttons

  • منطقه خلاصه یک ظاهر طراحی شده Styling Summary Area

  • فیلترهای فهرست استایل Styling List Filters

  • ورودی های یک ظاهر طراحی شده Styling Inputs

  • فرم هزینه یک ظاهر طراحی شده Styling Expense Form

  • فهرست هزینه های استایلینگ: قسمت اول Styling Expenses List: Part I

  • لیست هزینه های یک ظاهر طراحی شده: قسمت دوم Styling Expenses List: Part II

  • اضافه کردن لودر Adding Loader

  • بابل پلی پر Babel Polyfill

  • استقرار نهایی Final Deployment

حالا چی؟ What Now?

  • بخش به: حالا چه؟ Section Into: What Now?

  • ایجاد صفحه دیگ نهایی Creating the Final Boilerplate

  • بهبود برنامه بودجه Budget App Enhancements

  • بهبود برنامه عدم تصمیم Indecision App Enhancements

  • ایده جدید برنامه: وبلاگ New App Idea: Blog

  • تا دفعه بعد Until Next Time

حالا چی؟ What Now?

  • بخش به: حالا چه؟ Section Into: What Now?

  • ایجاد صفحه دیگ نهایی Creating the Final Boilerplate

  • بهبود برنامه بودجه Budget App Enhancements

  • بهبود برنامه عدم تصمیم Indecision App Enhancements

  • ایده جدید برنامه: وبلاگ New App Idea: Blog

  • تا دفعه بعد Until Next Time

[جدید!] قلاب ها، زمینه، قطعات، و بیشتر [New!] Hooks, Context, Fragments, and More

  • بخش معرفی Section Intro

  • با استفاده از Create React App Using Create React App

  • UseState Hook The useState Hook

  • useState در مقابل setState useState vs. setState

  • حالت پیچیده با useState Complex State with useState

  • قلاب useEffect The useEffect Hook

  • وابستگی های useEffect useEffect Dependencies

  • جلوه های پاکسازی Cleaning up Effects

  • UseReducer Hook The useReducer Hook

  • Context API & useContext Hook: قسمت اول The Context API & useContext Hook: Part I

  • Context API & useContext Hook: Part II The Context API & useContext Hook: Part II

  • قطعات Fragments

  • ایجاد قلاب های سفارشی Creating Custom Hooks

[جدید!] قلاب ها، زمینه، قطعات، و بیشتر [New!] Hooks, Context, Fragments, and More

  • بخش معرفی Section Intro

  • با استفاده از Create React App Using Create React App

  • UseState Hook The useState Hook

  • useState در مقابل setState useState vs. setState

  • حالت پیچیده با useState Complex State with useState

  • قلاب useEffect The useEffect Hook

  • وابستگی های useEffect useEffect Dependencies

  • جلوه های پاکسازی Cleaning up Effects

  • UseReducer Hook The useReducer Hook

  • Context API & useContext Hook: قسمت اول The Context API & useContext Hook: Part I

  • Context API & useContext Hook: Part II The Context API & useContext Hook: Part II

  • قطعات Fragments

  • ایجاد قلاب های سفارشی Creating Custom Hooks

نمایش نظرات

آموزش دوره کامل توسعه دهنده React (به همراه هوک و ردوکس)
جزییات دوره
39 hours
200
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
83,471
4.5 از 5
دارد
دارد
دارد
Andrew Mead
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Andrew Mead Andrew Mead

یک توسعه دهنده و معلم تمام پشته