آموزش React را یاد بگیرید

دانلود Learn React

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:

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

با تسلط بر اصول React، می‌توانید مجموعه مهارت‌های خود را افزایش دهید و از رقبا جلوتر بمانید. امروز روی آموزش React سرمایه‌گذاری کنید تا فرصت‌های کار در پروژه‌های پیشرفته را باز کنید و موقعیت‌های شغلی با درآمد بالاتر را تضمین کنید. اولین قدم را برای تبدیل شدن به یک توسعه دهنده محبوب React بردارید و دوره آموزشی React ما را هم اکنون تماشا کنید.

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

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

این آموزش جاوا اسکریپت دارای ویدئوهایی است که موضوعاتی از جمله:

را پوشش می‌دهد
  • جدا کردن اجزای بزرگ React برای قابلیت استفاده مجدد بهتر
  • درک نحوه عملکرد مسیریابی در React
  • اتصال اجزا به Redux
  • چه کسی باید آموزش واکنش نشان دهد؟

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

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

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


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

مفاهیم و نحو اولیه React Basic React Concepts & Syntax

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

  • معرفی Introduction

  • مزایای React Benefits of React

  • یک React App ایجاد و اجرا کنید Create and Run a React App

  • ساختار پروژه React React Project Structure

  • مبانی JSX Basics of JSX

  • درج متغیرها در JSX Inserting Variables Into JSX

  • ایجاد و رندر کامپوننت ها Creating and Rendering Components

  • نتیجه Conclusion

مقدمه ای بر Redux Introduction to Redux

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

  • معرفی Introduction

  • هدف Redux The Purpose of Redux

  • مفاهیم اساسی Redux Basic Concepts of Redux

  • راه اندازی یک برنامه Redux Setting Up a Redux Application

  • Redux Action Syntax Redux Action Syntax

  • نحو کاهنده Reducer Syntax

  • اتصال کامپوننت ها به Redux Connecting Components to Redux

  • دسترسی به مقادیر چندگانه حالت Accessing Multiple State Values

  • نتیجه Conclusion

ایجاد و استفاده مجدد از React Components Create and Reuse React Components

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

  • معرفی Introduction

  • واردات و صادرات قطعات Importing and Exporting Components

  • یک ظاهر طراحی کامپوننت پایه Basic Component Styling

  • React Fragments React Fragments

  • مقدمه ای بر Component Props Introduction to Component Props

  • قطعات قابل استفاده مجدد Reusable Components

  • نتیجه Conclusion

Type-Checking و Event-Handling در React Type-Checking and Event-Handling in React

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

  • معرفی Introduction

  • PropTypes PropTypes

  • مدیریت رویداد پایه Basic Event Handling

  • سبک های محدوده با ماژول های CSS Scoping Styles with CSS Modules

  • ایجاد اجزای قابل استفاده مجدد بیشتر Creating more reusable components

  • React Dev-tools React Dev-tools

  • نتیجه Conclusion

مقدمه ای بر حالت جزء Introduction to Component State

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

  • معرفی Introduction

  • نحوه اضافه کردن حالت به کامپوننت ها How to Add State to Components

  • چگونه حالت را به کامپوننت ها اضافه نکنیم How NOT to Add State to Components

  • نمایش و پنهان کردن اجزاء Showing and Hiding Components

  • به اشتراک گذاری حالت بین کامپوننت ها Sharing State Between Components

  • عبور توابع به عنوان Props Passing Functions as Props

  • نتیجه Conclusion

لیست ها و قابلیت استفاده مجدد کامپوننت Lists and Component Reusability

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

  • معرفی Introduction

  • نمایش لیست ها Displaying Lists

  • شکستن اجزای بزرگ Breaking up Large Components

  • ایجاد یک کامپوننت برچسب Creating a Tag Component

  • وضعیت پایدار در LocalStorage Persisting State in LocalStorage

  • سایر گزینه های تداوم ایالتی Other State Persistence Options

  • نتیجه Conclusion

مقدمه ای بر React Routing Introduction to React Routing

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

  • معرفی Introduction

  • مسیریابی اولیه با React-Router-Dom Basic Routing with React-Router-Dom

  • ایجاد یک نوار ناوبری Creating a Navigation Bar

  • پیاده سازی اجزای صفحه Implementing Page Components

  • پارامترهای URL URL Parameters

  • پیمایش به صورت برنامه ای Navigating Programmatically

  • نتیجه Conclusion

