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

دوره کامل React Native - بخش 2 - مفاهیم پیشرفته - Code with Mosh

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

(بروزرسانی 2020-6)

بر روی تکنیک های پیشرفته و بهترین روش ها برای ساخت اپلیکیشن های با کیفیت و حرفه ای تبحر داشته باشید

مهارت های نیتیو خود را به سطح بعدی برسانید.

در ادامه ی مفاهیمی که در قسمت 1 بر آنها مسلط شدیم، اکنون برنامه خود را به مرحله بعدی می رسانیم.

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

  • با ویژگی های دستگاه کار کنید
  • ناوبری را پیاده سازی کنید
  • با REST API ارتباط برقرار کنید
  • پشتیبانی آفلاین اضافه کنید
  • احراز هویت و مجوز را پیاده سازی کنید
  • نوتیفیکیشن های push را ارسال کنید
  • اپلیکیشن های خود را در app stores بسازید و توزیع کنید
  • و غیره

در پایان قسمت 2، شما بر این مفاهیم تسلط پیدا خواهید کرد، به این معنی که با اطمینان می توانید اپلیکیشن هایی با کیفیت و حرفه ای تولید کنید.

کارفرمایان مایلند هزینه های زیادی را برای توسعه دهندگان ماهر React Native، با متوسط حقوق برای یک توسعه دهنده React Native بین 20 تا 30 هزار دلار بیشتر از یک توسعه دهنده برنامه عمومی بپردازند.

این دوره را دنبال کنید تا کمپانی هایی که دوست دارید شما را استخدام کنند.

با پایان این دوره، شما قادر خواهید بود:

  • با اطمینان برنامه های موبایل را با React Native بسازید
  • رابط های کاربری زیبا ایجاد کنید
  • اجزای قابل استفاده مجدد را بسازید
  • مانند یک حرفه ای کد تمیز بنویسید

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

این دوره به دو قسمت مبانی و مباحث پیشرفته تقسیم می شود. طول هر قسمت حدود 5 ساعت است بنابراین می توانید به راحتی آن را تکمیل کنید. 

در قسمت اول، یاد خواهید گرفت که چگونه:

  • از ابزارهای اساسی برای توسعه React Native استفاده کنید
  • پروژه های React Native خود را به درستی ساختار دهید
  • برنامه های React Native خود را اجرا و اشکال زدایی کنید
  • خطاهای رایج را بشناسید و عیب یابی کنید
  • با کامپوننت های اصلی و API کار کنید
  • با Flexbox طرح بندی بسازید
  • کامپوننت های قابل استفاده مجدد را بسازید
  • استایل های زیبایی را به اجزای خود اعمال کنید
  • از کاربر ورودی بگیرید
  • فرم ها را با Formik بسازید
  • اعتبار سنجی داده ها را با Yup پیاده سازی کنید
  • برنامه های خود را در Expo منتشر کنید
  • بهترین روش های React Native را اعمال کنید
  • مانند یک حرفه ای کد تمیز بنویسید
  • برای نوشتن سریع کد از میانبرهای مورد علاقه من استفاده کنید

قسمت دوم مباحث پیشرفته را در بر می گیرد. شما یاد خواهید گرفت که چگونه:

  • به فیچرهای دستگاه نیتیو دسترسی پیدا کنید
  • ناوبری را با استفاده از React Navigation پیاده سازی کنید
  • تب های زیبا اضافه کنید
  • با REST API ارتباط برقرار کنید
  • تصاویر را بارگذاری کنید و میله های پیشرفت را نشان دهید
  • اپلیکیشن هایی با قابلیت آفلاین بسازید
  • داده ها و تصاویر را کش کنید
  • احراز هویت و مجوز را پیاده سازی کنید
  • نوتیفیکیشن های push را ارسال و دریافت کنید
  • خطاها را لاگ و مانیتور کنید
  • تنظیمات پیکربندی را در محیط های مختلف مدیریت کنید
  • اپلیکیشن های خود را بسازید و توزیع کنید

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

  • توسعه دهندگانی که می خواهند از مهارت های JavaScript خود برای ساخت برنامه های تلفن همراه استفاده کنند
  • توسعه دهندگانی که می خواهند React Native را به کارنامه خود اضافه کنند تا شغل بهتری پیدا کنند
  • توسعه دهندگان وب که می خواهند وارد صنعت توسعه تلفن همراه شوند
  • به توسعه دهندگان React Native که می خواهند مهارت های خود را افزایش دهند و خلاها را پر کنند
  • توسعه دهندگان علاقه مند به یادگیری فن آوری های جدید 

