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

The Complete React Js & Redux Course - Build Modern Web Apps

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: با ساختن اپلیکیشن وب لایک اینستاگرام با React 16، React Router، Redux و Firebase، از مبتدی به React Js Expert بروید! روش مدرن ساخت برنامه های کاربردی وب را بیاموزید مدل ترکیبی Master React یک برنامه وب شبیه اینستاگرام از ابتدا بسازید! ساخت صفحات وب تعاملی با اجزای مستقل مدیریت داده های برنامه خود با Redux دریافت مشاغل توسعه وب در سایت های فریلنسر پیش نیازها:بدون نیاز به تجربه توسعه وب. این دوره به گونه ای طراحی شده است که دانش آموزان بدون تجربه برنامه نویسی/توسعه وب را به سمت توسعه دهندگان موفق React ببرد.

React به سرعت به یکی از قدرتمندترین ابزارها برای ساخت برنامه های وب تبدیل شده است. برترین سایت‌هایی که از React استفاده می‌کنند عبارتند از Facebook، Twitter، Netflix، Airbnb و موارد دیگر!

این دوره برای کارآفرینان یا استارت‌آپ‌هایی که به دنبال اجرای ایده‌های خود هستند عالی است و توسعه‌دهندگان React دارای بالاترین حقوق در دنیای توسعه هستند.

Master React و Redux در این دوره سرگرم‌کننده و هیجان‌انگیز با مربی برتر رایان اسلیم. رایان با بیش از 15000 دانش آموز، یک مربی با رتبه بالا و با تجربه است که از سبک "یادگیری از طریق انجام" من برای ایجاد این دوره شگفت انگیز پیروی کرده است.

شما از سطح مبتدی به سطح بسیار بالا خواهید رفت و مربی شما هر کار را گام به گام روی صفحه با شما انجام می دهد.

در پایان دوره، شما یک برنامه وب Photowall پیچیده با React، Redux و CSS خواهید ساخت. این برنامه قدرتمند حتی ارشدترین توسعه دهندگان را تحت تاثیر قرار می دهد و اطمینان حاصل می کند که مهارت هایی در React و Redux دارید که می توانید به هر پروژه یا شرکتی بیاورید.

این دوره به شما نشان می دهد که چگونه:

  • با React، Redux و CSS یک برنامه وب Photowall پیچیده بسازید

  • از Redux برای مدیریت داده‌های خود، قابل پیش‌بینی‌تر کردن و اشکال‌زدایی آسان‌تر استفاده کنید.

  • برنامه خود را به Firebase، یک پایگاه داده قدرتمند، وصل کنید.

  • از React Router برای پیمایش در برنامه خود استفاده کنید

  • اجزای کلاس را ایجاد کنید

  • از JSX برای ساختن رابط کاربری خود استفاده کنید

  • از Props برای ارسال داده استفاده کنید

  • صفحه وب خود را به اجزاء تقسیم کنید

  • حالت مؤلفه را به‌روزرسانی کنید تا از برنامه‌های کاربردی پاسخگو و تعاملی اطمینان حاصل کنید.

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

این دوره همچنین با تمام کد منبع و پشتیبانی دوستانه در منطقه Q A ارائه می شود.


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

معرفی 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

نمایش نظرات

آموزش دوره کامل React Js & Redux - ساخت برنامه های وب مدرن
جزییات دوره
8 hours
71
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
21,028
4.4 از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Rayan Slim Rayan Slim

معلم

سلام! من Rayan هستم، یک توسعه دهنده نرم افزار تمام وقت مستقر در اتاوا، کانادا.

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

در اوقات فراغت، من عاشق تدریس هستم!

Jad Slim Jad Slim

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

Rob Percival Rob Percival

توسعه دهنده وب و معلم

Codestars • over 2 million students worldwide! Codestars • over 2 million students worldwide!

آموزش نسل بعدی کدگذارها