آموزش React Native: راهنمای مبتدی (نسخه 2024)

React Native : The beginner guide (2024 Edition)

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: ساخت اپلیکیشن موبایل اندروید و IOS! (از جمله فشار اعلان‌ها، قلاب‌ها، ناوبری، دوربین، ES6، FlexBox، انیمیشن‌ها...) ساخت اپلیکیشن متقابل پلتفرم بومی برای Android و IOS با همان کد همه مفاهیم اصلی React/React Native را یاد بگیرید اعلان‌های فشاری Hooks/Contexts Routing و پیمایش از آخرین نسخه جاوا اسکریپت استفاده کنید: ES6 به برنامه خود با JSS استایل دهید درخواست های ناهمزمان برای مصرف API Expo Expo برای افزایش سرعت توسعه خود بیاموزید نحوه استفاده از سیستم اشکال زدا Flex-box استفاده از AsyncStorage برای ماندگاری داده ها در برنامه خود دسترسی به تلفن همراه گالری تصاویر ساخت انیمیشن های باحال پیش نیازها:تجربه با HTML/CSS/JS الزامی است

در این نسخه جدید React Native، یاد بگیرید که چگونه به سرعت برنامه‌های تلفن همراه فوق‌مدرن و چند پلتفرمی (که روی Android و IOS کار می‌کنند) بسازید!


React Native مانند برادر کوچک React است. این توسط فیس بوک با خط مشی "یک بار بیاموز، همه جا بنویس" توسعه یافته است.


React Native به شما این امکان را می‌دهد که برنامه‌های تلفن همراه بومی را که روی IOS و Android اجرا می‌شوند با همان کد توسعه دهید، یک انقلاب واقعی!


این فناوری در حال انفجار است و تقاضای زیادی در بازار کار دارد.


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

ما می‌خواهیم از Expo استفاده کنیم، ابزاری که بیشترین استفاده را برای ایجاد برنامه‌ها در 2 مرحله 3 انجام می‌دهد.

با آن، می‌توانیم به‌روزرسانی‌های زنده را روی یک تلفن هوشمند واقعی در یک شبیه‌ساز کدنویسی کنیم.

همچنین می‌توانیم برنامه خود را در یک لحظه به اشتراک بگذاریم.

خداحافظ توسعه تلفن همراه با زمان‌های جمع‌آوری بی‌پایان!

ما از ابتدا با هم شروع می کنیم و ReactJS و ReactNative را در این دوره کشف می کنیم، پس اگر React را نمی دانید نگران نباشید. دوره پیش رونده خواهد بود و ما چندین برنامه را با هم توسعه خواهیم داد.


خلاصه:

- مفاهیم اولیه React

- یک برنامه React Native با Expo ایجاد کنید

- یک ظاهر طراحی شده

- سیستم flexbox

- بین صفحات پیمایش کنید و پارامترها را با استفاده از react-navigation ارسال کنید

- مجوزها

- موقعیت جغرافیایی

- اعلان‌های فشاری

- به گالری تلفن هوشمند دسترسی پیدا کنید

- یک سرور اعلان ایجاد کنید

- با یک API ارتباط برقرار کنید

- آموزش استفاده از توابع ES6 (نقشه، یافتن...)

- انیمیشن ها


به زودی می بینمت!

​​Codiku.


سرفصل ها و درس ها

معرفی Introduction

  • معرفی Introduction

  • معرفی Introduction

  • معرفی Introduction

  • معرفی Introduction

  • معرفی Introduction

  • React Native؟ React Native ?

  • React Native؟ React Native ?

  • React Native؟ React Native ?

  • React Native؟ React Native ?

  • React Native؟ React Native ?

  • Expo GO Expo GO ?

  • Expo GO Expo GO ?

  • Expo GO Expo GO ?

  • Expo GO Expo GO ?

  • Expo GO Expo GO ?

  • واکنش نشان دهید؟ React ?

  • واکنش نشان دهید؟ React ?

  • واکنش نشان دهید؟ React ?

  • واکنش نشان دهید؟ React ?

  • واکنش نشان دهید؟ React ?

معرفی Introduction

معرفی Introduction

معرفی Introduction

معرفی Introduction

نصب و راه اندازی Installation

  • محیط Environment

  • محیط Environment

  • محیط Environment

  • محیط Environment

  • محیط Environment

  • موبایل، شبیه ساز، شبیه ساز چه چیزی را انتخاب کنیم؟ Mobile, Emulator, Simulator what to choose ?

  • موبایل، شبیه ساز، شبیه ساز چه چیزی را انتخاب کنیم؟ Mobile, Emulator, Simulator what to choose ?

  • موبایل، شبیه ساز، شبیه ساز چه چیزی را انتخاب کنیم؟ Mobile, Emulator, Simulator what to choose ?

  • موبایل، شبیه ساز، شبیه ساز چه چیزی را انتخاب کنیم؟ Mobile, Emulator, Simulator what to choose ?

  • موبایل، شبیه ساز، شبیه ساز چه چیزی را انتخاب کنیم؟ Mobile, Emulator, Simulator what to choose ?

  • استفاده از دستگاه واقعی Using a real device

  • استفاده از دستگاه واقعی Using a real device

  • استفاده از دستگاه واقعی Using a real device

  • استفاده از دستگاه واقعی Using a real device

  • استفاده از دستگاه واقعی Using a real device

  • شبیه ساز اندروید - مک و لینوکس Android Emulator - Mac and Linux

  • شبیه ساز اندروید - مک و لینوکس Android Emulator - Mac and Linux

  • شبیه ساز اندروید - مک و لینوکس Android Emulator - Mac and Linux

  • شبیه ساز اندروید - مک و لینوکس Android Emulator - Mac and Linux

  • شبیه ساز اندروید - مک و لینوکس Android Emulator - Mac and Linux

  • شبیه ساز اندروید - ویندوز Android Emulator - Windows

  • شبیه ساز اندروید - ویندوز Android Emulator - Windows

  • شبیه ساز اندروید - ویندوز Android Emulator - Windows

  • شبیه ساز اندروید - ویندوز Android Emulator - Windows

  • شبیه ساز اندروید - ویندوز Android Emulator - Windows

  • شبیه ساز IOS - Mac Simulator IOS - Mac

  • شبیه ساز IOS - Mac Simulator IOS - Mac

  • شبیه ساز IOS - Mac Simulator IOS - Mac

  • شبیه ساز IOS - Mac Simulator IOS - Mac

  • شبیه ساز IOS - Mac Simulator IOS - Mac

