دوره آموزشی غیرحضوری و آنلاین React

دانلود سرفصل‌های این دوره آموزشی منحصربفرد

مدت زمان باقیمانده تا شروع این دوره آموزشی

سرفصل‌های این دوره آموزشی

۱- شروع کار با React و نیازمندی‌های مورد نیاز

• تعریف و مقایسه روش‌های SPA
• تاریخچه React
• نمونه پروژه‌های موفق پیاده سازی شده با React
• نصب Nodejs
• نصب VS Code
• معرفی Extensionهای مهم و پرکاربرد برای React

۲- ایجاد اولین پروژه و بررسی ساختار پروژه

• ایجاد پروژه از طریق CRA
• نحوه ایجاد پروژه به صورت دستی
• معرفی بخش های مهم یک پروژه React
• اجرای پروژه و بررسی خروجی ایجاد شده

۳- مروری بر جاوا اسکریپت و ES6

• تعریف متغیرها
• تعریف و استفاده از توابع
• نحوه تعریف آرایه‌ها و توابع مهم روی آرایه
• ایجاد یک object و کار با آن

۴- تعریف و استفاده از کامپوننت‌ها

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

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

• معرفی jsx در ری اکت
• محل و نحوه تعریف کدهای HTML
• نحوه نوشتن کدهای CSS در ری اکت
• استانداردهای مهم در JSX
• معرفی تگ Fragment در خروجی کامپوننت‌ها
• نحوه دسترسی به متغیرها و توابع از داخل بخش HTML

۶- کاربرد State در React

• آشنایی با مفهوم State
• نحوه تعریف و استفاده از State در Class Component
• تعریف و استفاده از State در Function Component ها
• نکات مهم در تغییر State ها

۷- نحوه تعامل کامپوننت‌ها با Props

• نقش Props در تعامل کامپوننت‌ها با یکدیگر
• روش ارسال داده از Parent به Child
• روش ارسال Event از Child به Parent
• نحوه کنترل و چک کردن Prop‌های ورودی
• نحوه کنترل تکراری بودن مقدر Prop‌ها

۸- معرفی Hook‌های پرکاربرد

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

۹- افزودن Bootstrap به React

• معرفی و تاثیر آن در طراحی صفحات
• روش‌های افزودن Bootstrap به ری اکت
• ایجاد یک Layout با Bootstrap
• معرفی و استفاده از Reactstrap

۱۰- کار با Material در React

• معرفی Material
• افزودن Material به پروژه React
• ایجاد Layout و پیاده سازی صفحات با Material

۱۱- روش اتصال کامپوننت‌ها به آدرس‌های دلخواه

• معرفی Routing و کاربرد آن در React
• نصب React-Router-Dom و کانفیگ آن در ری اکت
• نحوه تعریف آدرس ها و وصل کردن Component‌ها به آدرس‌های تعریف شده
• تعریف Linkها و حرکت به صفحات دلخواه
• نحوه تعریف URL Params و URL Query String و ارسال داده از طریق آنها
• نحوه تعریف Routing تودرتو

۱۲- روش‌های ایجاد فرم‌های دریافت اطلاعات

• تعریف فرم و دریافت داده از طریق Change Event
• تعریف فرم‌ها و دریافت داده از طریق ref
• دسترسی به داده‌های یک فرم از طریق Submit کردن
• استفاده از کتابخانه React-Hook-Form
• نحوه صحت سنجی اطلاعات فرم‌ها در ری اکت

۱۳- ایجاد فایل آپلودر و استفاده از آن

• نحوه دریافت فایل و ارسال آن به سرور
• بررسی فرمت‌های مورد نظر و حجم مجاز آپلود فایل
• نوشتن Progress برای آپلود فایل
• نحوه دانلود و نمایش فایل‌ها

۱۴- نحوه مدیریت خطاها در ری اکت

• کنترل خطاها با ،Try-Catch
• نحوه تعریف Error Boundary در ری اکت
• استفاده از Error Boundary و مدیریت خطاها
• بررسی خطاهای رایج در ری اکت

۱۵- فراخوانی API در React و دریافت و ارسال داده

• معرفی API و ویژگی‌ها یک API استاندارد
• روش‌های فراخوانی APIها
• معرفی و استفاده از روش Fetch
• نصب و استفاده از axio

۱۶- افزودن Redux به پروژه

• تعریف State Management و معرفی روش‌های معروف
• معرفی و کاربرد Redux
• نصب و راه اندازی Redux
• تعریف Action ، Reducer و Store
• فراخوانی Redux در کامپوننت‌ها و نحوه تعامل با آن
• معرفی Redux Logger و کاربرد آن
• نصب و استفاده از Redux Persist
• استفاده از Redux Thunk
• کاربرد Redux Saga

۱۷- کاربرد Context و نحوه استفاده از آن در ری اکت

• معرفی Context
• نحوه تعریف و ارسال داده به لایه‌های پایین تر
• نحوه تغییر Context

۱۸- استفاده از Token Authentication و Refresh Token

• تعریف احراز هویت و نحوه پیاده سازی آن در ری اکت
• نحوه کنترل Login بودن کاربر
• استفاده از Refresh Token
• نحوه کنترل دسترسی‌ها در ری اکت

۱۹- نحوه نوشتن Server Side Rendering App با ری اکت