الزامات دوره:

این دوره دومین قسمت از مجموعه دوره کامل React Native است. برای شرکت در این دوره باید قسمت اول را تماشا و کامل می کردید.

مباحث دوره:

  • شروع کار
    • مقدمه
    • پیش نیازها
    • نحوه استفاده از این دوره
    • کد منبع
    • VSCode Code Snippet
  • فیچرهای Native
    • مقدمه
    • فیچرهای دستگاه
    • استفاده از ImagePicker
    • درخواست مجوزها
    • ماژول مجوزها
    • دسترسی به کتابخانه
    • تمرینات
    • ساخت ImageInput - طرح بندی
    • ساخت ImageInput - تاچ ها
    • ساخت ImageInput - اسکرول کردن
    • ساخت FormImagePicker
    • بهبود ListingEditScreen
    • دریافت لوکیشن کاربر
    • ساخت هوک های سفارشی
    • نکات سریع
  • ناوبری
    • مقدمه
    • نصب React Navigation
    • React Navigation
    • ناوبری بین اسکرین ها
    • انتقال پرارمترها به مسیرها
    • تنظیم کردن تایتل های اسکرین
    • سفارش سازی هدرها
    • ایجاد TabNavigator
    • سفارش سازی تب ها
    • تو در تو کردن Navigators
    • تمرینات
    • ساخت AuthNavigator 
    • تم ناوبری
    • ساخت AppNavigator 
    • ساخت FeedNavigator 
    • ساخت AccountNavigator 
    • زیباسازی تب ها
    • ریفکتورینگ مسیرها
  • شبکه سازی
    • مقدمه
    • راه اندازی Backend 
    • فراخوانی APIs با ApiSauce 
    • ایجاد ApiSauce 
    • واکشی داده
    • بررسی فراخوانی های API 
    • مدیریت خطاها
    • شبیه سازی اتصال آهسته
    • نمایش Activity Indicator
    • ساخت Activitiy Indicator زیبا
    • ایجاد یک هوک قابل استفاده مجدد
    • تمرینات
    • گسترش API Layer
    • پست کردن داده
    • ردیابی فرآیند آپلود
    • ساخت Upload Screen
    • افزودن Progress Bar
    • نمایش انیمیشن انجام شده 
    •  بازنشانی فرم
    • نکات سریع
  • پشتیبانی آفلاین
    • مقدمه
    • استراتژی هایی برای ساخت اپلیکیشن هایی با قابلیت آفلاین
    • شناسایی Network Status
    • کش کردن
    • AsyncStorage 
    • بررسی AsyncStorage 
    • Cache Layer 
    • پیاده سازی Cache Layer
    • کش کردن موفقیت آمیز داده درخواست
    • کش کردن تصاویر
    • کش کردن با Redux 
    • ذخیره سازی User Actions در زمان آفلاین
    • تمرین
    • نمایش Offline Notice
  • احراز هویت و مجوز 
    • مقدمه
    • ارائه دهندگان احراز هویت
    • جریان احراز هویت 
    • Authentication API
    • دریافت AuthToken
    • استخراج کاربر از AuthToken
    • ذخیره سازی کاربر فعلی
    •  دریافت کاربر فعلی
    • خروج از سیستم کاربر
    • مقاوم سازی Authentication State در هنگام شروع مجدد
    • کنترل کردن Splash Screen
    • ریفکتورینگ
    • ایجاد هوک سفارشی
    • فراخوانی Protected APIs
    • تمرین
    • پیاده سازی رجیستر
    • نمایش Activity Indicator 
    • افزودن Overlay 
    • نکات سریع
  • نوتیفیکیشن ها
    • مقدمه
    • سرویس های نوتیفیکیشن های Push 
    • معماری
    • دریافت Push Notification Token
    • ذخیره سازی Push Notification Token
    • ارسال نوتیفیکیشن های تست
    • ارسال نوتیفیکیشن ها بر روی سرور
    • مدیریت نوتیفیکیشن های دریافتی
    • ناوبری به محض دریافت نوتیفیکیشن
    • ایجاد هوک سفارشی
    • نوتیفیکیشنهای محلی
    • تمرینات
    • ساخت Contact Form
  • توزیع
    • مقدمه
    • App Icon
    • بهینه سازی دارایی ها
    • بهینه سازی JavaScript Bundle 
    • گزارش دهی خطا
    • مدیریت محیط
    • انتشار
    • ساخت اپلیکیشن های Standalone 
    • ساخت اپلیکیشن های iOS 
    • توزیع به App Store
    • ساخت اپلیکیشن های اندروید
    • توزیع در Google Play Store
    • آپدیت های Over-the-air 
    • منابع اضافی
    • جمع بندی دوره