نصب و راه اندازی Installation

نصب و راه اندازی Installation

نصب و راه اندازی Installation

نصب و راه اندازی Installation

کمی کمک بگیرید Get some help

  • Github Codiku Github Codiku

  • Github Codiku Github Codiku

  • Github Codiku Github Codiku

  • Github Codiku Github Codiku

  • Github Codiku Github Codiku

  • تم کد VS و افزونه ها VS code theme and plugins

  • تم کد VS و افزونه ها VS code theme and plugins

  • تم کد VS و افزونه ها VS code theme and plugins

  • تم کد VS و افزونه ها VS code theme and plugins

  • تم کد VS و افزونه ها VS code theme and plugins

کمی کمک بگیرید Get some help

کمی کمک بگیرید Get some help

کمی کمک بگیرید Get some help

کمی کمک بگیرید Get some help

مفاهیم اصلی The core concepts

  • تور سریع پروژه Project quick tour

  • تور سریع پروژه Project quick tour

  • تور سریع پروژه Project quick tour

  • تور سریع پروژه Project quick tour

  • تور سریع پروژه Project quick tour

  • ایجاد اولین مؤلفه شما Creating your first component

  • ایجاد اولین مؤلفه شما Creating your first component

  • ایجاد اولین مؤلفه شما Creating your first component

  • ایجاد اولین مؤلفه شما Creating your first component

  • ایجاد اولین مؤلفه شما Creating your first component

  • در حال قالب بندی کد من Formating my code

  • در حال قالب بندی کد من Formating my code

  • در حال قالب بندی کد من Formating my code

  • در حال قالب بندی کد من Formating my code

  • در حال قالب بندی کد من Formating my code

  • طراحی ظاهر Styling

  • طراحی ظاهر Styling

  • طراحی ظاهر Styling

  • طراحی ظاهر Styling

  • طراحی ظاهر Styling

  • سیستم فلکس باکس Flex-box system

  • سیستم فلکس باکس Flex-box system

  • سیستم فلکس باکس Flex-box system

  • سیستم فلکس باکس Flex-box system

  • سیستم فلکس باکس Flex-box system

  • تمرین: ایجاد یک کارت پروفایل قسمت 1 Practicing : Creating a profil card part 1

  • تمرین: ایجاد یک کارت پروفایل قسمت 1 Practicing : Creating a profil card part 1

  • تمرین: ایجاد یک کارت پروفایل قسمت 1 Practicing : Creating a profil card part 1

  • تمرین: ایجاد یک کارت پروفایل قسمت 1 Practicing : Creating a profil card part 1

  • تمرین: ایجاد یک کارت پروفایل قسمت 1 Practicing : Creating a profil card part 1

  • تمرین: ایجاد کارت پورفیل قسمت 2 Practicing : Creating a porfil card part 2

  • تمرین: ایجاد کارت پورفیل قسمت 2 Practicing : Creating a porfil card part 2

  • تمرین: ایجاد کارت پورفیل قسمت 2 Practicing : Creating a porfil card part 2

  • تمرین: ایجاد کارت پورفیل قسمت 2 Practicing : Creating a porfil card part 2

  • تمرین: ایجاد کارت پورفیل قسمت 2 Practicing : Creating a porfil card part 2

  • لوازم جانبی Props

  • لوازم جانبی Props

  • لوازم جانبی Props

  • لوازم جانبی Props

  • لوازم جانبی Props

  • وسایل کودک Children props

  • وسایل کودک Children props

  • وسایل کودک Children props

  • وسایل کودک Children props

  • وسایل کودک Children props

  • رندر مشروط Conditionnal rendering

  • رندر مشروط Conditionnal rendering

  • رندر مشروط Conditionnal rendering

  • رندر مشروط Conditionnal rendering

  • رندر مشروط Conditionnal rendering

  • ایالت ها States

  • ایالت ها States

  • ایالت ها States

  • ایالت ها States

  • ایالت ها States

  • استفاده غیرمنتظره رفتارهای حالت Unexpected useState behaviours

  • استفاده غیرمنتظره رفتارهای حالت Unexpected useState behaviours

  • استفاده غیرمنتظره رفتارهای حالت Unexpected useState behaviours

  • استفاده غیرمنتظره رفتارهای حالت Unexpected useState behaviours

  • استفاده غیرمنتظره رفتارهای حالت Unexpected useState behaviours

  • توابع پاسخ به تماس Callback functions

  • توابع پاسخ به تماس Callback functions

  • توابع پاسخ به تماس Callback functions

  • توابع پاسخ به تماس Callback functions

  • توابع پاسخ به تماس Callback functions

  • استفاده از تماس‌های برگشتی در کارت نمایه ما Using callbacks into our Profile Card

  • استفاده از تماس‌های برگشتی در کارت نمایه ما Using callbacks into our Profile Card

  • استفاده از تماس‌های برگشتی در کارت نمایه ما Using callbacks into our Profile Card

  • استفاده از تماس‌های برگشتی در کارت نمایه ما Using callbacks into our Profile Card

  • استفاده از تماس‌های برگشتی در کارت نمایه ما Using callbacks into our Profile Card

  • پلت فرم را شناسایی کنید Detect the platform

  • پلت فرم را شناسایی کنید Detect the platform

  • پلت فرم را شناسایی کنید Detect the platform

  • پلت فرم را شناسایی کنید Detect the platform

  • پلت فرم را شناسایی کنید Detect the platform

