آموزش React Native – آموزش ساخت اپلیکیشن اینستاگرام فارسی
در بخش اول دوره آموزش ساخت اپلیکیشن اینستاگرام با React به مباحث مقدماتی و پایه‌ای که برای شروع دوره پروژه محور نیاز هست پرداخته‌ایم و سعی کرده‌ایم مفاهیم را با مثال‌ها و کاربردهای آن‌ها بیان کنیم.
مشاهده بخش اول آموزش React Native
توضیح دادیم که React Native چیست و چطور از آن برای ساخت اپلیکیشن های موبایل استفاده می شود.
در بخش دوم دوره آموزش ساخت اپلیکیشن اینستاگرام با React Native به مباحث پیشرفته تری پرداختیم و پروژه ایسنتاگرام فارسی را شروع کردیم.
مشاهده بخش دوم آموزش React Native
مشکلات نسخه جدید فریمورک را گفتیم و در نهایت آنچه که آماده شد را روی سیستم عامل مک و شبیه ساز آیفون تست کردیم.
در بخش سوم آموزش هم از عبارات باقاعده، لینیر گرادینت و لیست‌ها برای طراحی بخش‌های مختلف اپلیکیشن استفاده کردیم.
مشاهده بخش سوم آموزش React Native
کامپوننت اسلایدر را معرفی و تب پایین، صفحه اسپلش اسکرین و قالب پست‌ها را طراحی کردیم.
در فصل چهارم صفحات مختلف اپلیکیشن مثل صفحه لایک، نظرات و چت را به‌طور کامل طراحی و چند کامپوننت برای این کار معرفی کردیم.
مشاهده بخش چهارم آموزش React Native
ساخت قسمت استوری ها و اصولی کردن ساختار پروژه را انجام دادیم.
در فصل پنجم نحوه ساخت استوری و موارد مربوط به آن را کامل توضیح دادیم.
مشاهده بخش پنجم آموزش React Native
طراحی صفحات توضیحات، فعالیت‌ها و پروفایل به‌طور کامل آموزش داده شد.
در بخش ششم به معرفی Lumen و نحوه استفاده از آن،معرفی مفهوم apiها و پرداختیم.
مشاهده بخش ششم آموزش React Native
استفاده از آن‌ها برای طراحی بخش‌های مختلف و کامل کردن پایگاه داده برنامه را آموزش می دادیم.
در بخش هفتم خروجی APIها، صفحه ورود و ثبت‌نام و پروفایل و بسیاری موارد دیگر کامل کردیم.
مشاهده بخش هفتم آموزش React Native
دیباگ کردن پروژه و اتصال تستی پروژه به سرور را هم انجام دادیم.
در بخش پایانی آموزش React Native تمام مواردی که نیاز به تکمیل دارد مثل فالو یا آنفالو کردن کاربران،
صفحات اسپلش اسکرین و پروفایل و آپلود عکس برای پست و… را انجام خواهیم داد.
چند کامپوننت مهم را هم معرفی خواهیم کرد.
آنچه در بخش هشتم و پایانی آموزش ساخت اپلیکیشن اینستاگرام فارسی خواهید آموخت:
- قسمت اول: اتصال صفحه ویرایش پروفایل به سرور
- قسمت دوم: کامل کردن صفحه اسپلش اسکرین
- قسمت سوم: کنترل قسمت فالو و آنفالور کردن کاربران
- قسمت چهارم: ارتباط با سرور و گرفتن پست‌ها و نمایش آن‌ها
- قسمت پنجم: کنترل لایک بودن یا نبودن پست توسط کاربر
- قسمت ششم: ارتباط با سرور قسمت نمایش لایک های هر پست
- قسمت هفتم: ارتباط با سرور صفحه نظرات پست‌ها
- قسمت هشتم: معرفی کامپوننت انتخاب عکس از گوشی و دوربین
- قسمت نهم: نوشتن API مربوط به آپلود عکس
- قسمت دهم: انتخاب عکس و آپلود عکس
- قسمت یازدهم: انتخاب عکس پروفایل و آپلود عکس
- قسمت دوازدهم: ادامه قسمت آپلود عکس پروفایل
- قسمت سیزدهم: تکمیل قسمت عکس پروفایل
- قسمت چهاردهم: ساخت صفحه اضافه کردن پست و اضافه کردن پست‌ها
- قسمت پانزدهم:ادامه ساخت صفحه اضافه کردن پست
- قسمت شانزدهم: معرفی چند کامپوننت مهم
- قسمت هفدهم: رفرش کردن برنامه با کشیدن صفحه به سمت پایین (Swipe Refresh)
شما می توانید هرگونه سوال یا پیشنهاد خود را از طریق دیدگاه های همین پست مطرح بفرمایید.
نوشته بخش پایانی آموزش React Native – آموزش ساخت اپلیکیشن اینستاگرام فارسی اولین بار در دانشجویار پدیدار شد.
