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

مدت دوره: 45 ساعت

معرفی دوره React و React Native : 

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

شرکت در این دوره به همان افراد فعال در حوزه برنامه نویسی وب و موبایل توصیه می شود به دلیل اینکه تولید محصول وب و مخصوصا موبایل از طریق 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

و در نهایت آماده سازی پروژه اپ سفارش غذا و نصب آن بر روی گوشی های Android و iOS  دانشجویان.