مفاهیم اصلی The core concepts

مفاهیم اصلی The core concepts

مفاهیم اصلی The core concepts

مفاهیم اصلی The core concepts

اولین برنامه واقعی ما! مبدل دما Our first real App ! Temperature converter

  • معرفی اپلیکیشن + استارتر Introducing the app + starter

  • معرفی اپلیکیشن + استارتر Introducing the app + starter

  • معرفی اپلیکیشن + استارتر Introducing the app + starter

  • معرفی اپلیکیشن + استارتر Introducing the app + starter

  • معرفی اپلیکیشن + استارتر Introducing the app + starter

  • چیدمان Layout

  • چیدمان Layout

  • چیدمان Layout

  • چیدمان Layout

  • چیدمان Layout

  • ورودی متن Text input

  • ورودی متن Text input

  • ورودی متن Text input

  • ورودی متن Text input

  • ورودی متن Text input

  • دمای نمایش کامپوننت Component DisplayTemperature

  • دمای نمایش کامپوننت Component DisplayTemperature

  • دمای نمایش کامپوننت Component DisplayTemperature

  • دمای نمایش کامپوننت Component DisplayTemperature

  • دمای نمایش کامپوننت Component DisplayTemperature

  • تبدیل دما Converting the temperature

  • تبدیل دما Converting the temperature

  • تبدیل دما Converting the temperature

  • تبدیل دما Converting the temperature

  • تبدیل دما Converting the temperature

  • دکمه: تغییر واحدها Button : Toggle units

  • دکمه: تغییر واحدها Button : Toggle units

  • دکمه: تغییر واحدها Button : Toggle units

  • دکمه: تغییر واحدها Button : Toggle units

  • دکمه: تغییر واحدها Button : Toggle units

  • مفهوم اصلی: قلاب useEffect Core concept : useEffect hook

  • مفهوم اصلی: قلاب useEffect Core concept : useEffect hook

  • مفهوم اصلی: قلاب useEffect Core concept : useEffect hook

  • مفهوم اصلی: قلاب useEffect Core concept : useEffect hook

  • مفهوم اصلی: قلاب useEffect Core concept : useEffect hook

  • تغییر پس زمینه به صورت برنامه ای Changing the background programmatically

  • تغییر پس زمینه به صورت برنامه ای Changing the background programmatically

  • تغییر پس زمینه به صورت برنامه ای Changing the background programmatically

  • تغییر پس زمینه به صورت برنامه ای Changing the background programmatically

  • تغییر پس زمینه به صورت برنامه ای Changing the background programmatically

اولین برنامه واقعی ما! مبدل دما Our first real App ! Temperature converter

اولین برنامه واقعی ما! مبدل دما Our first real App ! Temperature converter

اولین برنامه واقعی ما! مبدل دما Our first real App ! Temperature converter

اولین برنامه واقعی ما! مبدل دما Our first real App ! Temperature converter

