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

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

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

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

بر روی اصول ساخت اپلیکیشن های نیتیو با React Native و Expo تسلط پیدا کنید.

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

آیا ایده ای برای یک اپلیکیشن دارید اما از یادگیری توسعه تلفن همراه نیتیو ترسیده اید؟

نگران نباشید! توسعه نیتیو می تواند دشوار باشد. برای ساخت یک اپلیکیشن برای سیستم عامل های مختلف، شما باید زبان ها و ابزارهای مختلف را یاد بگیرید. Swift / Objective-C برای iOS و Java / Kotlin برای Android. 

اما اگر JavaScript و React را بلد باشید، می توانید امروز با React Native اپلیکیشن های تلفن همراه چند سکویی بسازید! شما دیگر به دانش توسعه اندروید یا آی او اس نیازی ندارید.

React Native محبوب ترین فریمورک ساخت اپلیکیشن های تلفن همراه واقعاً نیتیو با جاوااسکریپت است. شما برای ساخت اپلیکیشن برای iOS و Android تنها از یک کد استفاده می کنید.

بسیاری از شرکت ها مانند فیسبوک، پینترست، اینستاگرام و Uber از React Native برای ساخت اپلیکیشن های تلفن همراه خود استفاده می کنند. به همین دلیل بسیاری از کارفرمایان این روزها به دنبال توسعه دهندگان React Native هستند.

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

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

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

آنچه خواهید آموخت

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

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

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

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

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

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

برای شرکت در این دوره، باید درک خوبی از موارد زیر داشته باشید:

  • مفاهیم اصولی React مانند کامپوننت ها، JSX، props، state و غیره
  • ویژگی های مدرن جاوا اسکریپت (توابع arrow، ماژول ها، تخریب ساختار، اپراتور spread  و غیره)
  • شما نیازی به آشنایی با توسعه React Native یا iOS / Android ندارید.

مباحث دوره

  • شروع کار
    • مقدمه
    • پیش نیازها
    • نحوه استفاده از این دوره
    • React Native چیست؟
    • Expo 
    • راه اندازی محیط توسعه
    • اولین اپلیکیشن شما
    • اجرای یک iOS Simulator 
    • اجرای یک Android Emulator
    • اجرا بر روی یک دستنگاه
    • لاگ کردن
    • اشکال زدایی در کروم
    • اشکال زدایی در VSCode 
    • انتشار
    • رفع مسئله Auto Import
    • کد منبع
  • مفاهیم مبانی
    • API و کامپوننت های اصلی
    • View 
    • Text 
    • Image 
    • موارد قابل لمس کردن
    • دکمه
    • Alert 
    • StyleSheet 
    • کد مختص پلتفرم
  • طرح بندی
    • معرفی
    • ابعاد
    • تشخیص تغییرات جهت گیری
    • Flexbox 
    • Flexbox - جهت
    • Flexbox - بررسی justifyContent ،alignItems و alignSelf
    • Flexbox - بررسی  flexWrap و alignContent
    • Flexbox - بررسی flexBasis ،flexGrow و flexShrink 
    • Flexbox - موقعیت مطلق و نسبی
    • تمرینات
    • ساخت Welcome Screen
    • ساخت View Image Screen 
    • ریفکتورینگ
    • نکات سریع
  • استایل دادن
    • مقدمه
    • بردرها
    • سایه ها
    • پدینگ و مارجین ها
    • استایل دادن به متن
    • کپسوله سازی استایل
    • آیکون ها
    • کد مخنتص پلتفرم
    • سازماندهی استایل ها
    • تمرینات
    • ساخت Button Component
    • بهبود Welcome Screen
    • ساخت Listing Details Screen
    • ساخت ListItem Component
    • بهبود View Image Screen 
    • کتابخانه های UI 
  • لیست ها
    • مقدمه
    • FlatList 
    • استخراج Screen Component
    • Separators 
    • مدیریت سلکشن ها
    • مدیریت سوئیپ ها
    • حذف یک آیتم
    • پیاده سازی Pull برای رفرش کردن
    • تمرینات
    • برنامه ریزی Account Screen 
    • ساخت Icon Component
    • گسترش کامپوننت ListItem
    • ساخت Account Screen
    • ساخت Listings Screen
  • کامپوننت های Input 
    • مقدمه
    • TextInput 
    • ساخت Pretty TextInput
    • استخراج Default Styles
    • Switch 
    • Picker 
    • ساخت Picker سفارشی
    • Modal 
    • نمایش آیتم های Picker 
    • مدیریت سلکشن ها
    • نکات سریع
  • فرم ها
    • مقدمه
    • ساخت Login Form
    • ساخت فرم های بهتر با Formik 
    • اعتبارسنجی فرم با Yup 
    • ساخت کامپوننت ErrorMessage 
    • Touched State
    • ساخت Field Component
    • ساخت SubmitButton Component 
    • ساخت Form Component 
    • سازماندهی کامپوننت ها
    • تمرینات
    • ساخت Listing Edit Screen 
    • رفع  Placeholder Color 
  • پیشرفت های اضافی
    • مقدمه
    • افزودن Chevrons 
    • بهبود  Messages Screen 
    • رفع  Auto Import Issue
    • وارد کردن کامپوننت ها با Dynamic Width
    • معماری انعطاف پذیر
    • ساخت کامپوننت CategoryPickerItem 
    • بازبینی نام کامپوننت 
    • اسنیپت های سفارشی
    • جمع بندی دوره
    • دوره کامل React Native - بخش 2

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

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

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

