آموزش مقدماتی React Native حضوری 2024

آموزش مقدماتی React Native دوره حضوری 2024

آموزش مقدماتی React Native به شما کمک می‌کند تا به‌صورت کامل با فریمورک React Native آشنا شوید و بتوانید اپلیکیشن‌های موبایل برای هر دو پلتفرم iOS و اندروید ایجاد کنید. با تمرکز بر پروژه‌های عملی و تمرینات هدفمند، شما قادر خواهید بود تا اولین اپلیکیشن موبایل خود را با استفاده از React Native پیاده‌سازی کنید.

دانشگاه متاورس تمامی دوره‌های آموزشی در حوزه علوم کامپیوتری را ارائه می‌دهد. برای مشاهده این دوره‌ها بر روی لینک کلیک کنید.

ویژگی‌های دوره آموزش مقدماتی React Native:

• آموزش جامع ساخت اپلیکیشن‌های موبایل برای اندروید و iOS با استفاده از React Native
• مناسب برای توسعه‌ دهندگانی که قصد دارند با استفاده از یک فریمورک واحد (React Native)، اپلیکیشن‌های موبایل بومی برای هر دو پلتفرم ایجاد کنند
• آموزش اصول پایه React Native، کامپوننت‌ها، ناوبری، مدیریت State و تعامل با API‌ها
• پروژه‌محور با تمرکز بر پیاده‌سازی اپلیکیشن‌های موبایل ساده و آشنایی با ابزارهای توسعه موبایل

پیش‌نیازها:

• آشنایی کامل با React.js و JavaScript ES6
• تجربه برنامه‌ نویسی با JavaScript و استفاده از کامپوننت‌های تابعی در React.js

برنامه‌ریزی زمانی دوره:

• مدت زمان آموزش: ۴ هفته، هر هفته ۳ روز (هر جلسه ۲ ساعت)
• کل ساعت آموزش: ۲۴ ساعت
• هزینه هر ساعت: ۲۰۰,۰۰۰ تومان
• هزینه کل دوره: ۴,۸۰۰,۰۰۰ تومان

سرفصل‌های دوره آموزش مقدماتی React Native:

در ادامه سرفصل‌های این دوره را به طور جامع معرفی می‌کنیم. همراه ما باشید:

اولین هفته: شروع کار با React Native و تنظیمات محیط توسعه

• جلسه اول (2 ساعت):
  • معرفی React Native و تفاوت آن با توسعه بومی (Native Development)
  • نصب و راه‌ اندازی محیط توسعه React Native (Expo و React Native CLI)
  • پروژه عملی: ساخت اولین پروژه React Native و راه‌اندازی اپلیکیشن ساده
• جلسه دوم (2 ساعت):
  • معرفی ساختار اپلیکیشن‌های React Native و بررسی تفاوت‌های آن با React.js
  • آشنایی با کامپوننت‌های اصلی React Native مانند View, Text, Image, ScrollView
  • پروژه عملی: ایجاد رابط کاربری ساده با استفاده از کامپوننت‌های پایه React Native
• جلسه سوم (2 ساعت):
  • آشنایی با Flexbox برای چیدمان عناصر در React Native
  • کار با استایل‌ها و مدیریت ریسپانسیو در اپلیکیشن‌های موبایل
  • پروژه عملی: طراحی و پیاده‌سازی یک صفحه ورودی با استفاده از Flexbox و استایل‌های ریسپانسیو

دومین هفته: ناوبری و مدیریت State در React Native

• جلسه چهارم (2 ساعت):
  • معرفی React Navigation و نحوه استفاده از آن برای مدیریت صفحات اپلیکیشن
  • پیاده‌سازی ناوبری بین صفحات و مدیریت پارامترهای مسیریابی
  • پروژه عملی: پیاده‌سازی یک سیستم ناوبری ساده با چندین صفحه و ارسال پارامترها بین آن‌ها
• جلسه پنجم (2 ساعت):
  • معرفی State و Props در React Native و نحوه مدیریت داده‌ها
  • استفاده از useState و useEffect برای مدیریت State در اپلیکیشن‌های موبایل
  • پروژه عملی: پیاده‌سازی یک سیستم مدیریت وظایف (Todo List) با مدیریت State
• جلسه ششم (2 ساعت):
  • استفاده از Context API برای مدیریت State سراسری در اپلیکیشن‌های React Native
  • پروژه عملی: پیاده‌سازی یک سیستم مدیریت ورود کاربر با استفاده از Context API

سومین هفته آموزش مقدماتی React Native : تعامل با API‌ها و مدیریت داده‌ها

• جلسه هفتم (2 ساعت):
  • معرفی fetch API برای دریافت و ارسال داده‌ها به سرور در React Native
  • مدیریت درخواست‌های غیر هم‌زمان (Asynchronous) و دریافت داده‌های بلادرنگ
  • پروژه عملی: پیاده‌سازی یک اپلیکیشن برای نمایش داده‌های کاربران با استفاده از API
• جلسه هشتم (2 ساعت):
  • کار با AsyncStorage برای ذخیره‌سازی داده‌های محلی (Local Storage) در اپلیکیشن‌های موبایل
  • استفاده از AsyncStorage برای ذخیره و بازیابی داده‌های کاربر
  • پروژه عملی: پیاده‌سازی یک سیستم مدیریت وظایف با ذخیره‌سازی محلی داده‌ها
• جلسه نهم (2 ساعت):
  • معرفی Axios و تفاوت آن با fetch API
  • استفاده از Axios برای مدیریت بهتر درخواست‌ها و پاسخ‌های API
  • پروژه عملی: بازنویسی اپلیکیشن دریافت داده‌ها با استفاده از Axios

چهارمین هفته: مدیریت انیمیشن‌ها و پروژه نهایی

• جلسه دهم (2 ساعت):
  • معرفی انیمیشن‌ها در React Native و استفاده از Animated API
  • پیاده‌سازی انیمیشن‌های ساده برای افزایش تعامل کاربری
  • پروژه عملی: پیاده‌سازی انیمیشن در صفحه ورودی اپلیکیشن
• جلسه یازدهم (2 ساعت):
  • کار با Gesture Handler و نحوه مدیریت لمس‌ها و تعاملات در اپلیکیشن‌های موبایل
  • پیاده‌سازی تعاملات لمسی پیچیده با استفاده از PanResponder
  • پروژه عملی: پیاده‌سازی سیستم کشیدن و رها کردن (Drag and Drop) در اپلیکیشن
• جلسه دوازدهم (2 ساعت):
  • کار بر روی پروژه نهایی: پیاده‌سازی یک اپلیکیشن موبایل کامل با استفاده از مفاهیم آموخته‌شده
  • پروژه عملی: طراحی و پیاده‌سازی اپلیکیشن مدیریت وظایف با قابلیت ذخیره‌سازی داده‌ها و مدیریت وظایف

ویژگی‌های جدید ۲۰۲۴:

• استفاده از React Native ۰.۷۲: بهره‌گیری از ویژگی‌های جدید React Native و بهبودهای عملکردی در نسخه ۰.۷۲
• یکپارچگی با Expo ۴.۰: استفاده از ابزارهای جدید Expo برای افزایش سرعت توسعه و تست اپلیکیشن‌ها
• پشتیبانی از جدیدترین ویژگی‌های موبایل: استفاده از قابلیت‌های جدید اندروید و iOS برای بهبود عملکرد و تعاملات کاربری