لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش React Native: توسعه اپلیکیشن موبایل (CLI) [2024]
React Native: Mobile App Development (CLI) [2024]
نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:
(همه سطوح) - ساخت برنامههای iOS و Android: Master Hooks، Redux Toolkit، Navigation، Authentication، Payment App Stores با نحوه استفاده از ReactJS برای ساخت برنامههای تلفن همراه React برای iOS و Android آشنا شوید. بدون نیاز به تجربه ReactJS. اصول اولیه و مفاهیم پیشرفته React Native را کاوش کنید! برنامه های تلفن همراه بین پلتفرمی (iOS و Android) را توسعه دهید و از آن برای رزومه خود استفاده کنید. مدیریت کارآمد حالت و مدیریت عوارض جانبی را با استفاده از React Hooks کاوش و اجرا کنید. قابلیت های ناوبری و مسیریابی را در برنامه های React Native پیاده سازی کنید. در اشکال زدایی، مدیریت داده ها با Redux Toolkit و احراز هویت کاربر مهارت کسب کنید. با استقرار برنامه های React Native در فروشگاه های برنامه آشنا شوید. ایجاد برنامه های کاربردی با سیستم های پرداخت پیش نیازها: جاوا اسکریپت یا هر تجربه برنامه نویسی اولیه دیگری ضروری است
با این دوره جامع، قدرت React Native را باز کنید و برنامههای چشمگیر iOS و Android بسازید. چه یک مبتدی یا یک توسعهدهنده با تجربه باشید، این دوره برای تجهیز شما به مهارتها و دانش مورد نیاز برای ایجاد برنامههای کاربردی تلفن همراه قوی با استفاده از React Native طراحی شده است.
در بخش "شروع به کار"، به اصول اولیه، کاوش در مفاهیم اصلی React Native، درک تفاوت بین React Native CLI و Expo، و تنظیم محیط توسعه محلی خود برای iOS و Android خواهید پرداخت. همچنین با ابزارهای مهمی مانند ویرایشگرهای کد، ESLint و Prettier آشنا خواهید شد.
هنگامی که پایه محکمی داشته باشید، به سراغ موارد ضروری React و React Native خواهید رفت. درباره مؤلفهها، شیوه نامهها، لوازم، مدیریت رویداد و نحوه ایجاد عناصر پایه رابط کاربری مانند دکمهها، ورودیهای متن و نمادها بیاموزید. در React Hooks غوطه ور شوید و درک کاملی از useState، useEffect، useRef، useContext، و ایجاد قلاب های سفارشی به دست آورید.
برای ایجاد رابطهای بصری جذاب و پاسخگو، این دوره تکنیکهای استایلسازی را با حاشیهها، حاشیهها، بالشتکها و فلکسباکس پوشش میدهد. همچنین موضوعات پیشرفتهای مانند اشکالزدایی، مدیریت دادهها با Redux Toolkit، احراز هویت کاربر، ساخت API با NodeJS و Express، ادغام سیستمهای پرداخت با استفاده از Stripe، و استقرار برنامههای کاربردی خود در فروشگاههای برنامه را بررسی خواهید کرد.
با تکالیف عملی و یک پروژه عملی، با به کارگیری دانش جدید خود، تجربه دنیای واقعی به دست خواهید آورد. چه به دنبال تقویت مهارتهای خود برای پیشرفت شغلی یا ایجاد برنامه تلفن همراه خود باشید، این دوره منبع نهایی برای تسلط بر React Native در سال 2023 است.
همین حالا ثبت نام کنید و به یادگیرندگانی بپیوندید که قبلاً مهارت های توسعه برنامه تلفن همراه خود را با این دوره جامع React Native تغییر داده اند. قدم بعدی را در سفر برنامه نویسی خود بردارید و امروز پتانسیل React Native را آزاد کنید.
سرفصل ها و درس ها
شروع شدن
Getting Started
شروع شدن
Getting Started
شروع شدن
Getting Started
به این دوره و انتظارات خوش آمدید
Welcome to This Course & What to Expect
به این دوره و انتظارات خوش آمدید
Welcome to This Course & What to Expect
به این دوره و انتظارات خوش آمدید
Welcome to This Course & What to Expect
React Native چیست؟
What is React Native?
React Native چیست؟
What is React Native?
React Native چیست؟
What is React Native?
آزمون - React Native چیست؟
Quiz - What is React Native?
آزمون - React Native چیست؟
Quiz - What is React Native?
آزمون - React Native چیست؟
Quiz - What is React Native?
React Native CLI در مقابل اکسپو
React Native CLI vs Expo
React Native CLI در مقابل اکسپو
React Native CLI vs Expo
React Native CLI در مقابل اکسپو
React Native CLI vs Expo
React Native CLI vs Expo Quiz
React Native CLI vs Expo Quiz
React Native CLI vs Expo Quiz
React Native CLI vs Expo Quiz
React Native CLI vs Expo Quiz
React Native CLI vs Expo Quiz
منابع برای هر سخنرانی
Resources for Every Lecture
منابع برای هر سخنرانی
Resources for Every Lecture
منابع برای هر سخنرانی
Resources for Every Lecture
شروع به کار در macOS
Getting Started on macOS
شروع به کار در macOS
Getting Started on macOS
شروع به کار در macOS
Getting Started on macOS
(macOS) نحوه راهاندازی محیط توسعه محلی برای iOS React Native Apps
(macOS) How to Setup Local Development Environment for iOS React Native Apps
(macOS) نحوه راهاندازی محیط توسعه محلی برای iOS React Native Apps
(macOS) How to Setup Local Development Environment for iOS React Native Apps
(macOS) نحوه راهاندازی محیط توسعه محلی برای iOS React Native Apps
(macOS) How to Setup Local Development Environment for iOS React Native Apps
(macOS) نحوه راهاندازی محیط توسعه محلی برای برنامههای Android React Native
(macOS) How to Setup Local Development Environment for Android React Native Apps
(macOS) نحوه راهاندازی محیط توسعه محلی برای برنامههای Android React Native
(macOS) How to Setup Local Development Environment for Android React Native Apps
(macOS) نحوه راهاندازی محیط توسعه محلی برای برنامههای Android React Native
(macOS) How to Setup Local Development Environment for Android React Native Apps
نحوه بازنشانی کش در macOS برای هر پروژه
How to Reset Caches on macOS for any Project
نحوه بازنشانی کش در macOS برای هر پروژه
How to Reset Caches on macOS for any Project
نحوه بازنشانی کش در macOS برای هر پروژه
How to Reset Caches on macOS for any Project
شروع به کار در ویندوز
Getting Started on Windows
شروع به کار در ویندوز
Getting Started on Windows
شروع به کار در ویندوز
Getting Started on Windows
(ویندوز) نحوه تنظیم محیط توسعه محلی برای اندروید
(Windows) How to Setup Local Development Environment for Android
(ویندوز) نحوه تنظیم محیط توسعه محلی برای اندروید
(Windows) How to Setup Local Development Environment for Android
(ویندوز) نحوه تنظیم محیط توسعه محلی برای اندروید
(Windows) How to Setup Local Development Environment for Android
مهم - لطفا تا آخر ببینید
Important - Please watch till the end
مهم - لطفا تا آخر ببینید
Important - Please watch till the end
مهم - لطفا تا آخر ببینید
Important - Please watch till the end
اسناد مهم برای ویندوز
IMPORTANT DOCUMENTATION FOR WINDOWS
اسناد مهم برای ویندوز
IMPORTANT DOCUMENTATION FOR WINDOWS
اسناد مهم برای ویندوز
IMPORTANT DOCUMENTATION FOR WINDOWS
انتقال پروژه React Native خود از ویندوز به macOS برای iOS
Transitioning Your React Native Project from Windows to macOS for iOS
انتقال پروژه React Native خود از ویندوز به macOS برای iOS
Transitioning Your React Native Project from Windows to macOS for iOS
انتقال پروژه React Native خود از ویندوز به macOS برای iOS
Transitioning Your React Native Project from Windows to macOS for iOS
نحوه بازنشانی کش در ویندوز برای هر پروژه
How to Reset Caches on Windows for any Project
نحوه بازنشانی کش در ویندوز برای هر پروژه
How to Reset Caches on Windows for any Project
نحوه بازنشانی کش در ویندوز برای هر پروژه
How to Reset Caches on Windows for any Project
ایجاد اولین برنامه
Creating the First App
ایجاد اولین برنامه
Creating the First App
ایجاد اولین برنامه
Creating the First App
ویرایشگر کد، ESLint و زیباتر چیست؟ (اختیاری)
What is a Code Editor, ESLint & Prettier? (Optional)
ویرایشگر کد، ESLint و زیباتر چیست؟ (اختیاری)
What is a Code Editor, ESLint & Prettier? (Optional)
ویرایشگر کد، ESLint و زیباتر چیست؟ (اختیاری)
What is a Code Editor, ESLint & Prettier? (Optional)
راه اندازی ناوبری، سبک ها و صفحه اصلی
Setting Up Navigation, Styles & Home Page
راه اندازی ناوبری، سبک ها و صفحه اصلی
Setting Up Navigation, Styles & Home Page
راه اندازی ناوبری، سبک ها و صفحه اصلی
Setting Up Navigation, Styles & Home Page
بحث طرح معماری برنامه اهدایی
Donation App Architectural Plan Discussion
بحث طرح معماری برنامه اهدایی
Donation App Architectural Plan Discussion
بحث طرح معماری برنامه اهدایی
Donation App Architectural Plan Discussion
ایجاد کامپوننت هدر
Creating Header Component
ایجاد کامپوننت هدر
Creating Header Component
ایجاد کامپوننت هدر
Creating Header Component
ایجاد کامپوننت دکمه
Creating Button Component
ایجاد کامپوننت دکمه
Creating Button Component
ایجاد کامپوننت دکمه
Creating Button Component
ایجاد کامپوننت Tab با استفاده از useRef
Creating Tab Component using useRef
ایجاد کامپوننت Tab با استفاده از useRef
Creating Tab Component using useRef
ایجاد کامپوننت Tab با استفاده از useRef
Creating Tab Component using useRef
ایجاد مؤلفه نشان با استفاده از useRef
Creating Badge Component using useRef
ایجاد مؤلفه نشان با استفاده از useRef
Creating Badge Component using useRef
ایجاد مؤلفه نشان با استفاده از useRef
Creating Badge Component using useRef
نصب Font Awesome Icons
Installing Font Awesome Icons
نصب Font Awesome Icons
Installing Font Awesome Icons
نصب Font Awesome Icons
Installing Font Awesome Icons
ایجاد کامپوننت ورودی جستجو
Creating Search Input Component
ایجاد کامپوننت ورودی جستجو
Creating Search Input Component
ایجاد کامپوننت ورودی جستجو
Creating Search Input Component
منابع برای جزء اقلام اهدایی واحد
Resources for Single Donation Item Component
منابع برای جزء اقلام اهدایی واحد
Resources for Single Donation Item Component
منابع برای جزء اقلام اهدایی واحد
Resources for Single Donation Item Component
ایجاد یک جزء اقلام اهدایی واحد
Creating a Single Donation Item Component
ایجاد یک جزء اقلام اهدایی واحد
Creating a Single Donation Item Component
ایجاد یک جزء اقلام اهدایی واحد
Creating a Single Donation Item Component
شکل دادن به یک جزء اقلام اهدایی
Styling a Single Donation Item Component
شکل دادن به یک جزء اقلام اهدایی
Styling a Single Donation Item Component
شکل دادن به یک جزء اقلام اهدایی
Styling a Single Donation Item Component
خلاصه
Summary
خلاصه
Summary
خلاصه
Summary
مدیریت داده ها با Redux Toolkit
Data Management with Redux Toolkit
مدیریت داده ها با Redux Toolkit
Data Management with Redux Toolkit
مدیریت داده ها با Redux Toolkit
Data Management with Redux Toolkit
معرفی
Introduction
معرفی
Introduction
معرفی
Introduction
Redux vs Redux Toolkit
Redux vs Redux Toolkit
Redux vs Redux Toolkit
Redux vs Redux Toolkit
Redux vs Redux Toolkit
Redux vs Redux Toolkit
Redux vs Redux Toolkit Quiz
Redux vs Redux Toolkit Quiz
Redux vs Redux Toolkit Quiz
Redux vs Redux Toolkit Quiz
Redux vs Redux Toolkit Quiz
Redux vs Redux Toolkit Quiz
نصب Redux JS Toolkit
Installing Redux JS Toolkit
نصب Redux JS Toolkit
Installing Redux JS Toolkit
نصب Redux JS Toolkit
Installing Redux JS Toolkit
Slice چیست و چگونه می توان آن را ایجاد کرد؟
What is a Slice & How to Create One?
Slice چیست و چگونه می توان آن را ایجاد کرد؟
What is a Slice & How to Create One?
Slice چیست و چگونه می توان آن را ایجاد کرد؟
What is a Slice & How to Create One?
Redux Toolkit Quiz Slice
Redux Toolkit Slice Quiz
Redux Toolkit Quiz Slice
Redux Toolkit Slice Quiz
Redux Toolkit Quiz Slice
Redux Toolkit Slice Quiz
kombinReducers چیست؟
What is combineReducers?
kombinReducers چیست؟
What is combineReducers?
kombinReducers چیست؟
What is combineReducers?
مسابقه کاهش دهنده های ترکیبی
Combined Reducers Quiz
مسابقه کاهش دهنده های ترکیبی
Combined Reducers Quiz
مسابقه کاهش دهنده های ترکیبی
Combined Reducers Quiz
پیکربندی فروشگاه
Configuring Store
پیکربندی فروشگاه
Configuring Store
پیکربندی فروشگاه
Configuring Store
پیکربندی آزمون فروشگاه
Configuring Store Quiz
پیکربندی آزمون فروشگاه
Configuring Store Quiz
پیکربندی آزمون فروشگاه
Configuring Store Quiz
اقدامات در Redux Toolkit
Actions in Redux Toolkit
اقدامات در Redux Toolkit
Actions in Redux Toolkit
اقدامات در Redux Toolkit
Actions in Redux Toolkit
آزمون اقدامات
Actions Quiz
آزمون اقدامات
Actions Quiz
آزمون اقدامات
Actions Quiz
Redux Logger
Redux Logger
Redux Logger
Redux Logger
Redux Logger
Redux Logger
فروشگاه ماندگار
Persisting Store
فروشگاه ماندگار
Persisting Store
فروشگاه ماندگار
Persisting Store
آزمون فروشگاه مداوم
Persisting Store Quiz
آزمون فروشگاه مداوم
Persisting Store Quiz
آزمون فروشگاه مداوم
Persisting Store Quiz
منابع برای مؤلفه سرصفحه خانه
Resources for Home Header Component
منابع برای مؤلفه سرصفحه خانه
Resources for Home Header Component
منابع برای مؤلفه سرصفحه خانه
Resources for Home Header Component
استفاده از User Reducer برای ساخت هدر خانه
Using User Reducer for Building Home Header
استفاده از User Reducer برای ساخت هدر خانه
Using User Reducer for Building Home Header
استفاده از User Reducer برای ساخت هدر خانه
Using User Reducer for Building Home Header
فهرست دستهها برای کپی کردن برای ویدیوی بعدی
Categories List to Copy for Next Video
فهرست دستهها برای کپی کردن برای ویدیوی بعدی
Categories List to Copy for Next Video
فهرست دستهها برای کپی کردن برای ویدیوی بعدی
Categories List to Copy for Next Video
کاهش دهنده جدید برای دسته ها
New Reducer for Categories
کاهش دهنده جدید برای دسته ها
New Reducer for Categories
کاهش دهنده جدید برای دسته ها
New Reducer for Categories
استفاده از انتخابگر برای ایجاد فهرست مسطح دسته ها
useSelector for Creating Categories Flatlist
استفاده از انتخابگر برای ایجاد فهرست مسطح دسته ها
useSelector for Creating Categories Flatlist
استفاده از انتخابگر برای ایجاد فهرست مسطح دسته ها
useSelector for Creating Categories Flatlist
useSelector Quiz
useSelector Quiz
useSelector Quiz
useSelector Quiz
useSelector Quiz
useSelector Quiz
صفحه بندی از طریق فهرست طبقه بندی ها
Paginating through Categories Flatlist
صفحه بندی از طریق فهرست طبقه بندی ها
Paginating through Categories Flatlist
صفحه بندی از طریق فهرست طبقه بندی ها
Paginating through Categories Flatlist
منابع برای اقلام اهدایی
Resources for Donation Items
منابع برای اقلام اهدایی
Resources for Donation Items
منابع برای اقلام اهدایی
Resources for Donation Items
کاهش دهنده اقلام اهدایی، پاکسازی فروشگاه مداوم و به روز رسانی از کاهش دهنده ها
Donation Items Reducer, Purging Persisted Store & Updating from Reducers
کاهش دهنده اقلام اهدایی، پاکسازی فروشگاه مداوم و به روز رسانی از کاهش دهنده ها
Donation Items Reducer, Purging Persisted Store & Updating from Reducers
کاهش دهنده اقلام اهدایی، پاکسازی فروشگاه مداوم و به روز رسانی از کاهش دهنده ها
Donation Items Reducer, Purging Persisted Store & Updating from Reducers
فیلتر کردن اقلام اهدایی بر اساس دسته انتخابی
Filtering Donation Items According to Selected Category
فیلتر کردن اقلام اهدایی بر اساس دسته انتخابی
Filtering Donation Items According to Selected Category
فیلتر کردن اقلام اهدایی بر اساس دسته انتخابی
Filtering Donation Items According to Selected Category
نمایش موارد فیلتر شده در صفحه اصلی
Displaying Filtered Items on the Home Screen
نمایش موارد فیلتر شده در صفحه اصلی
Displaying Filtered Items on the Home Screen
نمایش موارد فیلتر شده در صفحه اصلی
Displaying Filtered Items on the Home Screen
نمایش اقلام اهدایی به عنوان یک شبکه
Displaying Donation Items as a Grid
نمایش اقلام اهدایی به عنوان یک شبکه
Displaying Donation Items as a Grid
نمایش اقلام اهدایی به عنوان یک شبکه
Displaying Donation Items as a Grid
استفاده از کاهش دهنده کمک های مالی برای راه اندازی صفحه اهدای واحد
Using Donations Reducer to Setup Single Donation Screen
استفاده از کاهش دهنده کمک های مالی برای راه اندازی صفحه اهدای واحد
Using Donations Reducer to Setup Single Donation Screen
استفاده از کاهش دهنده کمک های مالی برای راه اندازی صفحه اهدای واحد
Using Donations Reducer to Setup Single Donation Screen
عملکرد بازگشت به عقب را از Navigation کاوش کنید
Explore Go Back Function from Navigation
عملکرد بازگشت به عقب را از Navigation کاوش کنید
Explore Go Back Function from Navigation
عملکرد بازگشت به عقب را از Navigation کاوش کنید
Explore Go Back Function from Navigation
پارامترهای مسیر و صفحه آیتم اهدای واحد
Route Params & Single Donation Item Screen
پارامترهای مسیر و صفحه آیتم اهدای واحد
Route Params & Single Donation Item Screen
پارامترهای مسیر و صفحه آیتم اهدای واحد
Route Params & Single Donation Item Screen
خلاصه
Summary
خلاصه
Summary
خلاصه
Summary
احراز هویت کاربر
User Authentication
احراز هویت کاربر
User Authentication
احراز هویت کاربر
User Authentication
معرفی
Introduction
معرفی
Introduction
معرفی
Introduction
جزء ورودی برای صفحه های ورود و ثبت نام
Input Component for Log In & Registration Screens
جزء ورودی برای صفحه های ورود و ثبت نام
Input Component for Log In & Registration Screens
جزء ورودی برای صفحه های ورود و ثبت نام
Input Component for Log In & Registration Screens
ورود به سیستم ایجاد صفحه
Log In Screen Creation
ورود به سیستم ایجاد صفحه
Log In Screen Creation
ورود به سیستم ایجاد صفحه
Log In Screen Creation
صفحه ثبت نام
Registration Screen
صفحه ثبت نام
Registration Screen
صفحه ثبت نام
Registration Screen
Firebase چیست؟
What is Firebase
Firebase چیست؟
What is Firebase
Firebase چیست؟
What is Firebase
مسابقه Firebase
Firebase Quiz
مسابقه Firebase
Firebase Quiz
مسابقه Firebase
Firebase Quiz
احراز هویت چگونه کار می کند؟
How Does Authentication Work ?
احراز هویت چگونه کار می کند؟
How Does Authentication Work ?
احراز هویت چگونه کار می کند؟
How Does Authentication Work ?
آزمون فرآیند احراز هویت
Authentication Process Quiz
آزمون فرآیند احراز هویت
Authentication Process Quiz
آزمون فرآیند احراز هویت
Authentication Process Quiz
منابع کد در ویدیوهای آینده
Code Resources in the Upcoming Videos
منابع کد در ویدیوهای آینده
Code Resources in the Upcoming Videos
منابع کد در ویدیوهای آینده
Code Resources in the Upcoming Videos
نمایش نظرات