React.js پیشرفته – ۲۰۲۴ (حضوری)

عنوان دوره:

React.js پیشرفته – ۲۰۲۴ (حضوری)

ویژگی‌های دوره:

• آموزش جامع React.js در سطح پیشرفته برای توسعه‌دهندگانی که به دنبال یادگیری و بهینه‌سازی تکنیک‌های پیشرفته React.js هستند
• مناسب برای افرادی که می‌خواهند به سطح بالاتری از برنامه‌نویسی در React.js دست یابند و مفاهیم پیشرفته مانند Hooks، Context API، و بهینه‌سازی کامپوننت‌ها را به کار بگیرند
• پروژه‌محور با تمرکز بر نوشتن کدهای بهینه و استفاده از تکنیک‌های پیشرفته برای مدیریت بهتر پروژه‌های بزرگ
• آشنایی با جدیدترین امکانات و بهینه‌سازی‌های React.js در سال ۲۰۲۴

پیش‌نیازها:

• آشنایی کامل با مبانی React.js و تجربه کار با پروژه‌های React.js
• تسلط به JavaScript و ES6
• آشنایی با مدیریت State در React.js (Props و State)

برنامه‌ریزی زمانی دوره:

• مدت زمان آموزش: ۶ هفته، هر هفته ۳ روز (هر جلسه ۲ ساعت)
• کل ساعت آموزش: ۳۶ ساعت
• هزینه هر ساعت: ۲۵۰,۰۰۰ تومان
• هزینه کل دوره: ۹,۰۰۰,۰۰۰ تومان

برنامه زمان‌بندی دوره:

هفته اول: مدیریت State پیچیده با استفاده از Hooks

جلسه اول (۲ ساعت):

• مرور مفاهیم پایه Hooks: useState و useEffect
• معرفی useReducer برای مدیریت State پیچیده‌تر در کامپوننت‌ها
• پروژه عملی: پیاده‌سازی یک سیستم مدیریت وظایف (Task Manager) با استفاده از useReducer

جلسه دوم (۲ ساعت):

• استفاده از Custom Hooks برای مدیریت رفتارهای پیچیده
• پیاده‌سازی یک Custom Hook برای مدیریت فرم‌ها
• پروژه عملی: ساخت یک فرم ثبت‌نام با قابلیت اعتبارسنجی و مدیریت وضعیت با استفاده از Custom Hooks

جلسه سوم (۲ ساعت):

• مدیریت وابستگی‌ها در useEffect و جلوگیری از رندرهای اضافی
• پروژه عملی: پیاده‌سازی یک کامپوننت برای فراخوانی API و مدیریت وابستگی‌ها در useEffect

هفته دوم: Context API و مدیریت State جهانی

جلسه چهارم (۲ ساعت):

• معرفی Context API و نحوه استفاده از آن برای مدیریت State در کل اپلیکیشن
• پیاده‌سازی یک Context ساده برای مدیریت وضعیت ورود کاربر
• پروژه عملی: ساخت یک سیستم مدیریت کاربر با استفاده از Context API

جلسه پنجم (۲ ساعت):

• ترکیب Context API با useReducer برای مدیریت State پیچیده
• پیاده‌سازی یک Context برای مدیریت سبد خرید در یک فروشگاه آنلاین
• پروژه عملی: پیاده‌سازی یک سیستم سبد خرید با استفاده از Context API و useReducer

جلسه ششم (۲ ساعت):

• بهینه‌سازی Context API و جلوگیری از Prop Drilling
• استفاده از React.memo برای جلوگیری از رندر غیرضروری
• پروژه عملی: پیاده‌سازی Context API بهینه‌شده برای مدیریت داده‌های پویا در پروژه

هفته سوم: کامپوننت‌های پیچیده و بهینه‌سازی آن‌ها

جلسه هفتم (۲ ساعت):

• معرفی Render Props و نحوه استفاده از آن برای مدیریت کامپوننت‌های چندمنظوره
• پیاده‌سازی کامپوننت‌های قابل استفاده مجدد با Render Props
• پروژه عملی: پیاده‌سازی یک کامپوننت جستجو با استفاده از Render Props

جلسه هشتم (۲ ساعت):

• معرفی High-Order Components (HOCs) و نحوه استفاده از آن‌ها
• استفاده از HOC برای افزودن قابلیت‌های مشترک به کامپوننت‌ها
• پروژه عملی: پیاده‌سازی HOC برای مدیریت احراز هویت کاربران در اپلیکیشن

جلسه نهم (۲ ساعت):

• مدیریت عملکرد و بهینه‌سازی کامپوننت‌ها با استفاده از React.memo و useCallback
• استفاده از useMemo برای بهینه‌سازی محاسبات سنگین
• پروژه عملی: پیاده‌سازی یک پروژه بهینه‌سازی‌شده با استفاده از React.memo و useCallback