برنامه جدید: لیست وظایف! New App : Task list !

  • معرفی اپلیکیشن Introducing the app

  • معرفی اپلیکیشن Introducing the app

  • معرفی اپلیکیشن Introducing the app

  • معرفی اپلیکیشن Introducing the app

  • معرفی اپلیکیشن Introducing the app

  • ایجاد اپلیکیشن Creating the app

  • ایجاد اپلیکیشن Creating the app

  • ایجاد اپلیکیشن Creating the app

  • ایجاد اپلیکیشن Creating the app

  • ایجاد اپلیکیشن Creating the app

  • چیدمان Layout

  • چیدمان Layout

  • چیدمان Layout

  • چیدمان Layout

  • چیدمان Layout

  • هدر و صفحه نمایش اسپلش Header and Splash screen

  • هدر و صفحه نمایش اسپلش Header and Splash screen

  • هدر و صفحه نمایش اسپلش Header and Splash screen

  • هدر و صفحه نمایش اسپلش Header and Splash screen

  • هدر و صفحه نمایش اسپلش Header and Splash screen

  • جزء کارت Card component

  • جزء کارت Card component

  • جزء کارت Card component

  • جزء کارت Card component

  • جزء کارت Card component

  • عملکرد نقشه ES6 ES6 map function

  • عملکرد نقشه ES6 ES6 map function

  • عملکرد نقشه ES6 ES6 map function

  • عملکرد نقشه ES6 ES6 map function

  • عملکرد نقشه ES6 ES6 map function

  • لیست کارت قابل پیمایش Scrollable list of card

  • لیست کارت قابل پیمایش Scrollable list of card

  • لیست کارت قابل پیمایش Scrollable list of card

  • لیست کارت قابل پیمایش Scrollable list of card

  • لیست کارت قابل پیمایش Scrollable list of card

  • اپراتور پخش Spread operator

  • اپراتور پخش Spread operator

  • اپراتور پخش Spread operator

  • اپراتور پخش Spread operator

  • اپراتور پخش Spread operator

  • به روز رسانی وضعیت کارت Updating the status of a card

  • به روز رسانی وضعیت کارت Updating the status of a card

  • به روز رسانی وضعیت کارت Updating the status of a card

  • به روز رسانی وضعیت کارت Updating the status of a card

  • به روز رسانی وضعیت کارت Updating the status of a card

  • منوی پایین برگه - انتخاب یک برگه Tab bottom menu - Selecting a tab

  • منوی پایین برگه - انتخاب یک برگه Tab bottom menu - Selecting a tab

  • منوی پایین برگه - انتخاب یک برگه Tab bottom menu - Selecting a tab

  • منوی پایین برگه - انتخاب یک برگه Tab bottom menu - Selecting a tab

  • منوی پایین برگه - انتخاب یک برگه Tab bottom menu - Selecting a tab

  • فیلتر ES6 ES6 filter

  • فیلتر ES6 ES6 filter

  • فیلتر ES6 ES6 filter

  • فیلتر ES6 ES6 filter

  • فیلتر ES6 ES6 filter

  • عملکرد کاهش ES6 ES6 reduce function

  • عملکرد کاهش ES6 ES6 reduce function

  • عملکرد کاهش ES6 ES6 reduce function

  • عملکرد کاهش ES6 ES6 reduce function

  • عملکرد کاهش ES6 ES6 reduce function

  • یادداشت ها را فیلتر کنید Filter notes

  • یادداشت ها را فیلتر کنید Filter notes

  • یادداشت ها را فیلتر کنید Filter notes

  • یادداشت ها را فیلتر کنید Filter notes

  • یادداشت ها را فیلتر کنید Filter notes

  • یک کار را حذف کنید Delete a todo

  • یک کار را حذف کنید Delete a todo

  • یک کار را حذف کنید Delete a todo

  • یک کار را حذف کنید Delete a todo

  • یک کار را حذف کنید Delete a todo

  • یک کار اضافه کنید Add a todo

  • یک کار اضافه کنید Add a todo

  • یک کار اضافه کنید Add a todo

  • یک کار اضافه کنید Add a todo

  • یک کار اضافه کنید Add a todo

  • مدیریت خطاها با سعی، گرفتن، در نهایت و پرتاب Handling errors with Try, Catch, Finally and Throw

  • مدیریت خطاها با سعی، گرفتن، در نهایت و پرتاب Handling errors with Try, Catch, Finally and Throw

  • مدیریت خطاها با سعی، گرفتن، در نهایت و پرتاب Handling errors with Try, Catch, Finally and Throw

  • مدیریت خطاها با سعی، گرفتن، در نهایت و پرتاب Handling errors with Try, Catch, Finally and Throw

  • مدیریت خطاها با سعی، گرفتن، در نهایت و پرتاب Handling errors with Try, Catch, Finally and Throw

  • AsyncStorage: داده های ما ماندگار است AsyncStorage : Persisting our data

  • AsyncStorage: داده های ما ماندگار است AsyncStorage : Persisting our data

  • AsyncStorage: داده های ما ماندگار است AsyncStorage : Persisting our data

  • AsyncStorage: داده های ما ماندگار است AsyncStorage : Persisting our data

  • AsyncStorage: داده های ما ماندگار است AsyncStorage : Persisting our data

  • کشف قلاب: useRef Discovering the hook : useRef

  • کشف قلاب: useRef Discovering the hook : useRef

  • کشف قلاب: useRef Discovering the hook : useRef

  • کشف قلاب: useRef Discovering the hook : useRef

  • کشف قلاب: useRef Discovering the hook : useRef

  • از useRef برای پیمایش در انتهای لیست استفاده کنید Using useRef to scroll at the bottom of the list

  • از useRef برای پیمایش در انتهای لیست استفاده کنید Using useRef to scroll at the bottom of the list

  • از useRef برای پیمایش در انتهای لیست استفاده کنید Using useRef to scroll at the bottom of the list

  • از useRef برای پیمایش در انتهای لیست استفاده کنید Using useRef to scroll at the bottom of the list

  • از useRef برای پیمایش در انتهای لیست استفاده کنید Using useRef to scroll at the bottom of the list

برنامه جدید: لیست وظایف! New App : Task list !

برنامه جدید: لیست وظایف! New App : Task list !

برنامه جدید: لیست وظایف! New App : Task list !

برنامه جدید: لیست وظایف! New App : Task list !