برنامه های Refactor React Refactor React Applications

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

  • معرفی Introduction

  • اضافه کردن لوازم چند منظوره Adding Multiple Function Props

  • افزایش قابلیت استفاده مجدد کامپوننت Increasing Component Reusability

  • ارسال لوازم جانبی به صفحات Passing Props to Pages

  • افزایش قابلیت استفاده مجدد کامپوننت (دوباره) Increasing Component Reusability (Again)

  • افزودن PropType به صفحات Adding PropTypes to Pages

  • پنهان نگه داشتن عناصر پنهان Keeping Hidden Elements Hidden

  • نتیجه Conclusion

مقدمه ای بر React Context Introduction to React Context

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

  • معرفی Introduction

  • مبانی زمینه Basics of Context

  • ایجاد و دسترسی به متن Creating and Accessing Context

  • عبور توابع از طریق زمینه Passing Functions through Context

  • کپسوله کردن منطق در یک مؤلفه ارائه دهنده Encapsulating Logic in a Provider Component

  • نحوه کار فرم ها در React How Forms work in React

  • نتیجه Conclusion

React Form Basics React Form Basics

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

  • معرفی Introduction

  • ایجاد پیوندهای دوطرفه فرم Creating Two-Way Form Bindings

  • تغییر از Static به Dynamic Data با Context Switching from Static to Dynamic Data with Context

  • اتصال فرم ها با زمینه Connecting Forms with Context

  • وضعیت زمینه ماندگار Persisting Context State

  • نتیجه Conclusion

فرم های قابل استفاده مجدد در React Reusable Forms in React

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

  • معرفی Introduction

  • نحوه استفاده مجدد از فرم ها How to Make Forms Reusable

  • از پیش پر کردن فرم ها با داده ها Pre-Populating Forms with Data

  • انتقال چندین عمل به کامپوننت ها Passing Multiple Actions to Components

  • روش های ویرایش داده ها Methods For Editing Data

  • به روز رسانی انواع پایه Updating Prop Types

  • نتیجه Conclusion

نحوه رندرینگ React چگونه کار می کند How React Rerendering Works

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

  • معرفی Introduction

  • فرآیند رندر React React's Rendering Process

  • قانون رندر شماره 1 Rerendering Rule #1

  • قانون شماره 2 بازپرداخت Rerendering Rule #2

  • قانون شماره 3 بازپرداخت Rerendering Rule #3

  • جلوگیری از رندرینگ با حافظه Preventing Rerendering with Memoization

  • قانون شماره 4 بازپرداخت Rerendering Rule #4

  • بازپرداخت لیست ها Rerendering Lists

  • نتیجه Conclusion

واکنش درونی React Inner Workings

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

  • معرفی Introduction

  • مبانی چرخه حیات کامپوننت Component Lifecycle Basics

  • JSX پشت صحنه JSX Behind the Scenes

  • JSX و Cross-Site Scripting JSX and Cross-Site Scripting

  • نتیجه Conclusion

افزودن Redux به برنامه های موجود Adding Redux to Existing Applications

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

  • معرفی Introduction

  • راه اندازی اولیه Redux Basic Redux Setup

  • ایجاد اکشن های Redux Creating Redux Actions

  • ایجاد کاهنده برای چندین منبع Creating Reducers for Multiple Resources

  • انتخاب داده از Redux Selecting Data from Redux

  • ارسال اقدامات از کامپوننت ها Dispatching Actions From Components

  • نتیجه Conclusion

موضوعات پیشرفته Redux Advanced Redux Topics

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

  • معرفی Introduction

  • داده های ماندگار با Redux-Persist Persisting Data with Redux-Persist

  • Redux DevTools Redux DevTools

  • ایجاد انتخابگرهای قابل استفاده مجدد Creating Reusable Selectors

  • روش های دیگر برای اتصال کامپوننت ها Other Methods for Connecting Components

  • نتیجه Conclusion

عملکرد و تست Redux Redux Performance & Testing

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

  • معرفی Introduction

  • اشتباه عملکرد Redux شماره 1 Redux Performance Mistake #1

  • اشتباه عملکرد Redux شماره 2 Redux Performance Mistake #2

  • کتابخانه انتخاب مجدد The Reselect Library

  • کاهش دهنده های تست Testing Reducers

  • تست انتخابگرها Testing Selectors

  • نتیجه Conclusion

نمایش نظرات

آموزش React را یاد بگیرید
جزییات دوره
15h
102
CBTNuggets CBTNuggets
(آخرین آپدیت)
-
- از 5
ندارد
دارد
دارد
Shaun Wassell
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Shaun Wassell Shaun Wassell

توسعه دهنده نرم افزار Full-Stack Shaun Wassell یک توسعه دهنده نرم افزار کاملاً پشته ای است که در زمینه برنامه نویسی و اتوماسیون صنعتی تخصص دارد.

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