Sorry, no posts matched your criteria.

این سایت در ستاد ساماندهی ثبت شده و تابع قوانین جمهوری اسلامی میباشد

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

۲۹ شهریور ۱۳۹۷
بدون نظر


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

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

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

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

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

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

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

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

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

کامپوننت اسلایدر را معرفی و تب پایین، صفحه اسپلش اسکرین و قالب پست‌ها را طراحی کردیم.

در فصل چهارم صفحات مختلف اپلیکیشن مثل صفحه لایک، نظرات و چت را به‌طور کامل طراحی و چند کامپوننت برای این کار معرفی خواهیم کرد.

 

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

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

 

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

 

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

  • قسمت اول: حل مشکلات موجود در پروژه
  • قسمت دوم: ساخت صفحه لایک ها
  • قسمت سوم: ساخت صفحه نظرات
  • قسمت چهارم: ساخت قسمت استوری ها
  • قسمت پنجم: کنترل جاباجایی بین صفحات در تب اصلی برنامه
  • قسمت ششم: اصولی کردن ساختار پروژه
  •  قسمت هفتم: استفاده از badge ها
  • قسمت هشتم: ساخت صفحه دایرکت ها
  • قسمت نهم: مفاهیم ساخت یک صفحه چت
  • قسمت دهم: معرفی یک کامپوننت ساخت صفحه چت
  •  قسمت یازدهم: ساخت یک کامپوننت جابجایی بین صفحات پیشرفته
  • قسمت دوازدهم: استفاده از کامپوننت معرفی شده در جلسه قبل در پروژه اینستاگرام فارسی
  •  قسمت سیزدهم: ساخت و کنترل اضافه کردن نظر در پست‌ها
  • قسمت چهاردهم: ساخت یک صفحه چت پیشرفته شخصی در برنامه-۱
  •  قسمت پانزدهم: ساخت یک صفحه چت پیشرفته شخصی در برنامه-۲
  • قسمت شانزدهم: ادامه ساخت صفحه چت پیشرفته
  • قسمت هفدهم:کامل کردن صفحه چت پیشرفته

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


لینک کوتاه مطلب

http://nextgraphic.ir/?p=69

برچسب ها

مطالب مشابه


Parse error: syntax error, unexpected '.' in /home2/nextgraphicvcx/public_html/wp-content/themes/mymusic2/partials/footer-site.php on line 214