برنامه: زمان واقعی آب و هوا و پیش بینی App : Real Time Weather and Forecast

  • معرفی پروژه Introducing the project

  • معرفی پروژه Introducing the project

  • معرفی پروژه Introducing the project

  • معرفی پروژه Introducing the project

  • معرفی پروژه Introducing the project

  • ایجاد اپلیکیشن Creating the app

  • ایجاد اپلیکیشن Creating the app

  • ایجاد اپلیکیشن Creating the app

  • ایجاد اپلیکیشن Creating the app

  • ایجاد اپلیکیشن Creating the app

  • طرح و پس زمینه Layout and Background

  • طرح و پس زمینه Layout and Background

  • طرح و پس زمینه Layout and Background

  • طرح و پس زمینه Layout and Background

  • طرح و پس زمینه Layout and Background

  • API Weather را باز کنید Open Weather API

  • API Weather را باز کنید Open Weather API

  • API Weather را باز کنید Open Weather API

  • API Weather را باز کنید Open Weather API

  • API Weather را باز کنید Open Weather API

  • [فقط شبیه ساز ANDROID]: تنظیمات GPS [ANDROID EMULATOR ONLY] : GPS settings

  • [فقط شبیه ساز ANDROID]: تنظیمات GPS [ANDROID EMULATOR ONLY] : GPS settings

  • [فقط شبیه ساز ANDROID]: تنظیمات GPS [ANDROID EMULATOR ONLY] : GPS settings

  • [فقط شبیه ساز ANDROID]: تنظیمات GPS [ANDROID EMULATOR ONLY] : GPS settings

  • [فقط شبیه ساز ANDROID]: تنظیمات GPS [ANDROID EMULATOR ONLY] : GPS settings

  • [فقط شبیه ساز IOS]: تنظیمات GPS [IOS SIMULATOR ONLY] : GPS settings

  • [فقط شبیه ساز IOS]: تنظیمات GPS [IOS SIMULATOR ONLY] : GPS settings

  • [فقط شبیه ساز IOS]: تنظیمات GPS [IOS SIMULATOR ONLY] : GPS settings

  • [فقط شبیه ساز IOS]: تنظیمات GPS [IOS SIMULATOR ONLY] : GPS settings

  • [فقط شبیه ساز IOS]: تنظیمات GPS [IOS SIMULATOR ONLY] : GPS settings

  • تخصیص تخریب ساختار ES6 ES6 Destructuring Assignment

  • تخصیص تخریب ساختار ES6 ES6 Destructuring Assignment

  • تخصیص تخریب ساختار ES6 ES6 Destructuring Assignment

  • تخصیص تخریب ساختار ES6 ES6 Destructuring Assignment

  • تخصیص تخریب ساختار ES6 ES6 Destructuring Assignment

  • ES6 Promises - Async/Await ES6 Promises - Async/Await

  • ES6 Promises - Async/Await ES6 Promises - Async/Await

  • ES6 Promises - Async/Await ES6 Promises - Async/Await

  • ES6 Promises - Async/Await ES6 Promises - Async/Await

  • ES6 Promises - Async/Await ES6 Promises - Async/Await

  • درخواست مجوز کنید و مختصات کاربر را دریافت کنید Ask for permissions and get the user coordinates

  • درخواست مجوز کنید و مختصات کاربر را دریافت کنید Ask for permissions and get the user coordinates

  • درخواست مجوز کنید و مختصات کاربر را دریافت کنید Ask for permissions and get the user coordinates

  • درخواست مجوز کنید و مختصات کاربر را دریافت کنید Ask for permissions and get the user coordinates

  • درخواست مجوز کنید و مختصات کاربر را دریافت کنید Ask for permissions and get the user coordinates

  • داده های آب و هوا را واکشی کنید Fetch the weather data

  • داده های آب و هوا را واکشی کنید Fetch the weather data

  • داده های آب و هوا را واکشی کنید Fetch the weather data

  • داده های آب و هوا را واکشی کنید Fetch the weather data

  • داده های آب و هوا را واکشی کنید Fetch the weather data

  • Debugger Expo اکنون ساخته شده است! Expo debugger is now built in !

  • Debugger Expo اکنون ساخته شده است! Expo debugger is now built in !

  • Debugger Expo اکنون ساخته شده است! Expo debugger is now built in !

  • Debugger Expo اکنون ساخته شده است! Expo debugger is now built in !

  • Debugger Expo اکنون ساخته شده است! Expo debugger is now built in !

  • اشکال زدا Debugger

  • اشکال زدا Debugger

  • اشکال زدا Debugger

  • اشکال زدا Debugger

  • اشکال زدا Debugger

  • استفاده از فونت های سفارشی Using custom fonts

  • استفاده از فونت های سفارشی Using custom fonts

  • استفاده از فونت های سفارشی Using custom fonts

  • استفاده از فونت های سفارشی Using custom fonts

  • استفاده از فونت های سفارشی Using custom fonts

  • چیدمان MeteoBasic MeteoBasic layout

  • چیدمان MeteoBasic MeteoBasic layout

  • چیدمان MeteoBasic MeteoBasic layout

  • چیدمان MeteoBasic MeteoBasic layout

  • چیدمان MeteoBasic MeteoBasic layout

  • تفاسیر آب و هوا Weather interpretations

  • تفاسیر آب و هوا Weather interpretations

  • تفاسیر آب و هوا Weather interpretations

  • تفاسیر آب و هوا Weather interpretations

  • تفاسیر آب و هوا Weather interpretations

  • متون پاسخگو Responsive texts

  • متون پاسخگو Responsive texts

  • متون پاسخگو Responsive texts

  • متون پاسخگو Responsive texts

  • متون پاسخگو Responsive texts

  • اطلاعات در مورد ویدیوی بعدی Info about next video

  • اطلاعات در مورد ویدیوی بعدی Info about next video

  • اطلاعات در مورد ویدیوی بعدی Info about next video

  • اطلاعات در مورد ویدیوی بعدی Info about next video

  • اطلاعات در مورد ویدیوی بعدی Info about next video

  • عملکرد پاکسازی UseEffect UseEffect cleanup function

  • عملکرد پاکسازی UseEffect UseEffect cleanup function

  • عملکرد پاکسازی UseEffect UseEffect cleanup function

  • عملکرد پاکسازی UseEffect UseEffect cleanup function

  • عملکرد پاکسازی UseEffect UseEffect cleanup function

  • ساعت دیجیتال Digital clock

  • ساعت دیجیتال Digital clock

  • ساعت دیجیتال Digital clock

  • ساعت دیجیتال Digital clock

  • ساعت دیجیتال Digital clock

  • واکشی شهر با استفاده از ژئوکدینگ معکوس Fetching the city using reverse geocoding

  • واکشی شهر با استفاده از ژئوکدینگ معکوس Fetching the city using reverse geocoding

  • واکشی شهر با استفاده از ژئوکدینگ معکوس Fetching the city using reverse geocoding

  • واکشی شهر با استفاده از ژئوکدینگ معکوس Fetching the city using reverse geocoding

  • واکشی شهر با استفاده از ژئوکدینگ معکوس Fetching the city using reverse geocoding

  • MeteoAdvanced layout MeteoAdvanced layout

  • MeteoAdvanced layout MeteoAdvanced layout

  • MeteoAdvanced layout MeteoAdvanced layout

  • MeteoAdvanced layout MeteoAdvanced layout

  • MeteoAdvanced layout MeteoAdvanced layout

  • پر کردن MeteoAdvanced با داده ها Filling MeteoAdvanced with data

  • پر کردن MeteoAdvanced با داده ها Filling MeteoAdvanced with data

  • پر کردن MeteoAdvanced با داده ها Filling MeteoAdvanced with data

  • پر کردن MeteoAdvanced با داده ها Filling MeteoAdvanced with data

  • پر کردن MeteoAdvanced با داده ها Filling MeteoAdvanced with data

  • React Navigation: راه اندازی React Navigation : setup

  • React Navigation: راه اندازی React Navigation : setup

  • React Navigation: راه اندازی React Navigation : setup

  • React Navigation: راه اندازی React Navigation : setup

  • React Navigation: راه اندازی React Navigation : setup

  • پیمایش و ارسال پارامترها به یک صفحه Navigate and send parameters to a Screen

  • پیمایش و ارسال پارامترها به یک صفحه Navigate and send parameters to a Screen

  • پیمایش و ارسال پارامترها به یک صفحه Navigate and send parameters to a Screen

  • پیمایش و ارسال پارامترها به یک صفحه Navigate and send parameters to a Screen

  • پیمایش و ارسال پارامترها به یک صفحه Navigate and send parameters to a Screen

  • سربرگ کنید و به صفحه قبلی بروید Header and navigate to previous page

  • سربرگ کنید و به صفحه قبلی بروید Header and navigate to previous page

  • سربرگ کنید و به صفحه قبلی بروید Header and navigate to previous page

  • سربرگ کنید و به صفحه قبلی بروید Header and navigate to previous page

  • سربرگ کنید و به صفحه قبلی بروید Header and navigate to previous page

  • مورد لیست پیش بینی Forecast list item

  • مورد لیست پیش بینی Forecast list item

  • مورد لیست پیش بینی Forecast list item

  • مورد لیست پیش بینی Forecast list item

  • مورد لیست پیش بینی Forecast list item

  • رندر چندگانه ForecastListItem Render multiples ForecastListItem

  • رندر چندگانه ForecastListItem Render multiples ForecastListItem

  • رندر چندگانه ForecastListItem Render multiples ForecastListItem

  • رندر چندگانه ForecastListItem Render multiples ForecastListItem

  • رندر چندگانه ForecastListItem Render multiples ForecastListItem

  • جزء نوار جستجو Search bar component

  • جزء نوار جستجو Search bar component

  • جزء نوار جستجو Search bar component

  • جزء نوار جستجو Search bar component

  • جزء نوار جستجو Search bar component

  • از فشار دادن محتوا توسط صفحه کلید جلوگیری کنید Prevent keyboard from pushing the content

  • از فشار دادن محتوا توسط صفحه کلید جلوگیری کنید Prevent keyboard from pushing the content

  • از فشار دادن محتوا توسط صفحه کلید جلوگیری کنید Prevent keyboard from pushing the content

  • از فشار دادن محتوا توسط صفحه کلید جلوگیری کنید Prevent keyboard from pushing the content

  • از فشار دادن محتوا توسط صفحه کلید جلوگیری کنید Prevent keyboard from pushing the content

  • جستجو بر اساس شهر و رسیدگی به خطاها Searching by city and errors handling

  • جستجو بر اساس شهر و رسیدگی به خطاها Searching by city and errors handling

  • جستجو بر اساس شهر و رسیدگی به خطاها Searching by city and errors handling

  • جستجو بر اساس شهر و رسیدگی به خطاها Searching by city and errors handling

  • جستجو بر اساس شهر و رسیدگی به خطاها Searching by city and errors handling