هفته چهارم: مدیریت Side Effects و Performance Tuning

جلسه دهم (۲ ساعت):

• مدیریت Side Effects در React با استفاده از useEffect و کنترل آن‌ها
• پیاده‌سازی Lazy Loading برای بهینه‌سازی عملکرد اپلیکیشن
• پروژه عملی: پیاده‌سازی Lazy Loading برای بارگذاری صفحات مختلف در یک اپلیکیشن

جلسه یازدهم (۲ ساعت):

• بهینه‌سازی عملکرد کامپوننت‌ها با استفاده از React Suspense
• پیاده‌سازی ویژگی‌های پیشرفته رندر تأخیری (Lazy Rendering) با React Suspense
• پروژه عملی: پیاده‌سازی رندر تأخیری برای بارگذاری داده‌ها و کامپوننت‌ها

جلسه دوازدهم (۲ ساعت):

• معرفی Concurrent Mode و استفاده از آن برای بهبود عملکرد در React.js ۱۸
• پیاده‌سازی اپلیکیشن‌های پیچیده با رندر بهینه در Concurrent Mode
• پروژه عملی: استفاده از Concurrent Mode برای بهبود کارایی یک اپلیکیشن بزرگ

هفته پنجم: یکپارچگی با API‌ها و مدیریت داده‌ها

جلسه سیزدهم (۲ ساعت):

• اتصال به API‌ها و مدیریت داده‌های خارجی با استفاده از fetch و axios
• مدیریت درخواست‌ها و خطاها در فراخوانی API‌ها
• پروژه عملی: پیاده‌سازی یک سیستم مدیریت کاربران با استفاده از API و axios

جلسه چهاردهم (۲ ساعت):

• مدیریت داده‌های بلادرنگ با استفاده از WebSockets و GraphQL
• پیاده‌سازی ارتباط بلادرنگ با استفاده از WebSockets
• پروژه عملی: ساخت یک چت‌بات بلادرنگ با WebSocket و React

جلسه پانزدهم (۲ ساعت):

• معرفی GraphQL و نحوه استفاده از آن برای فراخوانی API‌ها در React
• پیاده‌سازی یک Query ساده با GraphQL و Apollo Client
• پروژه عملی: اتصال به GraphQL API و نمایش داده‌ها در یک اپلیکیشن

هفته ششم: پروژه نهایی و جمع‌بندی دوره

جلسه شانزدهم (۲ ساعت):

• انتخاب پروژه نهایی: طراحی و پیاده‌سازی یک پروژه پیچیده با استفاده از مفاهیم پیشرفته React.js
• پروژه عملی: ایجاد یک اپلیکیشن پیچیده با استفاده از Context API، Hooks و GraphQL

جلسه هفدهم (۲ ساعت):

• بررسی پروژه‌های نهایی و بازخورد روی کدنویسی و ساختار پروژه‌ها
• بهینه‌سازی پروژه‌ها با استفاده از تکنیک‌های پیشرفته یادگرفته‌شده

جلسه هجدهم (۲ ساعت):

• جمع‌بندی و مرور تکنیک‌های پیشرفته React.js در سال ۲۰۲۴
• مرور جدیدترین ابزارها و کتابخانه‌های مفید برای توسعه پروژه‌های React.js
• پیشنهاد منابع و راهنمایی برای ادامه مسیر یادگیری در React.js

ویژگی‌های جدید ۲۰۲۴:

• استفاده از ویژگی‌های React.js ۱۸: پیاده‌سازی Concurrent Mode و React Server Components برای بهبود عملکرد
• استفاده از Suspense و Lazy Loading: مدیریت بهینه منابع و رندرینگ در کامپوننت‌های پیچیده
• بهینه‌سازی کد با استفاده از Hooks پیشرفته: مدیریت بهتر داده‌ها و بهینه‌سازی عملکرد پروژه‌های بزرگ

هزینه دوره:

• هزینه هر ساعت آموزش: ۲۵۰,۰۰۰ تومان
• کل ساعات آموزش: ۳۶ ساعت
• هزینه کل دوره: ۹,۰۰۰,۰۰۰ تومان

این دوره جامع React.js پیشرفته به شما کمک می‌کند تا به سطح بالاتری از توسعه وب با React.js برسید و مفاهیم پیشرفته‌تری مانند Hooks، Context API و مدیریت کامپوننت‌های پیچیده را یاد بگیرید. با تمرکز بر پروژه‌های عملی و تکنیک‌های بهینه‌سازی، شما قادر خواهید بود پروژه‌های پیچیده و بهینه را به صورت حرفه‌ای پیاده‌سازی کنید.