مطالب پیشنهادی از سراسر وب

راهنمای کاربردی ری اکت نیتیو (React Native) - ویرایش 2020

دسته بندی ها: آموزش های ویژه ، آموزش های یودمی (Udemy) ، آموزش ری اکت نیتیو (React Native) ، آموزش برنامه نویسی آی او اس (iOS) ، آموزش برنامه نویسی اندروید (Android) ، برنامه نویسی موبایل

از React Native و دانش React خود استفاده کنید تا اپلیکیشن های نیتیو اندروید و iOS با incl، نوتیفیکیشن های Push،  ردوکس و Hooks ایجاد کنید. 

آخرین آپدیت: 7/2020

آنچه یاد خواهید گرفت:

  • ساخت اپلیکیشن های نیتو موبایل با جاوااسکریپت و ری اکت
  • بررسی عمیق React Native
  • توسعه اپلیکشن های موبایل چندسکویی (اندروید و iOS) بدون دانستن سوئیفت، ObjectiveC یا جاوا/اندروید

توضیحات دوره:

این دوره کاملا به روز شده و فقط به آخرین نسخه ی React Native نمی پردازد. بلکه نکات تازه ای درباره جاوااسکریپت و React.js را نمایش می دهد.

به علاوه، بخش کامل Push Notifications در این دوره توضیح داده شده است.

اپلیکیشن های موبایل یکی از بهترین روش های مشارکت با کاربران است پس جای تعجب ندارد که هرکسی می خواهد یکی بسازد!

آیا خوب نمی شد اگر با دانش توسعه وب به همراه دانش React اپلیکشن های موبایل ایجاد کرد؟

این دقیقا چیزی است که React Native به شما این امکان را می دهد.

نیازی نیست جاوا، اندروید، سوئیفت، ObjectiveC یا هر چیز دیگری را یاد بگیرد تنها React و JavaScript برای ساخت اپلیکیشن های نیتیو موبایل مورد نیاز است که در اندروید و iOS کار کند. به همین دلیل اینستاگرام، AirBnB، اسکایپ و سایر دیگر کمپانی های جهانی از آن استفاده می کنند تا اپلیکیشن های موبایل خود را ایجاد کنند.

با این دوره شما نیز می توانید به این افراد بپیوندید. مدرس دوره به شما تمام نکات مورد نیاز را آموزش می دهد تا اپلیکیشن های موبایل React Native ایجاد کنید، آنها را در Google Play Store و Apple App Store انتشار کنید و دقیقا اکوسیستم React Native را یاد بگیرید.

و چه راهی بهتر از اینکه با ساخت یک اپلیکیشن واقعی آن را یاد بگیرید؟ ما یک اپلیکیشن Awesome Places در این دوره ایجاد می کنیم. در این اپلیکیشن کاربر می تواند تصاویر و لوکیشن آنها را به اشتراک بگذارد. این اپلیکیشن به شما اجازه می دهد تا نقشه ها، دوربین، احراز هویت کاربر و اتصال به سرور و غیره را مشاهده کنید.

در پایان دوره، تمام نکات لازم جهت انشار در app store را فرا خواهید گرفت.

در اینجا به جزئیات مطالبی که فرا خواهید گرفت می پردازیم:

  • مفاهیم اصلی و تئوری
  • نحوه استفاده از ری اکت، جاوااسکریپت و کامپوننت های نیتیو
  • درک نحوه ی ناوبری در اپلیکیشن های React Native
  • نگاهی عمیق تر ه استایل و متحرک سازی اپلیکیشن های React Native
  • دستورالعمل های نحوه استفاده از کتابخانه های شخص ثالث در اپلیکیشن React Native
  • مثال هایی با جزئیات درباره نحوه ی استفاده از نقشه ها یا image picker
  • جریان کامل احراز هویت کاربر
  • نحوه اتصال به سرور backend از اپلیکیشن
  • اشکال زدایی دستورالعمل ها
  • و غیره

به چه چیزی برای موفقیت در این دوره نیاز دارید؟

نیازی نیست جاوا، اندروید، سوئیفت، ObjectiveC یا هر چیز دیگری را یاد بگیرد.

داشتن دانش جاوااسکریپت و ری اکت (برای وب) کافی است. نیازی نیست که یک کارشناس باشید تنها مبانی آنها کافی است. 

این دوره برای چه کسی مناسب است؟

  • هر کسی که می خواهد اپلیکیشن های موبایل نیتیو با استفاده از React بسازد
  • هر توسعه دهنده موبایلی که می خواهد تنها یک زبان برای نوشتن اپلیکیشن های موبایل چندسکویی یاد بگیرد
  • هر توسعه دهنده وب و موبایلی که علاقه مند به نوشتن اپلیکشن های نیتیو با عملکرد بالا با جاوااسکریپت است