برنامه: زمان واقعی آب و هوا و پیش بینی App : Real Time Weather and Forecast

برنامه: زمان واقعی آب و هوا و پیش بینی App : Real Time Weather and Forecast

برنامه: زمان واقعی آب و هوا و پیش بینی App : Real Time Weather and Forecast

برنامه: زمان واقعی آب و هوا و پیش بینی App : Real Time Weather and Forecast

اعلان های فشاری Push notifications

  • جریان اعلان فشار توضیح داده شده است Push notification flow explained

  • جریان اعلان فشار توضیح داده شده است Push notification flow explained

  • جریان اعلان فشار توضیح داده شده است Push notification flow explained

  • جریان اعلان فشار توضیح داده شده است Push notification flow explained

  • جریان اعلان فشار توضیح داده شده است Push notification flow explained

  • در حال آماده سازی سرور ما برای ارسال اعلان ها Preparing our server to send notifications

  • در حال آماده سازی سرور ما برای ارسال اعلان ها Preparing our server to send notifications

  • در حال آماده سازی سرور ما برای ارسال اعلان ها Preparing our server to send notifications

  • در حال آماده سازی سرور ما برای ارسال اعلان ها Preparing our server to send notifications

  • در حال آماده سازی سرور ما برای ارسال اعلان ها Preparing our server to send notifications

  • نکته در مورد projectId Note about projectId

  • نکته در مورد projectId Note about projectId

  • نکته در مورد projectId Note about projectId

  • نکته در مورد projectId Note about projectId

  • نکته در مورد projectId Note about projectId

  • مجوزها را بپرسید و یک رمز دریافت کنید Ask Permissions and get a token

  • مجوزها را بپرسید و یک رمز دریافت کنید Ask Permissions and get a token

  • مجوزها را بپرسید و یک رمز دریافت کنید Ask Permissions and get a token

  • مجوزها را بپرسید و یک رمز دریافت کنید Ask Permissions and get a token

  • مجوزها را بپرسید و یک رمز دریافت کنید Ask Permissions and get a token

  • دریافت داده از یک اعلان Getting data from a notification

  • دریافت داده از یک اعلان Getting data from a notification

  • دریافت داده از یک اعلان Getting data from a notification

  • دریافت داده از یک اعلان Getting data from a notification

  • دریافت داده از یک اعلان Getting data from a notification

