توسعه اپلیکیشن موبایل با ری‌اکت نیتیو CS50M | دانشگاه هاروارد CS50

«با توسعهٔ اپلیکیشن موبایل با React Native آشنا شوید؛ یک فریمورک محبوب که توسط فیسبوک توسعه و پشتیبانی می‌شود و امکان ساخت اپ‌های نیتیو و کراس-پلتفرم را با استفاده از جاوااسکریپت، بدون نیاز به جاوا یا سوئیفت، فراهم می‌کند.»

این دوره ادامه‌ی راه CS50W است و از جایی که آن دوره به پایان می‌رسد، آغاز می‌شود؛ بدین‌ترتیب که از حوزهٔ توسعهٔ وب، به حوزهٔ توسعهٔ اپلیکیشن موبایل با React Native گذر می‌کند.

در این دوره، با جاوااسکریپت مدرن (شامل ES6 و ES7) و همچنین JSX که یک افزونهٔ (Extension) جاوااسکریپت است، آشنا می‌شوید. با React و پارادایم‌های (الگوهای) آن، معماری اپلیکیشن و واسط‌های کاربری (User Interfaces) می شوید و در نهایت، قادر خواهید بود اپلیکیشنی را کاملاً مطابق با طراحی شخصی خود پیاده‌سازی خواهید کرد.

مدت زمان مورد نیاز برای گذراندن کامل این دوره، ۱۳ هفته است که در هر هفته به طور میانگین ۶ تا ۹ ساعت وقت برای مطالعه و تمرین نیاز دارد.

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

• جاوااسکریپت (JavaScript): مبانی و مفاهیم پایه‌ای زبان جاوااسکریپت به‌عنوان هستهٔ اصلی توسعهٔ اپلیکیشن.

• نسخهٔ ES6 (و ES7): ویژگی‌های مدرن جاوااسکریپت مانند توابع پیکانی، کلاس‌ها، قالب‌های متنی، عملگر گسترش، و تخریب‌سازی (Destructuring).• React و JSX: آشنایی با کتابخانهٔ React و پسوند نحوی JSX که امکان نوشتن کد شبیه به HTML را در داخل جاوااسکریپت فراهم می‌کند.

• کامپوننت‌ها، Props، State و Style: مفاهیم بنیادین در React: کامپوننت‌ها (قطعات سازندهٔ UI)، Props (ورودی‌های فقط‌خواندنی)، State (حالت داخلی کامپوننت)، و نحوهٔ اعمال استایل‌دهی.

• کامپوننت‌ها، نماها (Views) و ورودی کاربر (User Input): کار با کامپوننت‌های اصلی React Native برای نمایش محتوا، مدیریت نمایشگر، و دریافت ورودی از کاربر (مانند دکمه‌ها، فیلدهای متنی و ...).

• دیباگ کردن (Debugging): تکنیک‌ها و ابزارهای شناسایی و رفع خطا در برنامه، از جمله استفاده از React Native Debugger و کنسول مرورگر.

• داده (Data): مدیریت داده در اپلیکیشن، از جمله دریافت داده از سرور (API)، ذخیره‌سازی محلی (Local Storage)، و مدیریت وضعیت داده.

• ناوبری (Navigation): پیاده‌سازی حرکت بین صفحات و اکران‌های مختلف اپلیکیشن با استفاده از کتابخانه‌هایی مثل React Navigation.

• کامپوننت‌های اکسپو (Expo Components): استفاده از کامپوننت‌ها و ابزارهای آماده در فریمورک Expo برای دسترسی به قابلیت‌های دستگاه (دوربین، موقعیت مکانی، فایل‌ها و ...).

• ریداکس (Redux): مدیریت پیش‌بینی‌پذیر وضعیت (State) کل اپلیکیشن با استفاده از کتابخانهٔ Redux؛ مناسب برای اپلیکیشن‌های بزرگ و پیچیده.

• بهبود عملکرد (Performance): تکنیک‌های بهینه‌سازی سرعت، کاهش مصرف حافظه و افزایش روانی اجرای اپلیکیشن.

• انتشار (Shipping) و آزمایش (Testing): آماده‌سازی اپلیکیشن برای انتشار در فروشگاه‌های اپلیکیشن (App Store/Google Play) و نوشتن آزمون‌های نرم‌افزاری برای اطمینان از صحت عملکرد.