آموزش React Native – آموزش ساخت اپلیکیشن اینستاگرام فارسی

در بخش اول دوره آموزش ساخت اپلیکیشن اینستاگرام با React به مباحث مقدماتی و پایه‌ای که برای شروع دوره پروژه محور نیاز هست پرداخته‌ایم و سعی کرده‌ایم مفاهیم را با مثال‌ها و کاربردهای آن‌ها بیان کنیم.

مشاهده بخش اول آموزش React Native

توضیح دادیم که React Native چیست و چطور از آن برای ساخت اپلیکیشن های موبایل استفاده می شود.

همانطور که گفتیم برنامه محبوب اینستاگرام با فریم ورک React Native نوشته شده است. پس ما اگر با این فریم ورک برنامه‌ای شبیه ایسنتاگرام بسازیم، می‌توان گفت که به مفاهیم آن مسلط شده‌ایم و آن را یاد گرفته‌ایم.

در سالیان قبل وقتی می‌خواستیم یک اپلیکیشن موبایل بنویسیم باید ابتدا به زبان جاوا مسلط می‌شدیم و برنامه اندروید را به این زبان می‌نوشتیم و در ادامه زبان Objective C یا سویفت را یاد گرفته و برنامه‌ای برای گوشی‌های آیفون می‌نوشتیم. اما امروزه با استفاده از React Native و برخی دیگر از فریم ورک های زبان‌های دیگر مانند زامارین می‌توان فقط به وسیله یک زبان و یک بار نوشتن کد، برنامه‌ای طراحی کرد که بر روی هر دو سیستم عامل اندروید و IOS اجرا شود.

مزیت React Native نسبت به زامارین و بقیه فریم ورک ها شبیه بودن برنامه نوشته شده به برنامه Native است که باعث می‌شود به عنوان مثال عملکرد برنامه‌ای که با این فریم ورک برای اندروید نوشته شده با برنامه‌ای که به زبان جاوا برای اندروید نوشته شده تفاوتی نداشته باشد.

 

آموزش React Native و آموزش ساخت اپلیکیشن اینستاگرام با React

 

در بخش دوم دوره آموزش ساخت اپلیکیشن اینستاگرام با React به مباحث پیشرفته تری پرداخته می شود

و پروژه ایسنتاگرام فارسی را شروع می کنیم.

 

نمونه پروژه انجام شده در این بخش:

آموزش React Native

 

آنچه در بخش دوم آموزش React Native خواهید آموخت:

  • قسمت اول : معرفی دوره دوم
  • قسمت دوم : مشکلات نسخه جدید فریمورک
  • قسمت سوم : چگونگی نشان دادن خطای ورودی کاربر با state ها
  • قسمت چهارم معرفی touchable ها
  • قسمت پنجم :ساخت کامپوننت پیشرفته button
  • قسمت ششم : معرفی native base
  •  قسمت هفتم : کار با برخی از کامپوننت های native base
  • قسمت هشتم: ادامه کار با برخی از کامپوننت های native base
  • قسمت نهم : معرفی یک کامپوننت تکست اینپوت پیشرفته
  • قسمت دهم :ساخت قالب یک برنامه با native base
  •  قسمت یازدهم :  ساخت پروژه اینستاگرام فارسی و تنظیمات اولیه پروژه
  • قسمت دوازدهم : معرفی مسیر های داخل پروژه
  •  قسمت سیزدهم : ساخت صفحه ورود
  • قسمت چهاردهم :ساخت فوتر تب در صفحه ورود
  •  قسمت پانزدهم :ساخت صفحه ثبت نام و قفل پروفایل
  • قسمت شانزدهم :ساخت صفحه فراموشی رمز عبور
  •  قسمت هفدهم :کنترل ورودی های کاربر و نشان دادن خطاها
  • قسمت هجدهم:  تست برنامه بر روی سیستم عامل مک و شبیه ساز آیفون

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