دوره آموزشی مبانی React
12 ساعت 53 دقیقهمتوسط2026-03-10
مدرسین

Pearson
جزئیات دوره
در دنیای توسعه وب مدرن، ساخت رابطهای کاربری سریع، تعاملی و قابل نگهداری به یکی از مهارتهای کلیدی توسعهدهندگان فرانتاند تبدیل شده است. React.js یکی از محبوبترین کتابخانههای JavaScript برای ساخت رابطهای کاربری (User Interfaces) است که به توسعهدهندگان امکان میدهد برنامههای وب پیچیده را با ساختاری ماژولار، قابل توسعه و بهینه ایجاد کنند.
این دوره یک مسیر جامع برای یادگیری مبانی React.js و اصول طراحی برنامههای کاربردی مبتنی بر این فناوری ارائه میدهد. Andy Olsen در این دوره شما را با ساختار اصلی برنامههای React، نحوه تفکر مبتنی بر کامپوننت (Component-Based Development) و روشهای استاندارد ایجاد رابطهای کاربری مدرن آشنا میکند.
در ابتدای دوره، با معماری React و اصول پایه ساخت برنامههای مبتنی بر این کتابخانه آشنا میشوید. سپس یاد میگیرید چگونه رابط کاربری را به بخشهای مستقل و قابل استفاده مجدد به نام Components (کامپوننتها) تقسیم کنید تا توسعه، نگهداری و توسعهپذیری برنامهها سادهتر شود.
یکی از مفاهیم مهم این دوره، نحوه عملکرد Virtual DOM (دام مجازی) در React است. شما یاد میگیرید React چگونه تغییرات رابط کاربری را مدیریت میکند و با بهینهسازی فرآیند رندرینگ، عملکرد برنامههای وب را افزایش میدهد. همچنین با JSX (JavaScript XML) آشنا میشوید و یاد میگیرید چگونه ساختار HTML مانند را مستقیماً در کدهای JavaScript برای ایجاد رابطهای پویا استفاده کنید.
در ادامه، فرآیند ایجاد یک برنامه کامل React با استفاده از ابزار مدرن Vite آموزش داده میشود. شما یاد میگیرید چگونه پروژههای React را راهاندازی کنید، ساختار فایلها را مدیریت نمایید و یک پایه استاندارد برای توسعه برنامههای حرفهای ایجاد کنید.
بخش مهم دیگری از دوره به مدیریت وضعیت برنامه (State Management)، مسیریابی (Routing) و استفاده از Hooks (هوکها) اختصاص دارد. با یادگیری Hooks میتوانید منطق برنامه را بهتر سازماندهی کرده، دادهها را مدیریت کنید و قابلیتهای تعاملی مختلف را به برنامههای React اضافه نمایید.
این دوره شامل مجموعهای از آزمایشهای عملی (Labs) همراه با دستورالعملهای کامل و راهحلهای نمونه است که به شما کمک میکند مفاهیم آموختهشده را در سناریوهای واقعی تمرین کرده و مهارت عملی خود را تقویت کنید.
این دوره برای توسعهدهندگان تازهکار فرانتاند، برنامهنویسان وب، توسعهدهندگان نرمافزار و افرادی طراحی شده است که قصد دارند مهارتهای خود را در حوزه React.js ارتقا دهند و با یکی از مهمترین فناوریهای توسعه رابط کاربری در صنعت امروز آشنا شوند.
پس از پایان این دوره، توانایی طراحی کامپوننتهای قابل استفاده مجدد، مدیریت وضعیت برنامه، ساخت Single Page Application، استفاده از Hooks، ایجاد پروژههای React با Vite و توسعه رابطهای کاربری مدرن و حرفهای را خواهید داشت.
🎯 اهداف یادگیری
تشریح مفاهیم پایه React.js و اصول ساخت برنامههای مبتنی بر Component
ایجاد کامپوننتهای قابل استفاده مجدد برای طراحی رابطهای کاربری ماژولار
درک نحوه عملکرد Virtual DOM و نقش آن در بهینهسازی React Applications
استفاده از JSX برای ایجاد ساختارهای رابط کاربری پویا و خواناتر
راهاندازی و توسعه پروژههای React با استفاده از Vite
مدیریت وضعیت برنامهها (State Management) برای ایجاد تجربههای تعاملی
پیادهسازی Routing برای ساخت Single Page Applications (SPA)
استفاده از React Hooks برای مدیریت منطق و قابلیتهای برنامه
توسعه و آزمایش برنامههای React با استفاده از تمرینها و پروژههای عملی
بهکارگیری بهترین روشهای React.js برای ساخت رابطهای کاربری مدرن و قابل توسعه
این دوره یک مسیر جامع برای یادگیری مبانی React.js و اصول طراحی برنامههای کاربردی مبتنی بر این فناوری ارائه میدهد. Andy Olsen در این دوره شما را با ساختار اصلی برنامههای React، نحوه تفکر مبتنی بر کامپوننت (Component-Based Development) و روشهای استاندارد ایجاد رابطهای کاربری مدرن آشنا میکند.
در ابتدای دوره، با معماری React و اصول پایه ساخت برنامههای مبتنی بر این کتابخانه آشنا میشوید. سپس یاد میگیرید چگونه رابط کاربری را به بخشهای مستقل و قابل استفاده مجدد به نام Components (کامپوننتها) تقسیم کنید تا توسعه، نگهداری و توسعهپذیری برنامهها سادهتر شود.
یکی از مفاهیم مهم این دوره، نحوه عملکرد Virtual DOM (دام مجازی) در React است. شما یاد میگیرید React چگونه تغییرات رابط کاربری را مدیریت میکند و با بهینهسازی فرآیند رندرینگ، عملکرد برنامههای وب را افزایش میدهد. همچنین با JSX (JavaScript XML) آشنا میشوید و یاد میگیرید چگونه ساختار HTML مانند را مستقیماً در کدهای JavaScript برای ایجاد رابطهای پویا استفاده کنید.
در ادامه، فرآیند ایجاد یک برنامه کامل React با استفاده از ابزار مدرن Vite آموزش داده میشود. شما یاد میگیرید چگونه پروژههای React را راهاندازی کنید، ساختار فایلها را مدیریت نمایید و یک پایه استاندارد برای توسعه برنامههای حرفهای ایجاد کنید.
بخش مهم دیگری از دوره به مدیریت وضعیت برنامه (State Management)، مسیریابی (Routing) و استفاده از Hooks (هوکها) اختصاص دارد. با یادگیری Hooks میتوانید منطق برنامه را بهتر سازماندهی کرده، دادهها را مدیریت کنید و قابلیتهای تعاملی مختلف را به برنامههای React اضافه نمایید.
این دوره شامل مجموعهای از آزمایشهای عملی (Labs) همراه با دستورالعملهای کامل و راهحلهای نمونه است که به شما کمک میکند مفاهیم آموختهشده را در سناریوهای واقعی تمرین کرده و مهارت عملی خود را تقویت کنید.
این دوره برای توسعهدهندگان تازهکار فرانتاند، برنامهنویسان وب، توسعهدهندگان نرمافزار و افرادی طراحی شده است که قصد دارند مهارتهای خود را در حوزه React.js ارتقا دهند و با یکی از مهمترین فناوریهای توسعه رابط کاربری در صنعت امروز آشنا شوند.
پس از پایان این دوره، توانایی طراحی کامپوننتهای قابل استفاده مجدد، مدیریت وضعیت برنامه، ساخت Single Page Application، استفاده از Hooks، ایجاد پروژههای React با Vite و توسعه رابطهای کاربری مدرن و حرفهای را خواهید داشت.
🎯 اهداف یادگیری
تشریح مفاهیم پایه React.js و اصول ساخت برنامههای مبتنی بر Component
ایجاد کامپوننتهای قابل استفاده مجدد برای طراحی رابطهای کاربری ماژولار
درک نحوه عملکرد Virtual DOM و نقش آن در بهینهسازی React Applications
استفاده از JSX برای ایجاد ساختارهای رابط کاربری پویا و خواناتر
راهاندازی و توسعه پروژههای React با استفاده از Vite
مدیریت وضعیت برنامهها (State Management) برای ایجاد تجربههای تعاملی
پیادهسازی Routing برای ساخت Single Page Applications (SPA)
استفاده از React Hooks برای مدیریت منطق و قابلیتهای برنامه
توسعه و آزمایش برنامههای React با استفاده از تمرینها و پروژههای عملی
بهکارگیری بهترین روشهای React.js برای ساخت رابطهای کاربری مدرن و قابل توسعه
سرفصل ها
مقدمه
- مبانی React - مقدمه
شروع کار با ریاکت
- اهداف یادگیری
- مروری بر React
- ایجاد یک برنامه React ساده
- استفاده از یک نقشه اسکریپت برای سازماندهی واردات
- درک DOM مجازی
- ایجاد یک رابط کاربری جاهطلبانهتر
- ایجاد یک رابط کاربری مبتنی بر داده
- آزمایشگاه - شروع کار با React
- راه حل آزمایشگاهی - شروع کار با React
ایجاد کامپوننتهای مبتنی بر کلاس
- اهداف یادگیری
- نیاز به اجزا
- تعریف و استفاده از یک کامپوننت مبتنی بر کلاس
- ایجاد یک رابط کاربری جاهطلبانهتر
- ارسال ویژگیها به یک کامپوننت مبتنی بر کلاس
- آزمایشگاه - ایجاد کامپوننتهای مبتنی بر کلاس
- راهکار آزمایشگاهی - ایجاد کامپوننتهای مبتنی بر کلاس
ایجاد کامپوننتهای کاربردی
- اهداف یادگیری
- مقدمهای بر اجزای عملکردی
- تعریف اجزای عملکردی ساده
- ایجاد یک رابط کاربری جاهطلبانهتر
- ارسال ویژگیها به یک کامپوننت تابعی
- ویژگیهای تخریب
- آزمایشگاه - ایجاد اجزای کاربردی
- راهکار آزمایشگاهی - ایجاد اجزای کاربردی
استفاده از JSX
- اهداف یادگیری
- شروع کار با JSX
- ایجاد یک رابط کاربری ساده از طریق JSX
- ارزیابی عبارات جاوا اسکریپت در JSX
- JSX مبتنی بر داده
- ارسال ویژگیها به یک کامپوننت از طریق JSX
- تکنیکهای اضافی JSX
- آزمایشگاه - استفاده از JSX
- راه حل آزمایشگاهی - استفاده از JSX
قلابها
- اهداف یادگیری
- شروع کار با هوکها
- مقدمهای بر React.useState
- مثال واقعگرایانه از React.useState
- مقدمهای بر React.useEffect
- تعریف رفتار پاکسازی برای یک افکت
- تعریف اثرات با وابستگیها
- آزمایشگاه - قلابها
- محلول آزمایشگاهی - قلابها
فراخوانی سرویسهای REST
- اهداف یادگیری
- مروری بر سرویسهای REST
- پیادهسازی یک سرویس ساده REST
- فراخوانی یک سرویس REST بر اساس تقاضا
- فراخوانی یک سرویس REST از طریق یک افکت React
- آزمایشگاه - فراخوانی سرویسهای REST
- راهکار آزمایشگاهی - فراخوانی سرویسهای REST
به خاطر سپردن
- اهداف یادگیری
- مقدمهای بر یادداشتبرداری
- به خاطر سپردن کامپوننتهایی که ویژگیها را دریافت میکنند
- ارائه یک تابع مقایسه سفارشی برای ویژگیهای کامپوننت
- به خاطر سپردن یک محتوای خاص
- آزمایشگاه - یادداشتبرداری
- راهحل آزمایشگاهی - یادداشتبرداری
ایجاد یک برنامه کامل React
- اهداف یادگیری
- مرور کلی
- ایجاد یک برنامه React با استفاده از Vite
- درک کد برنامه
- اجرای برنامه در حالت توسعه
- ساخت و ارائه برنامه در حالت تولید
مقدمهای بر مسیریابی
- اهداف یادگیری
- مروری بر برنامههای تک صفحهای (SPA) و مسیریابی
- اجرای یک برنامه نمونه که از مسیریابی استفاده میکند
- تعریف مسیرها
- تعریف یک طرحبندی مشترک
- نگاهی دقیقتر به کامپوننتهای موجود در برنامهی نمونه
- آزمایشگاه - مقدمهای بر مسیریابی
- راهکار آزمایشگاهی - مقدمهای بر مسیریابی
تکنیکهای ورودی کاربر
- اهداف یادگیری
- صحنهآرایی
- دسترسی مستقیم به عناصر در درخت DOM
- دسترسی به عناصر در یک کامپوننت کنترل نشده
- دسترسی به عناصر در یک کامپوننت کنترلشده
- آزمایشگاه - تکنیکهای ورودی کاربر
- راه حل آزمایشگاهی - تکنیکهای ورودی کاربر
تکنیکهای مسیریابی
- اهداف یادگیری
- خلاصهای از مسیریابی
- معرفی برنامهای که تکنیکهای مسیریابی اضافی را نشان میدهد
- تعریف مسیرهای پارامتری
- پیمایش به یک مسیر به صورت برنامهنویسیشده
- تعریف مسیرهای تو در تو
- بارگیری دادهها برای یک مسیر
- آزمایشگاه - تکنیکهای مسیریابی
- راه حل آزمایشگاهی - تکنیکهای مسیریابی
تعریف و استفاده از هوکهای سفارشی
- اهداف یادگیری
- خلاصهای از قلابهای توکار
- مروری بر هوکهای سفارشی
- نمونهای از قلابهای سفارشی
خلاصه
- مبانی واکنش - خلاصه