فیلم یادگیری ReactJS

این آموزش بنیادی React Rectamentals زبان آموزان را برای ایجاد برنامه هایی در Reactjs با UI های عالی آماده می کند و این می تواند بدون تازه کردن صفحه به داده ها پاسخ دهد.
برای کسانی که Reactjs را نمی شناسند ، این یک چارچوب رابط کاربری است فیس بوک که آنها به عنوان یک محصول منبع باز منتشر کردند. این UIS به ویژه خوب ایجاد می کند ، اما به عنوان یک کتابخانه نمایش همه کاره نیز محبوبیت پیدا می کند که به طراحان این امکان را می دهد تا چارچوب های خود را با این حال که می خواهند بسازند. خواهید دید که ساخت برنامه های وب با UI های جامد که به طور منحصر به فرد قادر به گرفتن داده های جدید بدون نیاز به تازه کردن هستند ، آسان است. طراحان ، که در برنامه های آموزش فردی یا تیمی قرار گرفته اند ، یا به عنوان یک منبع مرجع React. مباحثی از قبیل:
- ایجاد پویا عناصر و دادن سبک ها به آنها
- درک اجزای React و نحوه انتقال داده ها
- گسترش CSS با ماژول ها در Reactjs
- انتخاب بین حالت فول و مؤلفه های بدون تابعیت
چه کسی باید آموزش اصول واکنش را انجام دهد؟ واد Reactjs ابزاری برای ایجاد رابط های کاربران در هنگام استفاده از محصول شما است. اگر شما یک حرفه ای غیر فنی هستید که در کنار توسعه دهندگان کار می کنید ، این دوره می تواند نشان دهد که یک چارچوب دقیقاً چیست ، چگونه واکنش با سایر زبانهای برنامه نویسی متفاوت است و چگونه می توانید در چارچوب هایی که Devs شما ایجاد می کنند حرکت کنید. این دوره شما را با مشارکت در مکالمات در مورد رابط و توسعه آن راحت تر می کند.
devs جدید یا مشتاق. اگر تازه به عنوان یک طراح شبکه در حرفه خود شروع می کنید ، ممکن است چیزهای بد زیادی درباره Reactjs شنیده باشید. Reactjs Tash-Talking یک سرگرمی محبوب است ، اما سزاوار آن نیست. چارچوب های بهتری برای ساخت مؤلفه های UI خود و اجرای جداگانه آنها وجود ندارد. این دوره را طی کنید تا بدانید که چه چیزی واکنش نشان می دهد و چگونه می توان آن را به بخشی از صفحه ابزار خود تبدیل کرد.

عنوان اصلی : ReactJS Online Training

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

