دوره آموزشی یادگیری جامع ریاکت
1 ساعت 46 دقیقهمبتدی2024-10-04
مدرسین
Eve Porcello
Software Developer and Instructor
جزئیات دوره
در این دوره، اووه پورچلو، توسعهدهنده نرمافزار و مدرس، تکنیکهای جدید برای ساخت یک برنامه React از ابتدا را توضیح میدهد. یاد بگیرید چگونه المانها را ایجاد کنید، کامپوننتها را بنویسید و از هوکهای React استفاده کنید. با کتابخانههایی مانند Next و Vite آشنا شوید و تفاوتهای بین کامپوننتهای سرور React و کامپوننتهای کلاینت را کشف کنید. نحوه استفاده از ابزارها، تکنیکها و الگوهای جدیدی که به شما کمک میکنند تا برنامهها را مقاومتر، مقیاسپذیرتر و با کارایی بالاتر بسازید، خواهید آموخت. پس از تماشای این دوره، شما قادر خواهید بود پروژه خود را از ابتدا شروع کنید و همچنین میتوانید وارد یک پایگاه کد React موجود شوید و تاثیرگذار باشید.
اهداف یادگیری:
یادگیری نحوه ساخت برنامههای React از ابتدا.
آشنایی با ایجاد المانها و نوشتن کامپوننتها در React.
استفاده از هوکهای React برای مدیریت وضعیت و تعاملات.
شناخت تفاوتهای بین کامپوننتهای سرور و کلاینت در React.
آشنایی با کتابخانههای مدرن مانند Next و Vite برای ساخت برنامههای مقیاسپذیر.
یادگیری نحوه استفاده از تکنیکها و الگوهای جدید برای ساخت برنامههای مقیاسپذیر و کارآمد.
توانایی شروع پروژه جدید در React یا تاثیرگذاری بر روی پایگاه کد React موجود.
اهداف یادگیری:
یادگیری نحوه ساخت برنامههای React از ابتدا.
آشنایی با ایجاد المانها و نوشتن کامپوننتها در React.
استفاده از هوکهای React برای مدیریت وضعیت و تعاملات.
شناخت تفاوتهای بین کامپوننتهای سرور و کلاینت در React.
آشنایی با کتابخانههای مدرن مانند Next و Vite برای ساخت برنامههای مقیاسپذیر.
یادگیری نحوه استفاده از تکنیکها و الگوهای جدید برای ساخت برنامههای مقیاسپذیر و کارآمد.
توانایی شروع پروژه جدید در React یا تاثیرگذاری بر روی پایگاه کد React موجود.
مهارت ها
React.jsMetaWeb Development ToolsFront-End Web DevelopmentWeb DevelopmentOne-Off
سرفصل ها
0. مقدمه
- 01 - ساخت رابط کاربری مدرن با React
- 02 - نحوه استفاده از Codespaceها و آنچه باید بدانید
1. React Fundamentals
- 03 - React چیست
- 04 - واکنش چگونه کار میکند
- 05 - درک کامپایلر React
- 06 - راهاندازی ابزارهای کروم برای React
- 07 - کار با VS Code
2. ایجاد React Elements
- 08 - راهاندازی یک پروژه با Vite
- 09 - ایجاد عناصر React
- 10 - کار با سینتکس JSX
- 11 - ایجاد کامپوننت React
- 12 - افزودن خصوصیات جزء
- 13 - تخریب ساختار اجزا
3. نوشتن React Components
- 14 - کار با لیست ها
- 15 - افزودن کلید به موارد لیست
- 16 - نمایش تصاویر با React
- 17 - استفاده از Fragments
4. مدیریت وضعیت در یک پروژه React
- 18 - تخریب آرایه ها
- 19 - درک useState hook
- 20 - تغییر حالت با یک دکمه
- 21 - حالت رسیدگی با اجزای تو در تو
- 22 - مدیریت حالت با useReducer
- 23 - کار با قلاب useEffect
5. React Server Components
- 24 - ایجاد پروژه با Next.js
- 25 - استفاده از App Router
- 26 - ساخت کامپوننت سرور
- 27 - چالش - ایجاد مسیر
- 28 - راه حل - ایجاد مسیر
6. Asynchronous React در Next.js
- 29 - واکشی دادهها در برنامههای React
- 30 - انتقال دادهها به عنوان props
- 31 - ایجاد کامپوننت کلاینت
- 32 - ساخت فرم
- 33 - ایجاد اکشن سرور
نتیجه گیری
- 34 - طراحی برنامههای کاربردی با React Server Components
دوره های مرتبط
- دوره آموزشی ساخت کتابخانههای مقیاسپذیر کامپوننتهای رابط کاربری React با استفاده از Storybook
- دوره آموزشی چالشهای کدنویسی پیشرفته React
- دوره آموزشی ریاکت تعاملی برای وب
- دوره آموزشی احراز هویت در React
- دوره آموزشی رندر کردن دادهها در React
- دوره آموزشی تمرین React برای مبتدیها: ساخت و تغییر کامپوننتهای پایه
- دوره آموزشی الگوهای طراحی React
- دوره آموزشی معماری میکرو فرانتاند با React