پیش نیازها

 

React Native چیست؟

 

اولین اپلیکیشن شما

 

آیا این نوشته را دوست داشتید؟
Code with Mosh - The Ultimate React Native Series Fundamentals 2020-5 Publisher:Code with Mosh Author:Mosh Hamedani Duration:6 HOURS Level:BEGINNER

Master the Fundamentals of Building Native Apps with React Native and Expo

Turn Your Ideas Into Mobile Apps

Have an idea for an app but been fearful of learning native mobile development?

I hear from you! Native development can be difficult. To build an app for different platforms, you have to learn different languages and tools. Swift/Objective-C for iOS and Java/Kotlin for Android.

But if you know JavaScript and React, you can build cross-platform mobile apps with React Native today! You don't need any knowledge of iOS or Android development.

React Native is the most popular framework for building truly native mobile apps with JavaScript. Use a single code to build apps for iOS and Android.

A lot of companies use React Native to build their mobile apps. Facebook, Instagram, Uber, Pinterest to name a few. That’s why many employers are looking for React Native developers these days.

This course teaches you everything you need to build real apps with React Native from scratch. No BS, no fluff, no lengthy, repetitive explanations to waste your time.

I’ve perfectly structured this course to take you on a step-by-step journey from zero to hero.

Clear, concise lessons with a real-world app, plenty of exercises, and step-by-solutions.

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 the 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

Requirements

To take this course, you should have a good understanding of

  • Fundamental React concepts (components, JSX, props, state, etc)
  • Modern JavaScript features (arrow functions, modules, destructuring, spread operator, etc.)
  • You don't need any familiarity with React Native or iOS/Android development.

