این دوره، شما را با مجموعه‌ای از مهارت‌های اساسی و پیشرفته‌ی ری‌اکت آشنا می‌کند. سرفصل‌های اصلی دوره عبارتند از:

• مقدمات ری‌اکت: آشنایی با مفاهیم پایه‌ی ری‌اکت، نصب و راه‌اندازی محیط توسعه، JSX، کامپوننت‌ها و نحوه‌ی مدیریت آن‌ها.
• مدیریت State و Props: درک عمیق State و Props، چگونگی انتقال داده‌ها بین کامپوننت‌ها و مدیریت رویدادها.
• React Hooks: یادگیری و استفاده از Hooks مهم ری‌اکت مانند useState، useEffect، useContext و useRef.
• مدیریت Context API: آشنایی با Context API برای مدیریت داده‌های سراسری در اپلیکیشن‌ها.
• استایل‌دهی با CSS-in-JS و کتابخانه‌های CSS: یادگیری نحوه‌ی استایل‌دهی به کامپوننت‌های ری‌اکت با استفاده از Styled Components و کتابخانه‌های CSS مانند Material UI یا Bootstrap.
• تعامل با API: یادگیری چگونگی فراخوانی APIها، مدیریت داده‌ها و نمایش آن‌ها در رابط کاربری.
• Routing با React Router: ایجاد مسیریابی پویا و مدیریت صفحات مختلف در اپلیکیشن‌های ری‌اکت.
• تست‌نویسی با Jest و React Testing Library: آشنایی با اصول تست‌نویسی و ایجاد تست‌های واحد برای کامپوننت‌ها.
• پروژه‌ی eStore: پیاده‌سازی یک فروشگاه اینترنتی واقعی از صفر تا صد، شامل طراحی رابط کاربری، مدیریت سبد خرید، اتصال به API و …
• سوالات مصاحبه: مروری بر سوالات متداول مصاحبه‌های شغلی مرتبط با ری‌اکت و ارائه‌ی پاسخ‌های جامع و کاربردی.

با شرکت در این دوره، از مزایای متعددی بهره‌مند خواهید شد:

• آموزش گام به گام: آموزش از سطح مبتدی تا پیشرفته، با مثال‌های عملی و پروژه‌های کاربردی.
• پروژه‌ی عملی: پیاده‌سازی یک پروژه‌ی واقعی (eStore) برای تقویت مهارت‌های عملی و کسب تجربه‌ی کار با ری‌اکت در دنیای واقعی.
• دسترسی همیشگی: دسترسی آسان و همیشگی به محتوای دوره بر روی فلش مموری ۳۲ گیگابایتی.
• آمادگی برای بازار کار: آشنایی با سوالات مصاحبه و نکات کلیدی برای موفقیت در مصاحبه‌های شغلی.
• پشتیبانی: دریافت پشتیبانی برای رفع اشکالات و پاسخ به سوالات شما در طول دوره.

برای شرکت در این دوره، نیاز به پیش‌نیازهای زیر دارید:

• آشنایی با HTML، CSS و JavaScript: درک اولیه‌ی این زبان‌ها برای درک مفاهیم ری‌اکت ضروری است.
• نصب Node.js و npm (یا yarn): برای نصب و مدیریت وابستگی‌های پروژه.
• آشنایی با مفاهیم Git (اختیاری): برای مدیریت نسخه و همکاری در پروژه‌ها.

اگر با HTML، CSS و JavaScript آشنایی ندارید، پیشنهاد می‌شود ابتدا این پیش‌نیازها را مطالعه کنید و سپس به این دوره بپردازید.

این دوره شامل سرفصل‌های زیر است. توجه داشته باشید که این سرفصل‌ها ممکن است در طول زمان به‌روزرسانی شوند:

• بخش ۱: مقدمه‌ای بر ری‌اکت
  • ری‌اکت چیست؟
  • نصب و راه‌اندازی محیط توسعه
  • JSX و نحوه‌ی استفاده از آن
  • کامپوننت‌ها و انواع آن‌ها
  • Props و State
• بخش ۲: کار با State و Props
  • مدیریت State با useState
  • مدیریت Props و نحوه‌ی انتقال داده‌ها
  • رویدادها و نحوه‌ی مدیریت آن‌ها
  • کامپوننت‌های تابع (Functional Components)
  • کامپوننت‌های کلاس (Class Components) – منسوخ شده
• بخش ۳: React Hooks
  • useState
  • useEffect
  • useContext
  • useRef
  • useReducer
  • useCallback و useMemo
  • ایجاد Hook های سفارشی
• بخش ۴: مدیریت Context API
  • آشنایی با Context API
  • ایجاد Context و Provider
  • استفاده از Context در کامپوننت‌ها
  • مدیریت داده‌های سراسری با Context
• بخش ۵: استایل‌دهی در ری‌اکت
  • استایل‌دهی با CSS-in-JS (Styled Components)
  • استفاده از کتابخانه‌های CSS (Material UI, Bootstrap)
  • مدیریت تم‌ها (Themes)
• بخش ۶: تعامل با API
  • فراخوانی API با Fetch API و Axios
  • مدیریت داده‌های دریافتی از API
  • نمایش داده‌ها در رابط کاربری
  • خطاها و مدیریت آن‌ها
• بخش ۷: مسیریابی با React Router
  • آشنایی با React Router
  • ایجاد Routes و Routes
  • استفاده از Link و NavLink
  • پارامترهای Route
  • ایجاد Layout
• بخش ۸: تست‌نویسی
  • مقدمه‌ای بر تست‌نویسی
  • تست‌نویسی با Jest
  • تست‌نویسی با React Testing Library
  • ایجاد تست‌های واحد (Unit Tests)
  • تست‌های End-to-End (اختیاری)
• بخش ۹: پروژه‌ی eStore
  • طراحی رابط کاربری فروشگاه
  • مدیریت سبد خرید
  • اتصال به API برای دریافت محصولات
  • فیلتر کردن و مرتب‌سازی محصولات
  • صفحه‌ی جزئیات محصول
  • صفحه‌ی پرداخت (شبیه‌سازی)
  • Responsive Design
• بخش ۱۰: سوالات مصاحبه
  • مروری بر سوالات متداول مصاحبه‌های شغلی
  • پاسخ‌های جامع و کاربردی
  • نکات کلیدی برای موفقیت در مصاحبه
  • نمونه سوالات عملی