مدت زمان دوره 45 ساعت می باشد که در 15 جلسه 3 ساعته برگزار می شود. روزهای برگزاری دوره یکشنبه و سه شنبه ها از ساعت 18 تا 21 به صورت آنلاین می باشد.

تاریخ شروع دوره سه شنبه 21 تیرماه می باشد. می توانید هم به صورت آنلاین در زمان برگزاری کلاس حضور داشته باشید و همچنین فیلم های ضبط شده کلاس، یک روز بعد روی سایت در دسترس شما می باشد.

هزینه شرکت در دوره یک میلیون و پانصد هزارتومان در نظر گرفته شده است.

سرفصل‌های دوره آموزش آنلاین Nextjs + Redux + React :

فصل اول - معرفی ، نصب و راه اندازی React

• معرفی و بررسی روش های SPA در پیاده سازی Frontend
• معرفی و نصب Nodejs
• نحوه نصب و راه اندازی پروژه React
• بررسی انواع روش های پیاده سازی پروژه با React
• معرفی و کار با Typescript در React
• پیاده سازی کامپوننت ها از طریق Typescript

فصل دوم - ایجاد و بررسی ساختار پروژه های React

• روش های ایجاد پروژه React
• ساخت پروژه React جدید با روش CSR
• بررسی ساختار پروژه و معرفی بخش های مختلف پروژه React
• مروری بر ECMAScript و بررسی ویژگی های پرکاربرد
• بررسی روش پیاده سازی توسط ES و Typescript

فصل سوم - معرفی و ساخت Component ها

• کاربرد Component در React و معرفی بخش های مختلف یک Component
• نحوه فراخوانی و استفاده از Component در کامپوننت های دیگر
• معرفی Class Component و Function Component
• بررسی چرخه حیات یک Component

فصل چهارم - نحوه ساخت قالب و خروجی کامپوننت‌ها

•  معرفی و کاربرد JSX در React
• بررسی بخش Template در React و کارکردن با دستورات در بخش Template
• روش های نوشتن CSS در React
• نحوه استفاده از تصاویر در بخش Template در React

فصل پنجم - استفاده از State و Props

•  معرفی و نحوه تعریف State در React
• نحوه مقداردهی و تاثیر تغییر State در Component های React
• معرفی Props و کاربرد آن در Component های React
• استفاده از Props برای ارسال مقدار و دریافت event در Component ها

فصل ششم - معرفی Hook های پرکاربرد و استفاده از آنها

• Hook چیست و کاربرد آن ها در React چیست ؟
• معرفی Hook های پرکاربرد در React و استفاده از آن ها
• نحوه تعریف Hook سفارشی در React و استفاده از آنها

فصل هفتم - معرفی Routing و افزودن به پروژه React

• Routing چیست و تاثیر آن در پروژه های React چقدر است؟
• نصب و راه اندازی React-Router روی پروژه
• نحوه ارسال پارامتر به کامپوننت های دیگر و استفاده از مقدار ارسالی
• نحوه ساخت و مدیریت منوها به صورت Dynamic

فصل هشتم - نحوه فراخوانی و کار با API ها

• بررسی انواع سرویس ها قابل استفاده در سمت Frontend
• استفاده از Fetch در React برای فراخوانی API ها
• استفاده از Axios در React
• نوشتن یک base class برای فراخوانی api ها توسط Axios

فصل نهم - طراحی فرم ها به کمک Ant Design و Material UI

• روش های طراحی و مدیریت فرم ها در React
• بررسی روش React-Hook-Form
• استفاده از Ant Design برای طراحی و مدیریت فرم ها
• پیاده سازی فرم Data Entry به کمک Ant Design
• استفاده از Material UI در طراحی فرم ها

فصل دهم  - معرفی و استفاده از Redux در پروژه

• State Management چیست و چه کاربردی دارد؟
• Redux چیست و چه نقشی در پروژه های React دارد ؟
• بررسی کامل ساختار Redux و نصب و راه اندازی آن در پروژه React
• کاربرد Redux-Thunk و استفاده آن در پروژه React
• استفاده از Redux Persist و ذخیره مقادیر Store
• معرفی و استفاده از Context API در React

فصل یازدهم  - معرفی SSR و بررسی تفاوت های آن با CSR

• SSR چیست و چه کاربردی دارد ؟
• مقایسه روش های SSR و CSR با هم
• SSR بهتر است یا CSR ؟

فصل دوازدهم  - معرفی و استفاده از Next js

• SSR چیست و چه کاربردی دارد؟
• معرفی Next js و ایجاد پروژه با Next js
• ایجاد پروژه به کمک Next js و بررسی ساختار پروژه

فصل سیزدهم  - پیاده سازی بخش های مورد نیاز توسط SSR

• نهایی کردن پروژه در سمت Backend و Frontend
• بررسی چالش ها و مشکلاتی که در طول دوره برای پیاده سازی پروژه ها داشتیم
• اجرا کردن پروژه ها رو بستر Docker و Kubernetes
• جمع بندی و مرور کلی دوره