آموزش React Native – آموزش ساخت اپلیکیشن اینستاگرام فارسی
در بخش اول دوره آموزش ساخت اپلیکیشن اینستاگرام با React به مباحث مقدماتی و پایهای که برای شروع دوره پروژه محور نیاز هست پرداختهایم و سعی کردهایم مفاهیم را با مثالها و کاربردهای آنها بیان کنیم.
مشاهده بخش اول آموزش React Native
توضیح دادیم که React Native چیست و چطور از آن برای ساخت اپلیکیشن های موبایل استفاده می شود.
در بخش دوم دوره آموزش ساخت اپلیکیشن اینستاگرام با React Native به مباحث پیشرفته تری پرداختیم و پروژه ایسنتاگرام فارسی را شروع کردیم.
مشاهده بخش دوم آموزش React Native
مشکلات نسخه جدید فریمورک را گفتیم و در نهایت آنچه که آماده شد را روی سیستم عامل مک و شبیه ساز آیفون تست کردیم.
در بخش سوم آموزش هم از عبارات باقاعده، لینیر گرادینت و لیستها برای طراحی بخشهای مختلف اپلیکیشن استفاده کردیم.
مشاهده بخش سوم آموزش React Native
کامپوننت اسلایدر را معرفی و تب پایین، صفحه اسپلش اسکرین و قالب پستها را طراحی کردیم.
در فصل چهارم صفحات مختلف اپلیکیشن مثل صفحه لایک، نظرات و چت را بهطور کامل طراحی و چند کامپوننت برای این کار معرفی کردیم.
مشاهده بخش چهارم آموزش React Native
ساخت قسمت استوری ها و اصولی کردن ساختار پروژه را انجام دادیم.
در فصل پنجم نحوه ساخت استوری و موارد مربوط به آن را کامل توضیح میدهیم.
طراحی صفحات توضیحات، فعالیتها و پروفایل بهطور کامل آموزش داده میشود.
نمونه پروژه انجام شده در این بخش:
آنچه در بخش پنجم آموزش React Native خواهید آموخت:
- قسمت اول: حل بعضی از مشکلات پروژه
- قسمت دوم: حذف تبهای پایین صفحه در بعضی از صفحات
- قسمت سوم: معرفی کامپوننت فلیت لیست راست به چپ
- قسمت چهارم: کنترل دیده شدن یا نشدن استوری ها
- قسمت پنجم: ساخت صفحه نمایش استوری
- قسمت ششم: استفاده از اسلایدر در نمایش استوری
- قسمت هفتم: ساخت اسلاید پیشرفته شخصی
- قسمت هشتم: کامل کردن صفحه نمایش استوری
- قسمت نهم: اضافه کردن مشخصات کاربر در نمایش استوری
- قسمت دهم: قسمت ارسال پیام در صفحه نمایش استوری
- قسمت یازدهم: کامل کردن صفحه نمایش استوری
- قسمت دوازدهم: ساخت قسمت بالای صفحه پروفایل
- قسمت سیزدهم: ساخت تبهای صفحه پروفایل
- قسمت چهاردهم: نمایش پستها به صورت گرید بندی در صفحه پروفایل
- قسمت پانزدهم: معرفی modal ها و کامپوننت های پیشرفته در این زمینه
- قسمت شانزدهم: نمایش پست به صورت مدال
- قسمت هفدهم: شروع ساخت صفحه تنظیمات
- قسمت هجدهم: ساخت صفحه تنظیمات
- قسمت نوزدهم: معرفی alert ها و ساخت یک alert فارسی پیشرفته
- قسمت بیستم: کامل کردن alert پیشرفته ساخته شده
- قسمت بیست و یکم: شروع ساخت صفحه ویرایش پروفایل
- قسمت بیست و دوم: ادامه ساخت صفحه ویرایش پروفایل
- قسمت بیست و سوم: کامل کردن صفحه ویرایش پروفایل
- قسمت بیست و چهارم: ساخت صفحه جستجو
- قسمت بیست و پنجم: کنترل فالو کردن و آنفالو کردن کاربران
- قسمت بیست و ششم: رفتن به صفحه پروفایل کاربران با کلیک بر روی عکس و نام آنها
- قسمت بیست و هفتم: تب بندی صفحه فعالیتها
- قسمت بیست و هشتم: کامل کردن تب بندی
- قسمت بیست و نهم: کامل کردن صفحه فعالیتها شما
- قسمت سیام: کامل کردن صفحه فعالیتهای دیگران
- قسمت سی و یکم: کنترل خروج کاربر از برنامه
- قسمت سی و دوم: معرفی استایل شیت توسعه یافته
- قسمت سی و سوم: تست پروژه بر روی سیستم عامل مک و شبیه ساز آیفون
شما می توانید هرگونه سوال یا پیشنهاد خود را از طریق دیدگاه های همین پست مطرح بفرمایید.
نوشته بخش پنجم آموزش React Native – آموزش ساخت اپلیکیشن اینستاگرام فارسی اولین بار در دانشجویار پدیدار شد.