جلسات دوره
جهت فعال شدن جلسات غیر رایگان حتما باید در دوره ثبت نام کنید.
مقدمه و راهاندازی محیط توسعه
معرفی دوره
React چیست و چرا باید از آن استفاده کنیم؟
نصب Node.js و NPM
نصب Create React App
ایجاد اولین پروژه React
مفاهیم پایهای React
بررسی ساختار پروژه React
JSX چیست؟
اجزاء (Components) در React
استفاده از Props
مدیریت State در اجزاء
کار با JSX و اجزاء
افزودن استایل به اجزاء
شرطیسازی در JSX
لیستها و کلیدها (Keys)
کار با Event ها در React
مدیریت وضعیت (State Management)
معرفی Hook های React
استفاده از useState
استفاده از useEffect
مدیریت وضعیت پیچیده با useReducer
کار با فرمها و ورودیها
کنترل اجزاء فرم
مدیریت وضعیت ورودیها
ارسال فرمها
اعتبارسنجی فرمها
ارتباط با سرور
استفاده از Fetch API
معرفی Axios و استفاده از آن
مدیریت درخواستهای HTTP در React
نمایش دادههای دریافت شده
مسیریابی در React
معرفی React Router
نصب و پیکربندی React Router
تعریف مسیرها (Routes)
استفاده از لینکها (Links) و ناوبری
مدیریت وضعیت جهانی با Context API
معرفی Context API
ایجاد Context
استفاده از Context در اجزاء
مدیریت وضعیت پیچیده با Context
استفاده از Redux برای مدیریت وضعیت
معرفی Redux
نصب و پیکربندی Redux
تعریف Action ها و Reducer ها
استفاده از Redux در اجزاء
استفاده از Redux Toolkit
معرفی Redux Toolkit
ایجاد Slice ها
مدیریت Store با Redux Toolkit
استفاده از Redux Toolkit در اجزاء
بهینهسازی عملکرد برنامه
معرفی memo و استفاده از آن
استفاده از useMemo
استفاده از useCallback
استفاده از React Profiler
تست و آزمایش در React
معرفی Testing Library
نصب و پیکربندی Testing Library
نوشتن تست برای اجزاء
تست رفتار و رویدادها
استفاده از TypeScript در React
معرفی TypeScript
نصب و پیکربندی TypeScript
استفاده از TypeScript در اجزاء
مدیریت انواع پیچیده با TypeScript
ساخت و مدیریت فرمهای پیچیده
استفاده از Formik
اعتبارسنجی فرمها با Yup
مدیریت فرمها در پروژههای بزرگ
کار با GraphQL در React
معرفی GraphQL
نصب و پیکربندی Apollo Client
ارسال درخواستهای GraphQL
مدیریت دادههای GraphQL
مدیریت احراز هویت
مدیریت احراز هویت کاربر
استفاده از JWT برای احراز هویت
ایجاد Protected Routes
ساختاردهی و معماری پروژه
اصول طراحی معماری پروژه
استفاده از الگوهای طراحی
ساختاردهی پروژه برای مقیاسپذیری
کار با WebSocket و React
معرفی WebSocket
استفاده از Socket.io
پیادهسازی ارتباطات بلادرنگ
توسعه PWA با React
معرفی PWA
پیکربندی پروژه برای PWA
افزودن ویژگیهای آفلاین
مدیریت عملکرد و بهینهسازی
معرفی Lazy Loading
استفاده از React Suspense
مدیریت عملکرد در برنامههای بزرگ
استفاده از Custom Hooks
معرفی و اهمیت Custom Hooks
ایجاد و استفاده از Custom Hooks
نمونههای عملی از Custom Hooks
استفاده از Context و Reducer ترکیبی
ترکیب Context و Reducer
پیادهسازی وضعیت پیچیده با ترکیب
مثالهای عملی
استفاده از Third-Party Libraries
معرفی کتابخانههای مفید
نصب و پیکربندی کتابخانهها
استفاده عملی از کتابخانهها در پروژه
انیمیشنها در React
معرفی React Spring
نصب و استفاده از React Spring
ایجاد انیمیشنهای پیچیده
کار با فایلها و تصاویر
مدیریت فایلها و تصاویر
آپلود فایلها
نمایش تصاویر و مدیریت آنها
استفاده از Server-Side Rendering (SSR)
معرفی SSR
استفاده از Next.js برای SSR
پیادهسازی پروژه با Next.js
مدیریت پروژههای بزرگ
اصول مدیریت پروژه
تقسیم وظایف و مدیریت تیم
استفاده از ابزارهای مدیریت پروژه
کار با دادههای بلادرنگ
استفاده از Firebase
پیکربندی و استفاده از Firestore
پیادهسازی دادههای بلادرنگ
استفاده از Hooks پیچیده
معرفی Hooks پیچیده
استفاده از useContext و useReducer ترکیبی
مدیریت وضعیت پیچیده با Hooks
پروژه عملی وب سایت کتابخوان
قسمت اول
پروژه عملی وب سایت کتابخوان
قسمت دوم
پروژه عملی وب سایت کتابخوان
قسمت سوم
پروژه عملی وب سایت کتابخوان
قسمت چهارم
پروژه عملی وب سایت کتابخوان
قسمت پنجم
پروژه عملی وب سایت کتابخوان
قسمت ششم
پروژه عملی وب سایت کتابخوان
قسمت هفتم
پروژه عملی وب سایت کتابخوان
قسمت هشتم
پروژه عملی وب سایت کتابخوان
قسمت نهم
پروژه عملی وب سایت کتابخوان
قسمت دهم
صادق جعفری
از کودکی به کامپیوتر و دنیای دیجیتال علاقه داشتم، به همین دلیل ترک تحصیل کردم و تمام تلاش خودم را صرفا برای یادگیری کامپیوتر، طراحی، برنامه نویسی و ... به کار گرفتم. در کنار مشاغل مختلفی که مجبور به انجامشان بودم برنامه نویسی را یاد گرفتم و از سال 1390 وارد بازار کار شدم و همیشه در تلاش هستم تا چالش های روبرو را با موفقیت پشت سر بگذارم.
شبکه های اجتماعی من