دوره آموزشی یادگیری جامع ریاکت
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
سرفصل ها
مقدمه
- ساخت رابط کاربری مدرن با React
- نحوه استفاده از Codespaceها و آنچه باید بدانید
React Fundamentals
- React چیست
- واکنش چگونه کار میکند
- درک کامپایلر React
- راهاندازی ابزارهای کروم برای React
- کار با VS Code
ایجاد React Elements
- راهاندازی یک پروژه با Vite
- ایجاد عناصر React
- کار با سینتکس JSX
- ایجاد کامپوننت React
- افزودن خصوصیات جزء
- تخریب ساختار اجزا
نوشتن React Components
- کار با لیست ها
- افزودن کلید به موارد لیست
- نمایش تصاویر با React
- استفاده از Fragments
مدیریت وضعیت در یک پروژه React
- تخریب آرایه ها
- درک useState hook
- تغییر حالت با یک دکمه
- حالت رسیدگی با اجزای تو در تو
- مدیریت حالت با useReducer
- کار با قلاب useEffect
React Server Components
- ایجاد پروژه با Next.js
- استفاده از App Router
- ساخت کامپوننت سرور
- چالش - ایجاد مسیر
- راه حل - ایجاد مسیر
Asynchronous React در Next.js
- واکشی دادهها در برنامههای React
- انتقال دادهها به عنوان props
- ایجاد کامپوننت کلاینت
- ساخت فرم
- ایجاد اکشن سرور
نتیجه گیری
- طراحی برنامههای کاربردی با React Server Components