آیا به دنبال تقویت مهارت های React Native خود در حین ایجاد یک برنامه کاربردی و آرامش بخش هستید؟ این دوره جدید از freeCodeCamp.org برای شما عالی است! شما یاد خواهید گرفت که چگونه با استفاده از Expo یک برنامه مدیتیشن بسازید، یک پلت فرم منبع باز برای ساخت برنامه های بومی جهانی برای Android، iOS و وب با جاوا اسکریپت و React. در طول دوره، از TypeScript، React، NativeWind و دیگر ابزارهای قدرتمند برای توسعه یک اپلیکیشن موبایل ساده و در عین حال کاربردی استفاده خواهید کرد که آرامش و تمرکز حواس را تقویت می کند.

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

در اینجا یک نگاه اجمالی از آنچه در این دوره خواهید آموخت:

معرفی

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

راه اندازی محیط توسعه محلی

بیاموزید که چگونه محیط توسعه محلی خود را راه اندازی کنید، از جمله نصب ابزارها و وابستگی های لازم برای شروع با Expo و React Native.

اضافه کردن دارایی های ثابت و تعریف فایل های ثابت

نحوه اضافه کردن دارایی های ثابت مانند تصاویر و نمادها به پروژه خود و تعریف فایل های ثابت برای سازماندهی و نگهداری بهتر را بدانید.

NativeWind را راه اندازی کنید

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

پیاده سازی صفحه اولیه

صفحه اولیه برنامه مدیتیشن خود را پیاده سازی کنید و زمینه را برای تجربه کاربری روان فراهم کنید.

تصویر صفحه نمایش اسپلش

برای افزایش جذابیت بصری برنامه خود در مرحله راه اندازی، یک تصویر صفحه نمایش جذاب ایجاد کنید.

کاربر روتر هوک

یاد بگیرید که از قلاب userRouter برای مدیریت پیمایش در برنامه خود استفاده کنید و از انتقال یکپارچه بین صفحات مختلف اطمینان حاصل کنید.

فهرست AppGradient Component و Tabs را اضافه کنید

رابط کاربری برنامه خود را با گفت ن یک مولفه گرادیان و سازماندهی فهرست برگه‌ها برای ساختار و پیمایش بهتر، تقویت کنید.

صفحه شاخص مدیتیشن

صفحه فهرست مدیتیشن را بسازید، جایی که کاربران می توانند جلسات مدیتیشن موجود را مرور کنند.

از FlatList در صفحه فهرست مدیتیشن استفاده کنید

FlatList را برای نمایش کارآمد فهرست ی از جلسات مدیتیشن پیاده سازی کنید و از تجربه پیمایش روان اطمینان حاصل کنید.

صفحه نمایش تأییدیه ها

یک صفحه نمایش تأییدیه ایجاد کنید، که به کاربران امکان می دهد جملات تاکیدی مختلف را کشف کنند.

صفحه نمایش جزئیات تاییدیه ها

برای ارائه اطلاعات و جزئیات بیشتر در مورد هر تأییدیه، صفحه جزئیات تأییدیه ها را توسعه دهید.

صفحه نمایش جزئیات مراقبه

صفحه نمایش جزئیات مدیتیشن را پیاده سازی کنید و به کاربران امکان دسترسی به جزئیات و گزینه های خاص جلسه مراقبه را بدهید.

مدیتیشن صوتی/آهنگ

صدا یا آهنگ های مدیتیشن را در برنامه خود بگنجانید و تجربه مدیتیشن کلی را برای کاربران افزایش دهید.

React Context و Modal Screen

نحوه استفاده از React Context را برای مدیریت حالت و ایجاد یک صفحه مدال برای عناصر تعاملی اضافی در برنامه خود بیاموزید.

در پایان این دوره، شما یک برنامه مدیتیشن کاملا کاربردی ساخته اید و در عین حال تجربه ارزشمندی را با Expo، React Native، TypeScript و سایر ابزارهای ضروری به دست خواهید آورد. چه مبتدی یا یک توسعه‌دهنده با تجربه باشید، این دوره چیزی برای همه ارائه می‌دهد و به شما کمک می‌کند مهارت‌های خود را افزایش دهید و برنامه‌های کاربردی موبایلی تاثیرگذار ایجاد کنید.

دوره کامل را در کانال YouTube freeCodeCamp.org (تماشای 2 ساعته) تماشا کنید.

خبرکاو