اعلان های فشاری Push notifications

اعلان های فشاری Push notifications

اعلان های فشاری Push notifications

اعلان های فشاری Push notifications

دسترسی به گالری عکس Accessing the photo gallery

  • گالری عکس Photo gallery

  • گالری عکس Photo gallery

  • گالری عکس Photo gallery

  • گالری عکس Photo gallery

  • گالری عکس Photo gallery

دسترسی به گالری عکس Accessing the photo gallery

دسترسی به گالری عکس Accessing the photo gallery

دسترسی به گالری عکس Accessing the photo gallery

دسترسی به گالری عکس Accessing the photo gallery

انتشار و ساخت Publish and Build

  • انتشار در اکسپو Publish to Expo

  • انتشار در اکسپو Publish to Expo

  • انتشار در اکسپو Publish to Expo

  • انتشار در اکسپو Publish to Expo

  • انتشار در اکسپو Publish to Expo

  • یک بیلد رسمی ایجاد کنید Generate an official Build

  • یک بیلد رسمی ایجاد کنید Generate an official Build

  • یک بیلد رسمی ایجاد کنید Generate an official Build

  • یک بیلد رسمی ایجاد کنید Generate an official Build

  • یک بیلد رسمی ایجاد کنید Generate an official Build

انتشار و ساخت Publish and Build

انتشار و ساخت Publish and Build

انتشار و ساخت Publish and Build

انتشار و ساخت Publish and Build

زمینه ها Contexts

  • زمینه ها چیست؟ What are contexts ?

  • زمینه ها چیست؟ What are contexts ?

  • زمینه ها چیست؟ What are contexts ?

  • زمینه ها چیست؟ What are contexts ?

  • زمینه ها چیست؟ What are contexts ?

  • استفاده از زمینه ها Using contexts

  • استفاده از زمینه ها Using contexts

  • استفاده از زمینه ها Using contexts

  • استفاده از زمینه ها Using contexts

  • استفاده از زمینه ها Using contexts

زمینه ها Contexts

زمینه ها Contexts

زمینه ها Contexts

زمینه ها Contexts

اجراها Performances

  • یادداشت، useMemo و useCallback memo, useMemo and useCallback

  • یادداشت، useMemo و useCallback memo, useMemo and useCallback

  • یادداشت، useMemo و useCallback memo, useMemo and useCallback

  • یادداشت، useMemo و useCallback memo, useMemo and useCallback

  • یادداشت، useMemo و useCallback memo, useMemo and useCallback

اجراها Performances

اجراها Performances

اجراها Performances

اجراها Performances