01 Basic React Concepts & Syntax:
001 مقدمه
002 مزایای React
003 یک برنامه React ایجاد و اجرا کنید
004 React Project Structure
005 مبانی JSX
006 درج متغیرها در JSX
007 ایجاد و ارائه کامپوننت ها
02 ایجاد و استفاده مجدد از اجزای React:
001 مقدمه
002 واردات و صادرات قطعات
003 یک ظاهر طراحی پایه
004 React Fragments
005 مقدمه ای بر لوازم جانبی کامپوننت
006 اجزای قابل استفاده مجدد
03 Type-Checking و Event-Handling در React:
001 مقدمه
002 PropTypes
003 مدیریت رویداد پایه
004 سبک های محدوده با ماژول های CSS
005 ایجاد اجزای قابل استفاده مجدد بیشتر
006 React Dev-tools
04 مقدمه ای بر وضعیت مؤلفه:
001 مقدمه
002 نحوه افزودن حالت به اجزاء
003 چگونه حالت را به اجزاء اضافه نکنیم
004 نمایش و پنهان کردن مؤلفه ها
005 استفاده از حالت برای تغییر استایل
006 اشتراک گذاری وضعیت بین اجزا
007 توابع پاس به عنوان Props
05 لیست ها و قابلیت استفاده مجدد کامپوننت:
001 مقدمه
002 نمایش لیست ها
003 شکستن اجزای بزرگ
004 ایجاد یک مؤلفه برچسب
005 وضعیت پایدار در LocalStorage
006 سایر گزینه های پایداری ایالت
06 مقدمه ای بر React Routing:
001 مقدمه
مسیریابی پایه 002 با React-Router-Dom
003 ایجاد یک نوار پیمایش
004 پیاده سازی اجزای صفحه
005 پارامترهای URL
006 پیمایش برنامه‌ای
برنامه های Refactor React 07:
001 مقدمه
002 افزودن چند عملکرد چندگانه
003 افزایش قابلیت استفاده مجدد کامپوننت
004 ارسال لوازم جانبی به صفحات
005 افزایش قابلیت استفاده مجدد کامپوننت (دوباره)
006 افزودن PropType به صفحات
007 پنهان نگه داشتن عناصر پنهان
08 مقدمه ای برای React Context:
001 مقدمه
002 مبانی زمینه
003 ایجاد و دسترسی به متن
004 عبور توابع از طریق زمینه
005 محصور کردن منطق در یک مؤلفه ارائه دهنده
006 نحوه عملکرد Forms در React
09 React Form Basics:
001 مقدمه
002 ایجاد پیوندهای دوطرفه فرم
003 کار با انواع مختلف عناصر فرم
004 تغییر از استاتیک به داده پویا با زمینه
005 اتصال فرم ها با زمینه
006 وضعیت زمینه ماندگار
10 فرم قابل استفاده مجدد در React:
001 مقدمه
002 چگونه فرم ها را قابل استفاده مجدد کنیم
003 از پیش پر کردن فرم ها با داده
004 استفاده از فرم ها در چندین صفحه
005 انتقال چندین عمل به مؤلفه ها
006 روش‌های ویرایش داده‌ها
007 به روز رسانی انواع پایه
11 نحوه رندرینگ React چگونه کار می کند:
001 مقدمه
فرایند رندر 002 React
قانون 003 بازپرداخت شماره 1
قانون 2 بازپردازی 004
قانون 3 بازپردازی 005
006 جلوگیری از رندرینگ با حافظه
قانون 4 بازپردازی 007
008 فهرست‌های بازپرداخت
12 واکنش درونی:
001 مقدمه
اصول چرخه حیات مؤلفه 002
003 موارد استفاده از useEffect Hook
004 JSX پشت صحنه
005 JSX و اسکریپت بین سایتی
13 مقدمه ای بر Redux:
001 مقدمه
002 هدف Redux
003 مفاهیم اساسی Redux
004 راه اندازی یک برنامه Redux
005 Redux Action Syntax
006 Reducer Syntax
007 اتصال کامپوننت ها به Redux
008 دسترسی به مقادیر چندگانه حالت
14 افزودن Redux به برنامه‌های موجود:
001 مقدمه
002 راه اندازی پایه Redux
003 ایجاد اقدامات Redux
004 ایجاد کاهنده برای چندین منبع
005 انتخاب داده از Redux
006 ارسال اقدامات از مؤلفه ها
15 موضوع پیشرفته Redux:
001 مقدمه
002 داده های ماندگار با Redux
003 Redux DevTools
004 ایجاد انتخابگرهای قابل استفاده مجدد
005 روش‌های دیگر برای اتصال کامپوننت‌ها
16 عملکرد و تست Redux:
001 مقدمه
002 اشتباه عملکرد Redux شماره 1
003 اشتباه عملکرد Redux شماره 2
004 کتابخانه انتخاب مجدد
کاهش دهنده های آزمایش 005
انتخابگرهای آزمایشی 006
17 Legacy React: مبانی:
001 مقدمه
002 نحو مؤلفه کلاس پایه
003 ایجاد اجزای کلاس
004 پاس دادن لوازم به اجزای کلاس
حالت جزء کلاس 005
006 فرم‌های مبتنی بر کلاس
007 رفع خطاهای Undefined This
18 Legacy React: Component Lifecycle:
001 مقدمه
002 مبانی روشهای چرخه حیات و سازنده
003 روش componentDidMount
004 روش componentDidUpdate
005 روش componentWillUnmount
006 روش shouldComponentUpdate
007 کلاس PureComponent
008 PropTypes و Default Props - Learn React CBT Nuggets-1
009 اجزای کلاس استایلینگ
19 React-Testing-Library Basics:
001 مقدمه
002 تست های جست نگاری
003 تست ساده مبتنی بر متن
004 تست مبتنی بر نقش
005 تست برای محتوای متنی
006 راه اندازی کلیک ها در تست ها
توسعه 007 فقط با استفاده از تست ها
20 تست پیشرفته با React-Testing-Library:
001 مقدمه
002 تست عملکرد با استفاده از Mocks
003 راه اندازی چندین رویداد
004 تست مؤلفه ها با زمینه
005 آزمایش‌های Refactoring برای استفاده از Context
006 حذف تست های تکراری با جست در مورد
007 تست عملکردهای فردی
21 افزودن تست به برنامه موجود:
001 مقدمه
002 کجا باید اولین تست های خود را اضافه کنیم
003 استفاده از داده های جعلی در تست ها
004 تجهیزات عملکرد تست
005 جلوگیری از استدلال های ضمنی
تست های 006 با مسیریابی
22 صفحه واکنش آزمایشی:
001 مقدمه
002 ایجاد یک متن پوشه برای صفحات
003 جستجوی عناصر درونی
004 تست مسیریابی صفحه
005 تست منطق صفحه داخلی
006 تست نوارهای پیمایش
23 بارگذاری داده های سمت سرور در React:
001 مقدمه
002 استراتژی تبدیل پایه تمام پشته
003 راه اندازی سرور تمام پشته
004 خواندن نقاط پایانی سرور
005 تبدیل صفحات به استفاده از داده های سرور
006 تبدیل متن به استفاده از داده های سرور
24 کار با Dates In React:
001 مقدمه
002 چرا پیاده‌سازی تقویم بسیار دشوار است؟
003 استراتژی پیاده سازی تقویم پایه
004 مقدمه ای بر کتابخانه لحظه
005 ترکیب روزها در هفته
006 Calendar JSX
25 یک مؤلفه تقویم قابل استفاده مجدد بسازید:
001 مقدمه
002 کنترل‌های اصلی تقویم
003 یک تقویم کنترل شده ایجاد کنید
004 مؤلفه‌های کتابخانه‌ای-آگنوستیک
005 تقویم با پارامترهای پرس و جو
006 اضافه کردن یک ظاهر طراحی شده با اجزای سبک
26 ساخت ردیاب رویداد در React:
001 مقدمه
002 Basic Event
003 Vanilla React Modals
004 یک فرم رویداد جدید بسازید
005 محتوا را به سلول‌های تقویم اضافه کنید
006 اجتناب از آلودگی مورد استفاده
007 داده های رویداد اضافی
27 در React یک انتخابگر تاریخ تکی بسازید:
001 مقدمه
002 انواع مختلف تاریخ انتخاب
003 عبور مولفه‌ها به‌عنوان لوازم
004 انتخاب تاریخ های مجرد
005 ایجاد یک مؤلفه پنجره کشویی
28 در React یک Date-Range Date-Picker بسازید:
001 مقدمه
مبانی انتخابگر محدوده تاریخ 002
003 محاسبه در بین تاریخها
004 روش دیگری برای محاسبه بین تاریخ ها
طراحی قرص 005 برای سلول های تقویم
29 یک انتخابگر تاریخ چندتایی در React بسازید:
001 مقدمه
002 مبانی انتخاب تاریخ چندتایی
003 منطق و استایل چند تاریخ
004 محاسبه تاریخ های قبلی و بعدی
005 افزودن روزهای خارج از ماه
30 ارتقای انتخابگر تاریخ:
001 مقدمه
002 بهبودهای پایه انتخابگر تاریخ
003 Refactoring Single-Date-Picker
004 Date-Range-Picker Refactoring
005 بازآفرینی چند تاریخ انتخاب
31 ساخت اجزای اتمی با کتاب داستان:
001 مقدمه
002 مقدمه ای بر کتاب داستان
003 نصب و اجرای کتاب داستان
004 قالب داستان مؤلفه
005 طراحی اجزای اصلی در کتاب داستان
006 کار با کنترل‌های کتاب داستان
32 مولفه مولکول را با کتاب داستان بسازید:
001 مقدمه
002 نمایش انواع اجزا
003 پیاده سازی یک جزء مولکولی
004 مدیریت اقدامات در استوری ها
005 تکمیل اجزای مولکول
33 اجزای سازنده ارگانیسم با کتاب داستان:
001 مقدمه
002 مسخره کردن صفحات با استفاده از قلاب Args
003 داستان با چندین مؤلفه
004 ساخت کامپوننت صفحه در کتاب داستان
34 کتاب داستان را به برنامه‌های موجود اضافه کنید: اجزای Atom:
001 مقدمه
002 استراتژی برای افزودن داستان
003 انواع مختلف کنترل کتاب داستان
004 افزودن داستان به اجزای اتمی
005 دکوراتورهای کتاب داستان
35 کتاب داستان را به برنامه‌های موجود اضافه کنید: اجزای مولکول:
001 مقدمه
002 داستان با پیمایش
003 داستان با بسته بندی های متعدد
004 ایجاد دکوراتور روتر
005 نوشتن داستان برای کامپوننت ها با آرایه آرایه
36 افزودن کتاب داستان به یک برنامه موجود: اجزای ارگانیسم/صفحه:
001 مقدمه
002 نوشتن داستان با زمینه
003 دکوراتورهای زمینه
004 نوشتن داستان با پارامترهای URL
005 داستان برای صفحات دارای فرم
37 فرم قابل استفاده مجدد Deep-Dive:
001 مقدمه
002 طراحی یک کامپوننت فرم ایده آل
003 ورودی‌ها به‌طور خودکار تولید می‌شود
004 با استفاده از ورودی متفاوت Tبله
گزینه های پیکربندی فیلد فرم 005
38 مبانی اعتبار سنجی فرم:
001 مقدمه
002 رسمی کردن اعتبارسنجی فرم
003 اعتبار سنجی فرم پایه
اعتبار سنجی فرم قابل تنظیم 004
005 سفارشی کردن پیام‌های خطای اعتبارسنجی
39 اعتبار سنجی فرم با عبارات منظم:
001 مقدمه
002 ایجاد اعتبارسنجی فرم های قابل استفاده مجدد
003 ایجاد اعتبارسنجی فرم Regex
004 نمایش خطاها در ورودی های خاص
اعتبار گذرواژه 005
40 اعتبار سنجی فرم پیشرفته:
001 مقدمه
002 اعتبار سنجی فرم جهانی
003 اعتبارسنجی چند میدانی
004 اعتبار سنجی فیلدها در حال تغییر
005 در مورد تغییر و در ارسال اعتبار
41 کار با ورودی های فرم های مختلف:
001 مقدمه
002 اعتبار سنجی فرم ها با استفاده از هوک useEffect
003 تقسیم یک فرم به اجزای مجزا
004 پیاده سازی یک جزء گروه رادیویی
005 اجرای یک جزء گروه چک باکس
006 پیاده سازی یک مؤلفه کشویی
42 مقدمه ای بر پس زدن:
001 مقدمه
002 مبانی پس زدن
003 راه اندازی یک برنامه پس زدن
004 کار با اتم های پس زدگی
انتخابگرهای پس زدن 005
43 پس زدن پیشرفته:
001 مقدمه
002 ایجاد انتخابگرهای چندگانه
انتخابگرهای قابل تنظیم 003
004 استفاده از Recoil با اجزای مختلف UI
005 Atom Families
006 ایجاد اتم به صورت پویا
44 تبدیل یک سرور به استفاده از MongoDB:
001 مقدمه
002 نصب درایور MongoDB
003 افزودن MongoDB به نقاط پایانی خواندن
004 افزودن MongoDB برای ایجاد نقاط پایانی
005 افزودن MongoDB برای حذف نقاط پایانی
006 افزودن MongoDB برای به‌روزرسانی نقاط پایانی
007 ملاحظات سازگاری Front-end