مباحث دوره:

  • شروع کار
    • خوش آمدگویی
    • React Native چیست؟
    • به Online Learning Community بپیوندید
    • نحوه کارکرد React Native
    • Expo درمقابل React Native CLI
    • دانلود Node.js
    • ایجاد اولین اپلیکیشن React Native
    • کار با اپلیکیشن
    • اپلیکیشن های React Native خیلی سخت کار می کنند
    • جایگزین های React Native
    • الزامات دوره
    • نکات الزامات دوره
    • اجرای اپلیکیشن در Android Emulator
    • اجرای اپلیکیشن در iOS Simulator
    • مباحث دوره
    • نحوه بیشترین حد بهره بردن از این دوره
    • لینک ها و منابع مفید
  • بررسی عمیق مبانی (اپلیکیشن COURSE GOALS)
    • مقدمه ماژول
    • نحوه کار با کامپوننت های React Native
    • راه اندازی پروژه جدید
    • برنامه ریزی اپلیکیشن
    • کار با کامپوننت های اصلی
    • شروع کار با استایل ها
    • Flexbox و Layouts
    • بررسی عمیق React Native Flexbox
    • Inline Styles و StyleSheet Objects
    • کامپوننت ها، استایل ها، طرح بندی ها
    • کار با State و رویدادها
    • خروج لیست از آیتم ها
    • استایل دادن به آیتم های لیست
    • قابلیت اسکرول با ScrollView
    • یک لیست بهتر - FlatList
    • کامپوننت ها و لیست های بیشتر
    • تقسیم برنامه به کامپوننت ها
    • انتقال داده بین کامپوننت ها
    • کار با کامپوننت های قابل لمس
    • حذف کردن آیتم ها
    • افزودن Modal Overlay
    • Flexbox Styling بیشتر
    • Modal و Clearing Input
    • اتمام Modal Styling
    • جمع بندی
    • لینک ها و منابع مفید
  • اشکال زدایی اپلیکشن های React Native
    • مقدمه ماژول
    • آنچه اشکال زدایی می کنید و نحوه اشکال زدایی
    • اجرای اپلیکیشن روی دستگاه واقعی و اشکال زدایی
    • مدیریت پیام های خطا
    • درک جریان کد با ()console.log
    • استفاده از Remote Debugger و Breakpoints
    • کار با Device DevTools Overlay
    • اشکال زایی رابط کاربری و استفاده از React Native Debugger
    • جمع بندی
    • لینک ها و منابع مفید
  • کامپوننت ها، استایل ها، طرح بندی ها - ساخت اپلیکیشن های واقعی (اپلیکیشن یک عدد را حدس بزن)
    • مقدمه ماژول
    • راه اندازی و برنامه ریزی اپلیکیشن
    • افزودن Custom Header Component
    • افزودن Screen Component
    • کار بر روی طرح بندی
    • اسایل دادن به View به عنوان Card" Container" (بررسی Drop Shadows و Rounded Corners)
    • React Native Styling درمقابل CSS Styling
    • استخراج Card Component (کامپوننت ارائه)
    • کامپوننت ها و استایل
    • Color Theming با Constants
    • پیکربندی و استایل دادن به TextInput
    • تمیز کردن ورودی کاربر و کنترل کردن Soft Keyboard
    • تنظیم مجدد و تایید ورودی کاربر
    • پیکربندی کامپوننت ها
    • نمایش هشدار
    • زمان اتمام  "Confirmation Box"
    • افزودن Random Number Generation
    • سوئیچ کردن بین چندین اسکرین
    • افزودن فیچرهای بازی - اعتبارسنجی و Hints 
    • بررسی "Win" Condition با ()useEffect
    • اتمام Game Logic
    • افزودن Custom Fonts
    • نصب expo-font
    • سبک مصنوعی "Cascade" -  کامپوننت های سفارشی Wrapper و استایل های جهانی
    • افزودن تصاویر محلی
    • استایل دادن به تصاویر
    • کار با تصاویر (وب) شبکه
    • نگاهی به کامپوننت "Text" (و چیزی که می توانید با آن انجام دهید)
    • <View> درمقابل <Text>- خلاصه
    • ساخت Custom Button Component
    • افزودن آیکون ها
    • بررسی کتابخانه های UI 
    • مدیریت Past Guesses به عنوان یک لیست
    • استایل دادن به لیست ها و آیتم های لیست
    • ScrollView و Flexbox (بله، کارساز می کند)
    • استفاده از FlatList به جای ScrollView
    • جمع بندی
    • استفاده از لینک ها و منابع
  • رابط های کاربری تطبیق پذیر و واکنش گرا و اپلیکیشن ها
    • مقدمه ماژول
    • یافتن فرصت های پیشرفت
    • کار با قوانین بیشتر Flexible Styling
    • آشنایی با Dimensions API
    • استفاده از ابعاد در بررسی های "if"
    • محاسبه اندازه به صورت پویا
    • مشکلات جهت گیری های مختلف دستگاه
    • کنترل جهت گیری و استفاده از KeyboardAvoidingView
    • لیست کردن به تغییرات جهت گیری
    • رندر کردن طرح بندی های مختلف
    • رفع GameOver Screen
    • به روزرسانی تمامی کد ها برای به روزرسانی داینامیکی
    • Dimensions API و Responsive UIs
    • Expo's ScreenOrientation API
    • آشنایی با Platform API
    • کار با ()Platform.select و Platform در بررسی های "if"
    • فایل های کد مختص پلتفرم
    • Platform API
    • استفاده از SafeAreaView
    • جمع بندی 
    • استفاده از لینک ها و منابع
  • ناوبری با React Navigation (اپلیکیشن MEALS)
    • معرفی ماژول
    • برنامه ریزی اپلیکیشن
    • افزودن Screens
    • افزودن فونت ها
    • React Navigation Docs
    • نصب React Navigation و افزودن ناوبری برای اپلیکیشن
    • باید بخوانید - نصب Navigators متفاوت
    • ایجاد StackNavigator
    • React Navigation و Code Attachments
    • ناوبری بین اسکرین ها
    • سینتکس ناوبری جایگزین
    • مبانی ناوبری
    • ناوبری به اسکرین "Meal Details" 
    • Pushing، Popping و جایگذاری
    • خروجی گرفتن از شبکه ی دسته بندی
    • پیکربندی Header با Navigation Options
    • انتقال و خواندن Params از طریق ناوبری
    • تنظیم آپشن های Dynamic Navigation
    • پیکربندی و آپشن های ناوبری پیش فرض
    • پیکربندی و Navigation Params
    • Grid Styling و برخی از ریفکورینگ
    • افزودن Meal Models و داده
    • بارگزاری Meals برای دسته بندی ها
    • رندر کردن Meals List
    • انتقال داده به Meal Detail Screen
    • افزودن دکمه های Header
    • رفع Shadows
    • افزودن ناوبری مبتنی بر تب
    • تنظیم کردن آیکون ها و پیکربندی تب ها
    • آپشن های ناوبری درون Navigator
    • افزودن MaterialBottomTabs
    • افزودن Favorites Stack
    • افزودن Menu Button و Drawer Navigation
    • پیکربندی Drawer
    • Navigation Config و Styling
    • افزودن کامپوننت DefaultText
    • افزودن MealDetail Screen Content
    • زمان برای Filters" Screen Content"
    • انتقال داده بین کامپوننت و آپشن های ناوبری (هدر)
    • [React Refresher] بررسی ()useEffect و ()useCallback
    • جمع بندی
    • لینک ها و منابع مفید
  • مدیریت State و Redux
    • معرفی ماژول
    • State چیست و Redux چیست؟
    • راه اندازی Redux و Store
    • انتخاب State Slices
    • داده Redux و آپشن های ناوبری
    • Dispatch کردن اکشن ها و Reducer Logic
    • سوئیچ کردن Favorites Icon
    • رندر کردن Fallback Text
    • افزودن Filtering Logic
    • Dispatch کردن Filter Actions
    • اشکال زدایی Redux در اپلیکیشن های React Native
    • جمع بندی
    • منابع و لینک های مفید
  • زمان تمرین - اپلیکیشن SHOP 
    • معرفی ماژول
    • برنامه ریزی اپلیکیشن
    • ایجاد راه اندازی پروژه مبانی
    • Products Overview Screen
    • راه اندازی Navigator
    • استایل دادن به آیتم های محصول
    • افزودن کامپوننت های قابل لمس
    • کار بر روی اسکرین جزئیات محصول
    • استفاده از فونت های سفارشی
    • افزودن آیتم ها به سبد خرید
    • پیاده سازی دکمه های Header
    • خروجی گرفتن آیتم های سبد خرید
    • افزودن منطق به حذف آیتم ها
    • افزودن Redux Logic برای سفارشات
    • SideDrawer و Orders Screen
    • پاک کردن سبد خرید
    • استایل دادن به آیتم های سفارش
    • ایجاد دکمه "Show Details" 
    • ساخت صفحه "User Products" 
    • سازماندهی مجدد کامپوننت ProductItem
    • حذف آیتم ها
    • افزودن ویرایش مبانی و منطق ناوبری
    • مدیریت ورودی کاربر
    • استفاده از Params برای ارسال ورودی کاربر
    • Dispatch کردن اکشن ها برای ایجاد و به روزرسانی
    • زمان برای بهبود اپلیکیشن
    • جمع بندی
    • لینک ها و منابع مفید
  •  مدیریت ورودی کاربر
    • مقدمه ماژول
    • پیکربندی TextInputs
    • افزودن اعتبارسنجی مبانی
    • شروع کار با ()useReducer
    • اتمام فرم ارغام شده و مدیریت ورودی
    • حرکت به منطق ورودی در یک کامپوننت جدا
    • اتصال به فرم وکامپوننت ورودی
    • Tweak کردن استایل ها و مدیریت Soft Keyboard
    • جایگزین ها و جمع بندی
    • لینک ها و منابع مفید
  • درخواست های Http و افزودن وب سرور + پایگاه داده
    • مقدمه ماژول
    • راه اندازی و ارسال درخواست ها
    • نصب Redux Thunk
    • ذخیره محصولات در یک سرور
    • واکشی محصولات از سرور
    • نمایش Loading Spinner و مدیریت خطا ها
    • راه اندازی Navigation Listener
    • به روزرسانی و حذف محصولات
    • مدیریت خطاهای اضافی
    • ذخیره سفارشات
    • نمایش ActivityIndicator
    • واکشی سفارشات ذخیره شده
    • افزودن "Pull to Refresh"
    • جمع بندی
    • منابع و پیوندهای مفید
  • احراز هویت کاربر
    • معرفی ماژول
    • احراز هویت چگونه کار می کند
    • اجرای صفحه ورود به سیستم اساسی
    • افزودن User Signup
    • ورود کاربران به سیستم
    • مدیریت Loading State و خطاها
    • استفاده از Token
    • نقشه برداری از سفارشات به کاربران
    • نقشه برداری بهبود یافته (محدوده بندی)
    • پیاده سازی "Auto Login"
    • افزودن خروج از سیستم
    • خروج خودکار و اندروید (هشدار)
    • جمع بندی
    • منابع و پیوندهای مفید
  • امکانات بومی دستگاه (دوربین، نقشه ها، لوکیشن، SQLite و غیره) (اپلیکیشن GREAT PLACES)
    • معرفی ماژول
    • برنامه ریزی برنامه
    • راه اندازی ناوبری در فصل بعدی
    • صفحه و راه اندازی ناوبری
    • شروع کار با فرم
    • Redux و افزودن مکان ها
    • تولید لیست مکان ها
    • دسترسی به دوربین دستگاه
    • پیکربندی دسترسی دوربین
    • استفاده از تصویر انتخاب شده
    • ذخیره تصویر در سیستم فایل
    • درک عمیق SQLite برای ذخیره سازی دائمی داده ها
    • ذخیره داده ها در پایگاه داده محلی
    • واکشی داده ها از پایگاه داده محلی
    • دریافت مکان کاربر
    • نمایش پیش نمایش نقشه مکان
    • اطلاعات بیشتر در مورد متغیرهای محیط 
    • نمایش یک نقشه تعاملی
    • افزودن نشانگر
    • ساخت مکان انتخاب شده "قابل ذخیره"
    • ذخیره مکان های انتخاب شده
    • به روزرسانی صفحه مکان هنگام تغییر مکان
    • ذخیره آدرس
    • نمایش صفحه "جزئیات"
    • در حال اتمام صفحه "نقشه"
    • اجرای برنامه در iOS
    • اجرای برنامه در Android
    • جمع بندی
    • منابع و پیوندهای مفید
  • ساخت اپلیکیشن بدون Expo
    • معرفی ماژول
    • جایگزین های Expo
    • ساخت برنامه با React Native CLI
    • اپلیکیشن های Live Reload و RN CLI
    • افزودن ماژول های Native به اپلیکیشن های Non-Expo
    • درک "Expo's "Bare Workflow
    • خارج کردن از "Expo's "Managed Workflow
    • چه موقع از کدام استفاده کنیم؟
    • منابع و پیوندهای مفید
  • انتشار اپلیکیشن های React Native
    • معرفی ماژول
    • مراحل استقرار
    • پیکربندی نمادها و Splash Screen
    • پیکربندی برنامه و انتشار
    • کار با Offline Asset Bundles
    • استفاده از (Over the Air Updates" (OTA Updates"
    • ساخت برنامه ها برای استقرار (iOS و Android)
    • انتشار برنامه های iOS بدون Expo
    • انتشار برنامه های Android بدون Expo
    • پیکربندی برنامه های Android
    • منابع و پیوندهای مفید
  • به روزرسانی +React Navigation 5
    • معرفی ماژول
    • چه چیزی تغییر کرد؟
    • آماده سازی پروژه
    • اطلاعات بیشتر و به روزرسانی وابستگی های پروژه
    • حرکت از پیکربندی ناوبری "Registry-like" به "Component-based" 
    • اولین مراحل مهاجرت
    • تبدیل  Stack Navigators به New Config
    • مهاجرت به Drawer Navigation
    • جایگزین کردن Switch" Navigator" و Auth Flow
    • خروج از سیستم و رفع مشکلات / تنظیمات بیشتر
    • استخراج پارامترهای صفحه
    • تنظیم گزینه های صفحه به صورت پویا
    • مراحل و مهاجرت باقی مانده
    • خلاصه ای از همه تغییرات مهم
    • منابع و پیوندهای مفید
  • Push Notifications
    • معرفی ماژول
    • درک نوتیفیکیشن ها
    • ارسال نوتیفیکیشن های محلی
    • دریافت مجوزها
    • کنترل نحوه نمایش نوتیفیکیشن ها
    • واکنش به نوتیفیکیشن های پیش زمینه
    • واکنش به نوتیفیکیشن های پس زمینه
    • نحوه کارکرد Push Notifications
    • Expo و Push Notifications
    • دریافت Push Token
    • ارسال Push Notifications
    • استفاده از Expo's Push Server
    • اطلاعات بیشتر در مورد Push Tokens
    • افزودن Push Notifications به Shop App - بخش 1
    • افزودن Push Notifications به Shop App - بخش 2
    • افزودن Push Notifications به Shop App - بخش 3
    • Push Notifications در اپلیکیشن مدیریت شده non-Expo
    • منابع ماژول
  • خلاصه دوره و مراحل بعدی
    • ​​​​​​​جمع بندی و گام های بعدی
  • جایزه - JavaScript Refresher
    • ​​​​​​​معرفی ماژول
    • JavaScript - خلاصه
    • راه اندازی پروژه
    • Core Syntax Refresher
    • let و const
    • توابع Arrow 
    • آبجکت ها - Properties و متدها
    • آرایه ها و متدهای آرایه
    • آرایه ها، اشیا و Reference Types
    • Spread Operator و Rest Parameters
    • تخریب
    • همزمان سازی Promises و کد
    • جمع بندی
    • منابع ماژول
  • جایزه - React.js Refresher
    • ​​​​​​​معرفی ماژول
    • React چیست
    • یک پروژه شروع
    • درک JSX
    • درک کامپوننت ها
    • کار با چندین کامپوننت ها
    • کار با Props
    • ارائه لیست داده ها
    • مدیریت رویدادها
    • ارتباط Parent-Child 
    • مدیریت State
    • اطلاعات بیشتر در مورد State
    • User Input و Two-Way Binding
    • جمع بندی
    • منابع ماژول
  • جایزه
    • ​​​​​​​جایزه - محتوای بیشتر

سایر ویدئوهای دوره:

React Native چیست؟

 

نحوه ی کارکرد React Native

 

مقایسه Expo در مقابل React Native CLI

آیا این نوشته را دوست داشتید؟
Udemy React Native - The Practical Guide 2020 Edition Publisher:Udemy Author:Academind by Maximilian Schwarzmüller, Maximilian Schwarzmüller Duration:32.5 hours Level:Advanced

Use React Native and your React knowledge to build native iOS and Android Apps - incl. Push Notifications, Hooks, Redux

What you'll learn

  • Build native mobile apps with JavaScript and React
  • Dive deeper into React Native
  • Develop cross-platform (iOS and Android) mobile apps without knowing Swift, ObjectiveC or Java/ Android

Requirements

  • React knowledge is a must (but you absolutely DON'T have to be an expert)
  • JavaScript knowledge is a must, next-gen JavaScript knowledge (i.e. ES6+) is recommended
  • NO Android/ Java or iOS (Swift, ObjectiveC) development experience is required

Description

This course was completely updated and now does not only cover the latest version of React Native but also includes refreshers on JavaScript & React.js!

In addition, a whole section on "Push Notifications" was added.

Mobile apps are one of the best ways to engage with users - no wonder everyone wants to build one!

Wouldn't it be great if you could use your web development knowledge, combined with your React knowledge, to build mobile apps with that?

That's exactly what React Native allows you to do!

No need to learn Java, Android, Swift, ObjectiveC or anything of that - React and JavaScript is all you need to create awesome native mobile apps that work on both Android and iOS. That's probably the reason why Instagram, AirBnB, Skype and many other global companies are using it to build their mobile apps!

With this course, you can join this league. I'll teach you all you need to create your own React Native apps, publish them to the Google Play Store and Apple App Store and dive really deep into the React Native ecosystem.

You'll learn all about the theory behind React Native, its core concepts, how to build responsive designs that work on different device sizes, how to animate React Native apps, how to navigate around, use maps and the camera and so much more!

And which better way to learn than by building a real app? We'll build the "Awesome Places" app in this course, an app where users can share amazing pictures and the location where they took them. This app will allow you to see things like using maps, the camera, user authentication, connecting to a server and much more in action.

By the end of the course, we'll of course also go through all steps required to get it into an app store.

Here's a detailed look at what you'll get:

  • The core concepts and theory
  • How to use React, JavaScript and native components
  • Understand how to navigate in React Native apps
  • A closer look at styling and animating React Native apps
  • Instructions on how to use third-party libraries in your React Native app
  • Detailed examples on how to use maps or an image picker
  • A full user authentication flow
  • How to connect to a backend server from your app
  • Debugging instructions
  • And so much more!
  • What will you need to succeed in this course?
  • NO Android, Java, Swift or ObjectiveC knowledge is required!

JavaScript and React (for the web) knowledge is required though - you don't need to be an expert but the basics need to be set (though there are refresher sections in this course!)

I'd be very happy to welcome you in the course!

Who this course is for:

  • Anyone who wants to use React to build native mobile apps
  • Every mobile developer who wishes to learn only one language to write cross-platform mobile apps
  • Every mobile or web developer who's interested in writing high-performance native apps with JavaScript

Course content

  • Getting Started
    • Welcome!
    • What is React Native?
    • Join our Online Learning Community
    • How React Native Works
    • Expo vs React Native CLI
    • Node.js Download
    • Creating Our First React Native App
    • Working on Our First App
    • React Native Apps Are Hard Work!
    • React Native Alternatives
    • Course Requirements
    • Course Requirement Refreshers
    • Running the App on an Android Emulator
    • Running the App on an iOS Simulator
    • Course Outline
    • How to get the Most out of This Course
    • Useful Resources & Links
  • Diving into the Basics [COURSE GOALS APP]
    • Module Introduction
    • How to work with React Native Components
    • Setting Up A New Project
    • Planning the App
    • Working with Core Components
    • Getting Started with Styles
    • Flexbox & Layouts (Intro)
    • React Native Flexbox Deep Dive
    • Inline Styles & StyleSheet Objects
    • Components, Styles, Layouts
    • Working with State & Events
    • Outputting a List of Items
    • Styling List Items
    • Making it Scrollable with ScrollView!
    • A Better List: FlatList
    • More Components & Lists
    • Splitting the App Into Components
    • Passing Data Between Components
    • Working with Touchable Components
    • Deleting Items
    • Adding a Modal Overlay
    • More Flexbox Styling
    • Closing the Modal & Clearing Input
    • Finishing the Modal Styling
    • Wrap Up
    • Useful Resources & Links
  • Debugging React Native Apps
    • Module Introduction
    • What To Debug & How To Debug?
    • Running the App on a Real Device & Debugging
    • Handling Error Messages
    • Understanding Code Flow with console.log()
    • Using the Remote Debugger & Breakpoints
    • Working with the Device DevTools Overlay
    • Debugging the UI & Using React Native Debugger
    • Wrap Up
    • Useful Resources & Links
  • Components, Styling, Layouts - Building Real Apps [GUESS A NUMBER APP]
    • Module Introduction
    • Setup & App Planning
    • Adding a Custom Header Component
    • Adding a Screen Component
    • Working on the Layout
    • Styling a View as a "Card" Container (with Drop Shadows & Rounded Corners)
    • React Native Styling vs CSS Styling
    • Extracting a Card Component (Presentational Component)
    • Components & Styling
    • Color Theming with Constants
    • Configuring & Styling a TextInput
    • Cleaning User Input & Controlling the Soft Keyboard
    • Resetting & Confirming User Input
    • Configuring Components
    • Showing an Alert
    • Time to Finish the "Confirmation Box"
    • Adding Random Number Generation
    • Switching Between Multiple "Screens"
    • Adding Game Features: Hints & Validation
    • Checking the "Win" Condition with useEffect()
    • Finishing the Game Logic
    • Adding Custom Fonts
    • Installing expo-font
    • A Synthetic Style "Cascade": Custom Wrapper Components & Global Styles
    • Adding Local Images
    • Styling Images
    • Working with Network (Web) Images
    • A Closer Look at the "Text" Component (and what you can do with it)
    • <View> vs <Text> - A Summary
    • Building a Custom Button Component
    • Adding Icons
    • Exploring UI Libraries
    • Managing Past Guesses as a List
    • Styling List Items & Lists
    • ScrollView & Flexbox (Yes, that works!)
    • Using FlatList Instead of ScrollView
    • Wrap Up
    • Useful Resources & Links
  • Responsive & Adaptive User Interfaces and Apps
    • Module Introduction
    • Finding Improvement Opportunities
    • Working with More Flexible Styling Rules
    • Introducing the Dimensions API
    • Using Dimensions in "if" Checks
    • Calculating Sizes Dynamically
    • Problems with Different Device Orientations
    • Controlling Orientation & Using the KeyboardAvoidingView
    • Listening to Orientation Changes
    • Rendering Different Layouts
    • Fixing the GameOver Screen
    • Updating All Code to Update Dynamically
    • The Dimensions API & Responsive UIs
    • Expo's ScreenOrientation API
    • Introducing the Platform API
    • Working with Platform.select() and Platform in "if" Checks
    • Using Platform-specific Code Files
    • The Platform API
    • Using the SafeAreaView
    • Wrap Up
    • Useful Resources & Links
  • Navigation with React Navigation [THE MEALS APP]
    • Module Introduction
    • Planning the App
    • Adding Screens
    • Adding Fonts
    • React Navigation Docs
    • Installing React Navigation & Adding Navigation to the App
    • MUST READ: Installing Different Navigators
    • Creating a StackNavigator
    • React Navigation & Code Attachments
    • Navigating Between Screens
    • Alternative Navigation Syntax
    • Navigation Basics
    • Navigation to the "Meal Details" Screen
    • Pushing, Popping & Replacing
    • Outputting a Grid of Categories
    • Configuring the Header with Navigation Options
    • Passing & Reading Params Upon Navigation
    • Setting Dynamic Navigation Options
    • Default Navigation Options & Config
    • Navigation Params & Configuration
    • Grid Styling & Some Refactoring
    • Adding Meal Models & Data
    • Loading Meals for Categories
    • Rendering a Meals List
    • Passing Data to the Meal Detail Screen
    • Adding Header Buttons
    • Fixing the Shadows
    • Adding Tabs-based Navigation
    • Setting Icons and Configuring Tabs
    • navigationOptions inside of a Navigator
    • Adding MaterialBottomTabs
    • Adding a Favorites Stack
    • Adding a Menu Button & Drawer Navigation
    • Configuring the Drawer
    • More Navigation Config & Styling
    • Adding a DefaultText Component
    • Adding the MealDetail Screen Content
    • Time for the "Filters" Screen Content!
    • Passing Data Between Component & Navigation Options (Header)
    • [React Refresher] useEffect() & useCallback()
    • Wrap Up
    • Useful Resources & Links
  • State Management & Redux
    • Module Introduction
    • What is State & What is Redux?
    • Redux & Store Setup
    • Selecting State Slices
    • Redux Data & Navigation Options
    • Dispatching Actions & Reducer Logic
    • Switching the Favorites Icon
    • Rendering a Fallback Text
    • Adding Filtering Logic
    • Dispatching Filter Actions
    • Debugging Redux in React Native Apps
    • Wrap Up
    • Useful Resources & Links
  • Time to Practice - THE SHOP APP
    • Module Introduction
    • Planning the App
    • Creating the Basic Project Setup
    • The Products Overview Screen
    • Setting Up a Navigator
    • Styling the Product Items
    • Adding Touchable Components
    • Working on the Product Details Screen
    • Using Custom Fonts
    • Adding Items to the Cart
    • Implementing Header Buttons
    • Outputting Cart Items
    • Adding Logic to Delete Items
    • Adding Redux Logic for Orders
    • SideDrawer & The Orders Screen
    • Clearing the Cart
    • Styling Order Items
    • Making the "Show Details" Button Work
    • Building the "User Products" Screen
    • Reorganizing the ProductItem Component
    • Deleting Items
    • Adding Basic Editing & Navigation Logic
    • Handling User Input
    • Using Params to Submit User Input
    • Dispatching Actions for Creating & Updating
    • Time to Improve the App!
    • Wrap Up
    • Useful Resources & Links
  • Handling User Input
    • Module Introduction
    • Configuring TextInputs
    • Adding Basic Validation
    • Getting Started with useReducer()
    • Finishing the Merged Form & Input Management
    • Moving Input Logic Into A Separate Component
    • Connecting Input Component & Form
    • Tweaking Styles & Handling the Soft Keyboard
    • Alternatives & Wrap Up
    • Useful Resources & Links
  • Http Requests & Adding a Web Server + Database
    • Module Introduction
    • Setup & How To Send Requests
    • Installing Redux Thunk
    • Storing Products on a Server
    • Fetching Products from the Server
    • Displaying a Loading Spinner & Handling Errors
    • Setting Up a Navigation Listener
    • Updating & Deleting Products
    • Handling Additional Errors
    • Storing Orders
    • Displaying an ActivityIndicator
    • Fetching Stored Orders
    • Adding "Pull to Refresh"
    • Wrap Up
    • Useful Resources & Links
  • User Authentication
    • Module Introduction
    • How Authentication Works
    • Implementing a Basic Login Screen
    • Adding User Signup
    • Logging Users In
    • Managing the Loading State & Errors
    • Using the Token
    • Mapping Orders to Users
    • Improved Mapping (Scoping)
    • Implementing "Auto Login"
    • Adding Logout
    • Implementing "Auto Logout"
    • Auto-Logout & Android (Warning)
    • Wrap Up
    • Useful Resources & Links
  • Native Device Features (Camera, Maps, Location, SQLite, ...) [GREAT PLACES APP]
    • Module Introduction
    • Planning the App
    • Navigation Setup in Next Lecture
    • Screen & Navigation Setup
    • Getting Started with the Form
    • Redux & Adding Places
    • Outputting a List of Places
    • Accessing the Device Camera
    • Configuring the Camera Access
    • Using the Picked Image
    • Storing the Image on the Filesystem
    • Diving into SQLite for Permanent Data Storage
    • Storing Data in the Local Database
    • Fetching Data from the Local Database
    • Getting the User Location
    • Showing a Map Preview of the Location
    • More on Environment Variables
    • Displaying an Interactive Map
    • Adding a Marker
    • Making the Picked Location "Saveable"
    • Storing Picked Places
    • Updating the Location Screen When the Location Changes
    • Storing the Address
    • Displaying the "Details" Screen
    • Finishing the "Map" Screen
    • Running the App on iOS
    • Running the App on Android
    • Wrap Up
    • Useful Resources & Links
  • Building Apps Without Expo
    • Module Introduction
    • Alternatives to Expo
    • Building Apps with Just the React Native CLI
    • Live Reload and RN CLI Apps
    • Adding Native Modules to Non-Expo Apps
    • Understanding Expo's "Bare Workflow"
    • Ejecting from Expo's "Managed Workflow"
    • When To Use Which?
    • Useful Resources & Links
  • Publishing React Native Apps
    • Module Introduction
    • Deployment Steps
    • Configuring the App & Publishing
    • Configuring Icons & The Splash Screen
    • Working with Offline Asset Bundles
    • Using "Over the Air Updates" (OTA Updates)
    • Building the Apps for Deployment (iOS & Android)
    • Publishing iOS Apps without Expo
    • Publishing Android Apps without Expo
    • Configuring Android Apps
    • Useful Resources & Links
  • Updating to React Navigation 5+
    • Module Introduction
    • What Changed?
    • Preparing the Project
    • More Information & Updating the Project Dependencies
    • Moving from the "Registry-like" to the "Component-based" Navigation Config
    • First Migration Steps
    • Converting More Stack Navigators to the New Config
    • Migrating the Drawer Navigation
    • Replacing the "Switch" Navigator & Auth Flow
    • Logout & Further Fixes/ Adjustments
    • Extracting Screen Params
    • Setting Screen Options Dynamically
    • Remaining Migration Steps & Roundup
    • A Summary Of All Important Changes
    • Useful Resources & Links
  • Push Notifications
    • Module Introduction
    • Understanding Notifications
    • Sending Local Notifications
    • Getting Permissions
    • Controlling How Notifications Are Displayed
    • Reacting to Foreground Notifications
    • Reacting to Background Notifications
    • How Push Notifications Work
    • Expo & Push Notifications
    • Getting a Push Token
    • Sending Push Notifications
    • Using Expo's Push Server
    • More on Push Tokens
    • Adding Push Notifications to the Shop App (1/3)
    • Adding Push Notifications to the Shop App (2/3)
    • Adding Push Notifications to the Shop App (3/3)
    • Push Notifications in non-Expo Managed Apps
    • Module Resources
  • Course Roundup & Next Steps
    • Roundup & Next Steps
  • Bonus: JavaScript Refresher
    • Module Introduction
    • JavaScript - A Summary
    • Project Setup
    • Core Syntax Refresher
    • let & const
    • Arrow Functions
    • Objects: Properties & Methods
    • Arrays & Array Methods
    • Arrays, Objects & Reference Types
    • Spread Operator & Rest Parameters
    • Destructuring
    • Async Code & Promises
    • Wrap Up
    • Module Resources
  • Bonus: React.js Refresher
    • Module Introduction
    • What is React
    • A Starting Project
    • Understanding JSX
    • Understanding Components
    • Working with Multiple Components
    • Working with Props
    • Rendering Lists of Data
    • Handling Events
    • Parent-Child Communication
    • Managing State
    • More on State
    • User Input & Two-Way Binding
    • Wrap Up
    • Module Resources
  • Bonus
    • Bonus: More Content!

پیشنهاد آموزش مرتبط در فرادرس

خرید لینک های دانلود
  • حجم فایل: 17.7GB
  • زبان: انگلیسی
  • زیرنویس انگلیسی: دارد
  • قیمت: 8000 تومان
  • راهنمای کاربردی ری اکت نیتیو (React Native) - ویرایش 2020 یک محصول ویژه است و دریافت لینک های دانلود آن با پرداخت هزینه امکان پذیر است. اطلاعات بیشتر