تصاوير متحرك Animations

  • معرفی انیمیشن ها Animations introductions

  • معرفی انیمیشن ها Animations introductions

  • معرفی انیمیشن ها Animations introductions

  • معرفی انیمیشن ها Animations introductions

  • معرفی انیمیشن ها Animations introductions

  • تلاش برای متحرک سازی با حالت ها Trying to animate with states

  • تلاش برای متحرک سازی با حالت ها Trying to animate with states

  • تلاش برای متحرک سازی با حالت ها Trying to animate with states

  • تلاش برای متحرک سازی با حالت ها Trying to animate with states

  • تلاش برای متحرک سازی با حالت ها Trying to animate with states

  • ساخت یک انیمیشن Creating an animation

  • ساخت یک انیمیشن Creating an animation

  • ساخت یک انیمیشن Creating an animation

  • ساخت یک انیمیشن Creating an animation

  • ساخت یک انیمیشن Creating an animation

  • تماس های متحرک Animations callbacks

  • تماس های متحرک Animations callbacks

  • تماس های متحرک Animations callbacks

  • تماس های متحرک Animations callbacks

  • تماس های متحرک Animations callbacks

  • استفاده از انگشتان: کنترل کننده اشاره Using your fingers : Gesture handler

  • استفاده از انگشتان: کنترل کننده اشاره Using your fingers : Gesture handler

  • استفاده از انگشتان: کنترل کننده اشاره Using your fingers : Gesture handler

  • استفاده از انگشتان: کنترل کننده اشاره Using your fingers : Gesture handler

  • استفاده از انگشتان: کنترل کننده اشاره Using your fingers : Gesture handler

  • اولین تمرین First exercice

  • اولین تمرین First exercice

  • اولین تمرین First exercice

  • اولین تمرین First exercice

  • اولین تمرین First exercice

  • درک درون یابی Understanding Interpolations

  • درک درون یابی Understanding Interpolations

  • درک درون یابی Understanding Interpolations

  • درک درون یابی Understanding Interpolations

  • درک درون یابی Understanding Interpolations

  • بستن Clamping

  • بستن Clamping

  • بستن Clamping

  • بستن Clamping

  • بستن Clamping

  • پروژه: لیست عالی Project : Awesome List

  • پروژه: لیست عالی Project : Awesome List

  • پروژه: لیست عالی Project : Awesome List

  • پروژه: لیست عالی Project : Awesome List

  • پروژه: لیست عالی Project : Awesome List

  • حل خرابی از ویدیوی بعدی Solving the crash from the next video

  • حل خرابی از ویدیوی بعدی Solving the crash from the next video

  • حل خرابی از ویدیوی بعدی Solving the crash from the next video

  • حل خرابی از ویدیوی بعدی Solving the crash from the next video

  • حل خرابی از ویدیوی بعدی Solving the crash from the next video

  • Awesome List: ایجاد یک لیست ساده Awesome List : Creating a simple list

  • Awesome List: ایجاد یک لیست ساده Awesome List : Creating a simple list

  • Awesome List: ایجاد یک لیست ساده Awesome List : Creating a simple list

  • Awesome List: ایجاد یک لیست ساده Awesome List : Creating a simple list

  • Awesome List: ایجاد یک لیست ساده Awesome List : Creating a simple list

  • حل خرابی Solving the crash

  • حل خرابی Solving the crash

  • حل خرابی Solving the crash

  • حل خرابی Solving the crash

  • حل خرابی Solving the crash

  • فهرست عالی: مقادیر درونیابی Awesome List : interpolation values

  • فهرست عالی: مقادیر درونیابی Awesome List : interpolation values

  • فهرست عالی: مقادیر درونیابی Awesome List : interpolation values

  • فهرست عالی: مقادیر درونیابی Awesome List : interpolation values

  • فهرست عالی: مقادیر درونیابی Awesome List : interpolation values

  • فهرست عالی: متحرک کردن لیست Awesome List : Animating the list

  • فهرست عالی: متحرک کردن لیست Awesome List : Animating the list

  • فهرست عالی: متحرک کردن لیست Awesome List : Animating the list

  • فهرست عالی: متحرک کردن لیست Awesome List : Animating the list

  • فهرست عالی: متحرک کردن لیست Awesome List : Animating the list

  • فهرست عالی: رفع فضای گمشده در پایین Awesome List : Fixing the missing space at the bottom

  • فهرست عالی: رفع فضای گمشده در پایین Awesome List : Fixing the missing space at the bottom

  • فهرست عالی: رفع فضای گمشده در پایین Awesome List : Fixing the missing space at the bottom

  • فهرست عالی: رفع فضای گمشده در پایین Awesome List : Fixing the missing space at the bottom

  • فهرست عالی: رفع فضای گمشده در پایین Awesome List : Fixing the missing space at the bottom

  • فهرست عالی: نمایش متون و پس زمینه Awesome List : Displaying texts and backdrop

  • فهرست عالی: نمایش متون و پس زمینه Awesome List : Displaying texts and backdrop

  • فهرست عالی: نمایش متون و پس زمینه Awesome List : Displaying texts and backdrop

  • فهرست عالی: نمایش متون و پس زمینه Awesome List : Displaying texts and backdrop

  • فهرست عالی: نمایش متون و پس زمینه Awesome List : Displaying texts and backdrop

  • فهرست عالی: متحرک کردن متون، و جلوه عکسبرداری Awesome List : Animating texts, and snaping effect

  • فهرست عالی: متحرک کردن متون، و جلوه عکسبرداری Awesome List : Animating texts, and snaping effect

  • فهرست عالی: متحرک کردن متون، و جلوه عکسبرداری Awesome List : Animating texts, and snaping effect

  • فهرست عالی: متحرک کردن متون، و جلوه عکسبرداری Awesome List : Animating texts, and snaping effect

  • فهرست عالی: متحرک کردن متون، و جلوه عکسبرداری Awesome List : Animating texts, and snaping effect

تصاوير متحرك Animations

تصاوير متحرك Animations

تصاوير متحرك Animations

تصاوير متحرك Animations

نمایش نظرات

Udemy (یودمی)

یودمی یکی از بزرگ‌ترین پلتفرم‌های آموزشی آنلاین است که به میلیون‌ها کاربر در سراسر جهان امکان دسترسی به دوره‌های متنوع و کاربردی را فراهم می‌کند. این پلتفرم امکان آموزش در زمینه‌های مختلف از فناوری اطلاعات و برنامه‌نویسی گرفته تا زبان‌های خارجی، مدیریت، و هنر را به کاربران ارائه می‌دهد. با استفاده از یودمی، کاربران می‌توانند به صورت انعطاف‌پذیر و بهینه، مهارت‌های جدیدی را یاد بگیرند و خود را برای بازار کار آماده کنند.

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

آموزش React Native: راهنمای مبتدی (نسخه 2024)
جزییات دوره
12 hours
112
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
515
4.7 از 5
دارد
دارد
دارد
Robin Lebhar
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Robin Lebhar Robin Lebhar

توسعه دهنده تمام پشته/معلم توسعه دهنده در CNAM پاریس