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

React Native چیست ؟

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

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

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

همانطور که گفتیم برنامه محبوب اینستاگرام با فریم ورک 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 تمام مواردی که نیاز به تکمیل دارد مثل فالو یا آنفالو کردن کاربران،صفحات اسپلش اسکرین و پروفایل و آپلود عکس برای پست و… را انجام خواهیم داد.

مشاهده سرفصل بخش هشتم آموزش React Native

چند کامپوننت مهم را هم معرفی خواهیم کرد.

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