• معرفی SSR و تفاوت‌های آن با CSR
• معرفی روش‌های پیاده سازی SSR
• ساختار یک پروژه SSR
• نحوه فراخوانی apiها در SSR
• نحوه کارکرد Routing در SSR
• پیاده سازی یک SSR Website

۲۰- نصب و استفاده از GraphQL و انجام عملیات CRUD با آن

• معرفی و هدف از ارائه GraphQL
• انواع دستورات در GraphQL (Query و Mutation)
• نحوه تعریف query و ارسال به سمت server
• نحوه ارسال داده به سمت سرور

۲۱- نحوه نوشتن Test و اجرای آن در ری اکت

• نحوه نوشتن Unit Test در ری اکت
• معرفی و نوشتن Shallow Rendering Unit Test
• معرفی و نوشتن Full Rendering Unit Test
• نوشتن تست روی state , props , events

۲۲- اجرای پروژه روی Docker و Web Server

• نحوه build پروژه
• معرفی Docker و مزیت های آن
• ایجاد DockerFile برای افزودن خروجی ری اکت به داکر
• نحوه بارگذاری روی وب سرورها

۲۳- جمع بندی دوره ری اکت

کارگاه تکمیلی پیاده سازی پنل مدیریت (۵ ساعت)

مدرس این دوره مهندس محسن درم بخت می‌باشد.

محسن درم بخت [مشاوره، مدرس و مدیر پروژه های نرم افزاری تحت وب و موبایل]

مشاوره، مدرس و مدیر پروژه های نرم افزاری تحت وب و موبایل که از سال 1387 وارد دنیای برنامه نویسی شدم و همچنان در حال یادگیری مطالب جدید و استفاده از آنها در پیاده سازی پروژه های جدید می باشم. عاشق آموزش و تدریس برنامه نویسی هستم و در هفته بعد از کار روزانه، عصرها درگیر آموزش برنامه نویسی می باشم.

• مدیر پروژه شرکت درسا سافت
• مدیر پروژه شرکت سپیدآریا
• مشاور نرم افزار دانشگاه آزاد

با ثبت نام در این دوره چه چیزهایی به دست می‌آورید

اگر خارج از تهران هستید یا پُرمشغله هستید چرا در دوره غیرحضوری شرکت نمی‌کنید!؟

اگر خارج از تهران هستید، اگر پُرمشغله هستید: بصورت غیرحضوری ثبت نام کنید، کلاس را زنده ببینید و فیلم با کیفیت فوق حرفه‌ای به همراه جزوات کاملا رنگی و دستورالعمل اجرا دریافت کنید.

پیش نیازهای دوره

برای اینکه بتوانید از این دوره به نحو مطلوب استفاده کنید حتما بایستی با مبانی طراحی وب HTML. Css.Javascript آشنایی داشتهب اشید.
رویکرد این دوره بیشتر مباحث عملی و سناریوهای تجربی می‌باشد.

دوره در یک نگاه کلی

عنوان دوره: دوره آموزشی غیرحضوری React
مخاطبین: برنامه نویسان و علاقه‌مندان به فریم ورک React
پیش نیازهای دوره: آشنایی و تسلط نسبی به مبانی طراحی وب (HTML. Css. Javascript)
مخاطبین: برنامه نویسان و علاقه مندان به آشنایی با فریم ورک React آشنا شوند.
طول دوره: ۱۵ جلسه ۳ ساعته در مجموع ۴۵ ساعت
تاریخ شروع دوره: سه شنبه ۱۵ مهر – ساعت ۱۷:۳۰ الی ۲۰:۳۰
نحوه ارائه: غیرحضوری و آنلاین
پشتیبانی: دارای گروه تلگرامی اختصاصی است
مدرسین: محسن درم بخت
مبلغ غیرحضوری: یک میلیون و سیصد هزار تومان .

مبلغ دوره

شرایط غیرحضوری:
محتوای غیرحضوری: ۱۵ جلسه ۳ ساعته در مجموع ۴۵ ساعت آموزش تصویری (فیلم)، صوت دوره، تمرین‌ها، PDF جزوات، دانلود از طریق ایمیل
مشاهده Live: دسکتاپ و صدای مدرس، بصورت زنده و آنلاین قابل مشاهده است.
مبلغ سرمایه گذاری غیرحضوری: یک میلیون و سیصد هزار تومان

آیا مبلغ دوره مناسب است!؟
به نظر من مبلغ دوره بسیار، بسیار ارزان و مناسب است، این دوره دارای تمرین و سناریوهای کاملا اختصاصی است که البته مدرس از تجربیات ارزشمند خود در کل دوره خواهد گفت که می‌توانید از آن استفاده نمایید. همچنین شما پشتیبانی یک گروه اختصاصی تلگرامی را نیز خواهید داشت.

گارانتی برگشت ۲ برابری پول

شما با شرکت در این دوره هیچ چیزی را از دست نخواهید داد، چون این دوره دارای گارانتی ۲ برابری برگشت پول است.

نحوه ثبت‌نام در دوره به چه شکل است؟

ثبت نام بصورت غیرحضوری:
۱- ابتدا بر روی دکمه زیر کلیک کنید.

۲- اطلاعات خواسته شده را تکمیل و مبلغ مورد نظر را پرداخت نمایید.
۳- شما در لیست ثبت‌نام کنندگان غیرحضوری قرار گرفته‌اید، ۱۰ دقیقه دیگر ایمیل خود را بررسی نمایید

پاسخ به سوالات متداول درباره این دوره آموزشی