سرفصل ها و محتوای دوره آموزش  React و React Native 

طول دوره : 48 ساعت

معرفی دوره : در این دوره هدف طراحی یک Web Application توسط React و سپس طراحی نسخه موبایل اپ آن از طریق React Native می باشد. شرکت در این دوره به همه افراد فعال در حوزه برنامه نویسی وب و موبایل توصیه می شود. زیرا تولید محصول وب و مخصوصا موبایل از طریق React و React Native بسیار سریع تر و راحت از روش های Native می باشد.

پیش نیازهای دوره React و React Native  :

1- گذراندن دوره آموزش طراحی صفحات وب  (یا تسلط به طراحی صفحات وب)
2- تسلط به زبان جاوا اسکریپت

مشاهده رزومه استاد

سرفصل دوره - بخش React  :

معرفی روش های SPA و مقایسه آنها با یکدیگر

نصب و راه اندازی اولیه React و سایر نرم افزارهای مورد نیاز

کار با ES6

معرفی اجزای اصلی یک پروژه React

نصب React Cli و ایجاد پروژه

معرفی توابع مهم و اصلی در یک Component

بررسی چرخه حیات یک Component

معرفی Component و ویژگی های props و state

نحوه کار با State و مدیریت آن

معرفی ساختار jsx برای استفاده در Component ها

بررسی روش های Class Component و Function Component و مزایا و معایب هر کدام از روش ها

ایجاد فرم های ثبت و نمایش اطلاعات و کار با داده در React

روش های نوشتن CSS در React

تعریف Routing و ارتباط و مسیردهی بین Component ها

روش های فراخوانی Wep API ها از سمت سرور

ایجاد کامپوننت Login و راه اندازی Authentication روی React

معرفی و استفاده از UI Component هایی مانند Bootstrap  و Material UI

معرفی و استفاده کامل از Redux

کار با Hook ها در Function Component

کار با Webpack و مزایا استفاده از آن

معرفی روش SSR و ویژگی های این روش

معرفی و کار با GraphQL برای Query زدن و گرفتن اطلاعات از سرور

نحوه خروجی گرفتن از React و گذاشتن روی سرور

سرفصل دوره - بخش React Native  :

معرفی روش های موجود برای تولید Mobile Application ها

معرفی React Native و مزایا و معایب آن

معرفی Expo و ایجاد یک پروژه توسط Expo

بررسی مزایا و معایب کار با Expo

نصب و راه اندازی امکانات مورد نیاز برای Android مانند Android Studio

نصب و راه اندازی Mac OS روی ویندوز با ماشین مجازی و نصب X-Code روی آن

نصب React Native Cli و ایجاد یک پروژه جدید

معرفی بخش های مختلف یک پروژه React Native

ویژگی Component ها در React Native

بخش بندی و Style دهی Component ها در React Native

کار با المان های ListView - Button - Image - Text Input - Scroll View  برای ساخت Component ها

راه اندازی React Navigation برای پیمایش بین Screen ها

راست به چپ کردن App و استفاده از فونت فارسی

نحوه استفاده از Font Icon ها

ساختن Tab Menu , Drawer Menu و کار با Event های مختلف

فراخوانی Api ها و نکات مهم آن در React Native

نحوه گرفتن Permission های مختلف از کاربر

کار با نقشه ها در React Native

کار با Storage گوشی برای عملیات Read , Write

نحوه استفاده از Animation در React Native

معرفی و استفاده از Firebase برای عملیاتی مانند Push Notification

نحوه خروجی گرفتن و Sign کردن App برای اندروید

نحوه خروجی گرفتن برای iOS