دوره آموزشی یادگیری جامع React.js
2 ساعت 2 دقیقهمتوسط2022-05-11
مدرسین

Eve Porcello
Software Developer and Instructor
جزئیات دوره
در میان سایر کتابخانه های جاوا اسکریپت، React.js متمایز است. برای توسعه UI به اجزای قابل استفاده مجدد متکی است، نه الگوها، که به توسعه دهندگان اجازه می دهد نماهایی را در جایی که داده ها در طول زمان تغییر می کنند، ارائه دهند. برنامه های React مقیاس پذیرتر و قابل نگهداری تر هستند و توسعه دهندگان را کارآمدتر و کاربران را راضی تر می کنند. در این دوره، Eve Porcello اصول کتابخانه React را با استفاده از مدرن ترین نحو و بهترین روش ها برای ایجاد کامپوننت های React معرفی می کند. در طول راه، نحوه تنظیم ابزارهای Chrome را برای React بیاموزید. ایجاد اجزای جدید؛ با Hook های داخلی در React کار کنید. از برنامه Create React برای اجرای آزمایشات و موارد دیگر استفاده کنید. در پایان دوره، شما به ملزومات React.js مجهز می شوید و بهتر برای ساخت پروژه های مبتنی بر مرورگر خود آماده می شوید.
مهارت ها
React.jsMetaFront-End Web DevelopmentEssential TrainingWeb Development
سرفصل ها
0. مقدمه
- 01 - ساخت رابط کاربری مدرن با React
- 02 - آنچه باید قبل از تماشای این دوره بدانید
1. React چیست
- 03 - React چیست
- 04 - راهاندازی ابزارهای کروم برای React
- 05 - راهاندازی Firefox DevTools برای React
- 06 - کار با کد ویژوال استودیو
2. معرفی عناصر React
- 07 - React را به پروژه خود اضافه کنید
- 08 - ایجاد عناصر React
- 09 - Refactoring عناصر با استفاده از JSX
- 10 - گنجاندن بابل
- 11 - کار با سینتکس JSX
3. React Components
- 12 - ایجاد کامپوننت React
- 13 - افزودن خصوصیات جزء
- 14 - کار با لیست ها
- 15 - افزودن کلید به موارد لیست
- 16 - نمایش تصاویر با React
- 17 - استفاده از قطعات
4. React State در درخت Component
- 18 - ایجاد پروژه با Create React App
- 19 - گشت و گذار در پروژه Create React App
- 20 - تخریب آرایهها و اشیا
- 21 - درک useState Hook
- 22 - کار با useEffect
- 23 - درک آرایه وابستگی
- 24 - گنجاندن useReducer
5. مدیریت فرمها در React
- 25 - کار با قطعات کنترل نشده
- 26 - ایجاد عناصر فرم کنترل شده
- 27 - ساخت هوک سفارشی
- 28 - انتخاب یک کتابخانه فرم
6. واکنش ناهمزمان
- 29 - واکشی دادهها با هوک
- 30 - نمایش دادهها از یک API
- 31 - رسیدگی به حالتهای بارگذاری
- 32 - واکشی دادهها با GraphQL
- 33 - کار با رندر props
7. React Router
- 34 - نصب React Router v6
- 35 - پیکربندی روتر
- 36 - ترکیب مولفه Link
- 37 - پیوندهای تودرتو با React Router v6
8. React Testing و Deployment
- 38 - استفاده از Create React App به عنوان یک پلتفرم تست
- 39 - تست توابع کوچک با Jest
- 40 - معرفی React Testing Library
- 41 - تست رویدادها با React Testing Library
- 42 - استقرار در Netlify
نتیجه
- 43 - مراحل بعدی
دوره های مرتبط
- دوره آموزشی ساخت کتابخانههای مقیاسپذیر کامپوننتهای رابط کاربری React با استفاده از Storybook
- دوره آموزشی چالشهای کدنویسی پیشرفته React
- دوره آموزشی ریاکت تعاملی برای وب
- دوره آموزشی احراز هویت در React
- دوره آموزشی رندر کردن دادهها در React
- دوره آموزشی تمرین React برای مبتدیها: ساخت و تغییر کامپوننتهای پایه
- دوره آموزشی الگوهای طراحی React
- دوره آموزشی معماری میکرو فرانتاند با React