دیگر بخش این دوره:

دوره کامل React Native - بخش 1 - اصول و مبانی - Code with Mosh

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

پیش نیازها

 

Code Snippet

آیا این نوشته را دوست داشتید؟
Code With Mosh - The Ultimate React Native Series Advanced Concepts 2020-6 Publisher:Code With Mosh Author:Mosh Hamedani Duration:6 HOURS Level:INTERMEDIATE/ADVANCED

Master advanced techniques and best practices for building professional-quality apps

Take Your React Native Skills to the Next Level

Following on from the concepts we mastered in Part 1, we're now going to take our app to the next level.

You'll learn how to:

  • Work with device features
  • Implement navigation
  • Connect with REST APIs
  • Add offline support
  • Implement authentication and authorization
  • Send push notifications
  • Build and distribute your apps to app stores
  • Plus much, much more.

By the end of Part 2, you'll have mastered these concepts, which means you'll be able to produce professional-quality apps with confidence.

Employers are willing to pay a lot for skilled React Native developers, with the average salary for a React Native developer $20k to $30k higher than that of a general app developer.

Enroll to become a React Native developer companies love to hire.

By the end of this course, you'll be able to…

Build mobile apps with React Native with confidence
Build beautiful user interfaces
Build reusable components
Write clean code like a pro

What You'll Learn

This course is divided into two parts: basics and advanced topics. Each part is about 5 hours long so you can easily complete it.

In the first part, you'll learn how to:

  • Use essential tools for React Native development
  • Properly structure your React Native projects
  • Run and debug your React Native apps
  • Understand and troubleshoot common errors
  • Work with the core components and APIs
  • Build layouts with Flexbox
  • Build reusable components
  • Apply beautiful styles to your components
  • Get input from the user
  • Build forms with Formik
  • Implement data validation with Yup
  • Publish your apps to Expo
  • Apply React Native best practices
  • Write clean code like a pro
  • Use my favorite shortcuts to write code fast

The second part covers advanced topics. You'll learn how to:

  • Access native device features
  • Implement navigation using React Navigation
  • Add beautiful tabs
  • Communicate with REST APIs
  • Upload images and show progress bars
  • Build offline-capable apps
  • Cache data and images
  • Implement authentication and authorization
  • Send and receive push notifications
  • Log and monitor errors
  • Manage configuration settings across different environments
  • Build and distribute your apps

Who is this course for?

  • Developers who want to use their JavaScript skills to build mobile apps
  • Developers who want to add React Native to their resume to get a better job
  • Web developers who want to get into the mobile development industry
  • React Native developers who want to brush up on their skills and fill the gaps
  • Developers passionate about learning new technologies

Requirements

This course is the second part of my Ultimate React Native series. To take this course, you should have watched and completed the first part.

