لطفا جهت پرداخت (ورود به درگاه بانک) فیلترشکن خود را خاموش نمایید.
لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش 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
یودمی یکی از بزرگترین پلتفرمهای آموزشی آنلاین است که به میلیونها کاربر در سراسر جهان امکان دسترسی به دورههای متنوع و کاربردی را فراهم میکند. این پلتفرم امکان آموزش در زمینههای مختلف از فناوری اطلاعات و برنامهنویسی گرفته تا زبانهای خارجی، مدیریت، و هنر را به کاربران ارائه میدهد. با استفاده از یودمی، کاربران میتوانند به صورت انعطافپذیر و بهینه، مهارتهای جدیدی را یاد بگیرند و خود را برای بازار کار آماده کنند.
یکی از ویژگیهای برجسته یودمی، کیفیت بالای دورهها و حضور استادان مجرب و با تجربه در هر حوزه است. این امر به کاربران اعتماد میدهد که در حال دریافت آموزش از منابع قابل اعتماد و معتبر هستند و میتوانند به بهترین شکل ممکن از آموزشها بهره ببرند. به طور خلاصه، یودمی به عنوان یکی از معتبرترین و موثرترین پلتفرمهای آموزشی آنلاین، به افراد امکان میدهد تا به راحتی و با کیفیت، مهارتهای مورد نیاز خود را ارتقا دهند و به دنبال رشد و پیشرفت شغلی خود باشند.
نمایش نظرات