Course Curriculum

  • Getting Started (45m)
    • Preview1- Introduction (2:20)
    • Preview2- Prerequisites (0:38)
    • Preview3- How to Use This Course
    • Preview4- What is React Native (1:34)
    • Preview5- Expo (1:46)
    • Preview6- Setting Up the Development Environment (2:57)
    • Preview7- Your First App (5:21)
    • Start8- Running on an iOS Simulator (3:23)
    • Start9- Running on an Android Emulator (8:45)
    • Start10- Running on a Device (1:05)
    • Start11- Logging (1:21)
    • Start12- Debugging in Chrome (5:11)
    • Start13- Debugging in VSCode (7:11)
    • Start14- Publishing (4:07)
    • Start15- Fixing the Auto Import Issue (1:42)
    • Start16- Source Code
  • Fundamental Concepts (30m)
    • Start1- Core Components and APIs (1:51)
    • Start2- View (2:47)
    • Start3- Text (2:42)
    • Start4- Image (5:34)
    • Start5- Touchables (4:56)
    • Start6- Button (1:39)
    • Start7- Alert (3:53)
    • Start8- StyleSheet (4:54)
    • Start9- Platform-specific Code (2:33)
  • Layout (47m)
    • Start1- Introduction (0:37)
    • Start2- Dimensions (3:38)
    • Start3- Detecting Orientation Changes (5:17)
    • Start4- Flexbox (3:17)
    • Start5- Flexbox- Direction (1:51)
    • Start6- Flexbox- justifyContent, alignItems and alignSelf (4:33)
    • Start7- Flexbox- flexWrap and alignContent (2:59)
    • Start8- Flexbox- flexBasis, flexGrow and flexShrink (2:45)
    • Start9- Absolute and Relative Positioning (2:52)
    • Start10- Exercises (0:59)
    • Start11- Building the Welcome Screen (10:57)
    • Start12- Building the View Image Screen (4:55)
    • Start13- Refactoring (2:50)
    • Start14- A Quick Note
  • Styling (63m)
    • Start1- Introduction (0:36)
    • Start2- Borders (2:21)
    • Start3- Shadows (2:08)
    • Start4- Paddings and Margins (2:31)
    • Start5- Styling Text (4:24)
    • Start6- Encapsulating Styles (4:39)
    • Start7- Icons (2:36)
    • Start8- Platform-specific Code (4:45)
    • Start9- Organizing Styles (3:50)
    • Start10- Exercises
    • Start11- Building the Button Component (5:48)
    • Start12- Improving the Welcome Screen (5:53)
    • Start13- Building the Card Component (9:48)
    • Start14- Building the Listing Details Screen (4:51)
    • Start15- Building the ListItem Component (7:22)
    • Start16- Improving the View Image Screen (2:14)
    • Start17- UI Libraries
  • Lists (65m)
    • Start1- Introduction (0:25)
    • Start2- FlatList (4:24)
    • Start3- Extracting the Screen Component (6:58)
    • Start4- Separators (5:01)
    • Start5- Handling Selections (3:24)
    • Start6- Handling Swipes (6:52)
    • Start7- Deleting an Item (6:31)
    • Start8- Implementing Pull to Refresh (3:10)
    • Start9- Exercises
    • Start10- Planning the Account Screen (1:53)
    • Start11- Building the Icon Component (4:57)
    • Start12- Extending the ListItem Component (4:43)
    • Start13- Building the Account Screen (10:58)
    • Start14- Building the Listings Screen (5:55)
  • Input Components (34m)
    • Start1- Introduction (0:32)
    • Start2- TextInput (5:02)
    • Start3- Building a Pretty TextInput (7:11)
    • Start4- Extracting the Default Styles (3:39)
    • Start5- Switch (1:42)
    • Start6- Picker (2:12)
    • Start7- Building a Custom Picker (3:54)
    • Start8- Modal (4:32)
    • Start9- Showing Picker Items (4:53)
    • Start10- Handling Selections (2:48)
    • Start11- A Quick Note
  • Forms (52m)
    • Start1- Introduction (0:37)
    • Start2- Building the Login Form (7:58)
    • Start3- Building Better Forms with Formik (5:49)
    • Start4- Form Validation with Yup (4:58)
    • Start5- Building the ErrorMessage Component (2:57)
    • Start6- The Touched State (3:17)
    • Start7- Building the Field Component (6:41)
    • Start8- Building the SubmitButton Component (2:14)
    • Start9- Building the Form Component (3:03)
    • Start10- Organizing Components (6:11)
    • Start11- Exercises
    • Start12- Building the Listing Edit Screen (5:22)
    • Start13- Fixing the Placeholder Color (2:47)
  • Additional Improvements (30m)
    • Start1- Introduction (0:38)
    • Start2- Adding Chevrons (2:27)
    • Start3- Handling Long Text (1:57)
    • Start4- Improving the Messages Screen (2:23)
    • Start5- Fixing the Auto Import Issue (1:33)
    • Start6- Input Components with Dynamic Width (3:00)
    • Start7- Flexible Architecture (3:48)
    • Start8- Building the CategoryPickerItem Component (8:14)
    • Start9- Revisiting Components' Names (2:29)
    • Start10- Custom Snippets (4:25)
    • Start11- Course Wrap Up (2:10)
    • Start12- The Ultimate React Native: Part 2

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

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