Course Curriculum

  • Getting Started
    • Preview1- Introduction (0:55)
    • Preview2- Prerequisites (1:10)
    • Start3- How to Use This Course
    • Start4- Source Code
    • Start5- VSCode Code Snippet (1:22)
  • Native Features (54m)
    • Preview1- Introduction (0:28)
    • Preview2- Device Features (2:15)
    • Preview3- Using ImagePicker (2:12)
    • Preview4- Requesting Permissions (5:32)
    • Preview5- Permissions Module (1:54)
    • Preview6- Accessing the Library (3:13)
    • Start7- Exercises (2:12)
    • Start8- Building ImageInput- Layout (3:55)
    • Start9- Building ImageInput- Touches (5:54)
    • Start10- Building ImageInputList- Basics (6:10)
    • Start11- Building ImageInputList- Scrolling (4:18)
    • Start12- Building FormImagePicker (4:57)
    • Start13- Improving ListingEditScreen (2:32)
    • Start14- Getting the User's Location (4:14)
    • Start15- Building Custom Hooks (3:48)
    • Start16- A Quick Note
  • Navigation (50m)
    • Start1- Introduction (0:32)
    • Start2- Installing React Navigation (2:15)
    • Start3- Stack Navigator (5:20)
    • Start4- Navigating Between Screens (4:14)
    • Start5- Passing Parameters to Routes (1:17)
    • Start6- Setting Screen Titles (1:14)
    • Start7- Customizing Headers (1:54)
    • Start8- Creating a TabNavigator (2:42)
    • Start9- Customizing Tabs (2:50)
    • Start10- Nesting Navigators (1:45)
    • Start11- Exercises (0:34)
    • Start12- Building AuthNavigator (3:26)
    • Start13- Navigation Theme (1:49)
    • Start14- Building AppNavigator (2:00)
    • Start15- Building FeedNavigator (5:08)
    • Start16- Building AccountNavigator (2:49)
    • Start17- Beautifying the Tabs (7:18)
    • Start18- Refactoring Routes (2:00)
  • Networking (1h)
    • Start1- Introduction (0:32)
    • Start2- Setting Up the Backend (2:01)
    • Start3- Calling APIs Using ApiSauce (2:55)
    • Start4- Creating an API Layer (2:41)
    • Start5- Fetching Data (3:07)
    • Start6- Inspecting API Calls (2:57)
    • Start7- Handling Errors (3:22)
    • Start8- Simulating a Slow Connection (1:24)
    • Start9- Showing an Activity Indicator (1:48)
    • Start10- Building a Beautiful Activitiy Indicator (5:47)
    • Start11- Creating a Reusable Hook (5:45)
    • Start12- Exercises
    • Start13- Extending the API Layer (4:11)
    • Start14- Posting Data (3:31)
    • Start15- Tracking Upload Progress (3:49)
    • Start16- Building the Upload Screen (4:06)
    • Start17- Adding a Progress Bar (2:25)
    • Start18- Showing the Done Animation (3:31)
    • Start19- Resetting the Form (4:03)
    • Start20- A Quick Note
  • Offline Support (43m)
    • Start1- Introduction (0:34)
    • Start2- Strategies for Building Offline Capable Apps (1:02)
    • Start3- Detecting Network Status (4:03)
    • Start4- Caching (1:16)
    • Start5- AsyncStorage (2:45)
    • Start6- Inspecting AsyncStorage (1:10)
    • Start7- The Cache Layer (2:01)
    • Start8- Implementing a Cache Layer (7:41)
    • Start9- Caching Successful Request Data (4:40)
    • Start10- Caching Images (7:17)
    • Start11- Caching with Redux (3:00)
    • Start12- Storing User Actions When Offline (2:26)
    • Start13- Exercise
    • Start14- Showing an Offline Notice (5:53)
  • Authentication and Authorization (1h)
    • Start1- Introduction (0:24)
    • Start2- Authentication Providers (1:02)
    • Start3- Authentication Flow (2:25)
    • Start4- Authentication API (2:49)
    • Start5- Getting the AuthToken (3:46)
    • Start6- Extracting the User from the AuthToken (4:13)
    • Start7- Storing the Current User (4:04)
    • Start8- Getting the Current User (0:59)
    • Start9- Logging Out the User (1:09)
    • Start10- Persisting the Authentication State Across Restarts (7:58)
    • Start11- Controlling the Splash Screen (3:11)
    • Start12- Refactoring (3:14)
    • Start13- Creating a Custom Hook (6:05)
    • Start14- Calling Protected APIs (3:53)
    • Start15- Exercise (0:58)
    • Start16- Implementing the Registration (3:01)
    • Start17- Showing an Activity Indicator (4:48)
    • Start18- Adding an Overlay (4:28)
    • Start19- A Quick Note
  • Notifications (25m)
    • Start1- Introduction (0:22)
    • Start2- Push Notification Services (1:18)
    • Start3- Architecture (1:20)
    • Start4- Getting a Push Notification Token (4:03)
    • Start5- Storing the Push Notification Token (2:38)
    • Start6- Sending Test Notifications (1:25)
    • Start7- Sending Notifications on the Server (1:39)
    • Start8- Handling Received Notifications (1:18)
    • Start9- Navigation Upon Receiving a Notification (5:01)
    • Start10- Creating a Custom Hook (2:13)
    • Start11- Local Notifications (2:33)
    • Start12- Exercises
    • Start13- Building the Contact Form (1:43)
  • Distribution (35m)
    • Start1- Introduction (0:40)
    • Start2- App Icon (1:13)
    • Start3- Optimizing Assets (1:40)
    • Start4- Optimizing JavaScript Bundle (3:13)
    • Start5- Error Reporting (6:19)
    • Start6- Environment Management (2:56)
    • Start7- Publishing (1:57)
    • Start8- Building Standalone Apps (1:02)
    • Start9- Building the iOS App (5:10)
    • Start10- Distributing to the App Store (4:09)
    • Start11- Building the Android App (4:19)
    • Start12- Distributing to the Google Play Store
    • Start13- Over-the-air Updates (1:30)
    • Start14- Additional Resources
    • Start15- Course Wrap Up (0:49)

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

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