دوره‌ی آموزش توسعه اپلیکیشن موبایل با React Native

شروع:
یک‌شنبه ۱۳ آبان ۹۷ ۱۷:۳۰
پایان:
سه‌شنبه ۲۷ آذر ۹۷ ۱۹:۳۰
دوره‌ی آموزش توسعه اپلیکیشن موبایل با React Native
مهلت ثبت‌نام برای این رویداد به پایان رسیده است.
جزئیات
مهلت ثبت‌نام
قیمت (تومان)
تعداد

توضیحات

 

زمان بندی:

شروع دوره از 13 آبان، یکشنبه سه شنبه ها از ساعت 17:30 الی 19:30

توضیحات:

در دنیای توسعه اپلیکیشن موبایل, ما همیشه دنبال چرخه ی کوتاه تری برای توسعه بودیم, زمان کمتر برای گسترش اپ ها و کارایی بهتر اونها. در دنیای این اپ ها که دو سیستم عامل معروف غلبه دارند باید به یک مصالحه رسید : اپ هایی که تجربه کاربری بهتری فراهم می‌کنند یا اپ هایی  که توسعه سریع‌تری دارند و برای پلتفرم های مختلف پورت می‌شوند ؟

 

در مسیر تجربه کاربری و سهولت توسعه اپ های هیبریدی هستند – اپ هایی که با تکنولوژی هایی ساخته می‌شوند که خیلی از توسعه دهندگان با اون آشنایی دارند (مثل CSS , JS , HTML۵) که در یک قالب قرار می‌گیرد و اجازه میده بصورت native روی دستگاه اجرا بشه.

اپ های هیبریدی راه طولانی ای رو طی کردند تا فاصله ی بین کارایی اپ native و راحتی توسعه اپ برپایه وب رو پر کنه. در یک لبه ی این تکنولوژی فریمورک Facebook's React Native هست. در اینجا میخوایم بررسی کنیم که چطور این کتابخانه ی فوق‌العاده داره در بین اپ های هیبریدی بصورت قدرتمند پیش میره.

۱ – اندروید و IOS رو پوشش میده 

در ابتدا فیسبوک React Native رو فقط برای IOS توسعه داده بود اما بعداً پشتیبانی اندروید رو هم بهش اضافه کرد, بنابراین درحال حاضر این کتابخانه میتونه برای هردو پلتفرم UI موبایل رو render کنه. فیسبوک از React Native برای ساخت یک اپ مدیریت تبلیغات استفاده کرد و برای هردو پلتفرم اندروید و IOS گسترش داد. هردو ورژن توسط یک تیم توسعه‌دهنده ساخته شد!

همچنین فیسبوک React Native رو بصورت متن باز ارائه کردبا این ایده که سازگاری با سایر پلتفرم ها مثل ویندوز یا tvOS توسط جامعه توسعه دهندگان پیش بره.

۲ – قابلیت استفاده مجدد کامپوننت ها به اپ های هیبریدی اجازه ی رندر بومی میده

کامپوننت های WebView از اپ های هیبریدی رفته اند. این ممکن است چون ساختار بلاک های React Native قابلیت استفاده مجدد دارند (کامپوننت های native) که بصورت مستفیم به native کامپایل می شوند. کامپوننت هایی که در اندروید و IOS استفاده می‌کردید بطور متقابل در React هم وجود دارند پس این میتونه یک حس استواری به توسعه دهندگان بده.

این ساختار برپایه کامپوننت همچنین به شما اجازه میده که اپ ها رو با چابکی بیشتری بسازید, رویکرد و استایل وب داره اما درعین حال از وب خبری نیست. این اپ سرعت, ظاهر و کارایی شبیه اپ های native رو داره.

۳ – اعمال کامپوننت های React Native روی کدهای اپ موجود – بدون کوچکترین بازنویسی

 این یک مزیت بزرگ برای بیزینس هست که بدون اینکه دوباره نویسی انجام بشه اپ تقویت بشه. ادغام کامپوننت های React Native بر روی کد اپلیکیشن. یا اگر اپ هیبریدی شما با Cordova یا Ionic ساخته شده, کد Cordova-base رو براحتی توسط یک پلاگین بازنویسی کنید.

۴ – این یکی از بهترین فریمورک های جاوا اسکریپت موبایل هست – و درحال رشد !

اگر شما جاوا اسکریپت بدونید, React Native یک انتخاب مناسب هست و به هر توسعه‌دهنده front-end وب اجازه میده یک توسعه‌دهنده موبایل شوند. هیچ نیازی به یادگیری زبان سوئیفت IOS یا جاوای اندروید نیست, فقط کافیه جاوا اسکریپت , برخی از المنت های بومی UI, برخی از API ها و سایر Design pattern های لازم برای توسعه موبایل رو بدونید. همچنین کتابخانه‌های React Native شامل Flexnbox CSS, inline styling, خطایابی و پشتیبانی برای قرار دادن اپ در استورها.

۵ – React Native همه چیز در مورد UI است

React Native صرفاً روی ساخت UI موبایل تمرکز کرده. درمقایسه با سایر فریمورک های جاوا اسکریپت مثل AngularJS یاMeteorJS این کتابخانه مرکز در UI هست, که اون رو بیشتر شبیه یک کتابخانه جاوا اسکریپت می کنه تا یک فریمورک ! UI خروجی بسیار واکنش گراست و زیبا به نظر میرسه. این یعنی باعث شده بارگزاری سریعتری از اپ های هیبریدی معمول داشته باشه و حس بهتری به کاربر بده.

۷ – توسعه ی بومی(Native) اپ ها موثرتر هست 

از اونجایی که توسعه اپ ها بصورت بومی معمولاً همراه با ناکارامدی, بهره وری کمتر در توسعه و زمان کندتر در گسترش داره, React Native راه حل مناسب برای افزایش سرعت توسعه و چابکی در گسترش اپ های هیبریدی هست – به همراه نتیجه بومی.

در کنار React Native, کتابخانه محبوب ReactJS UI برای توسعه اپ های وب وجود داره. React Native تمام قابلیت‌های فوق‌العاده ReactJS مثل کارایی سریع و راحتی متدهای برنامه نویسی رو به توسعه ی اپ های هیبریدی انتقال داده.

۷ – سازگاری با سایر پلاگین ها, مصرف بهینه حافظه و تجربه ی کاربری عالی

پلاگین های خارچی یا Third-party plugins این معنی رو میده که شما به WebView برای انجام کارهای خاص تکیه نمی کنید. برای مثال اگر شما Google Maps رو بصورت عملیاتی وارد اپ تون کنید, React به شما اجازه میده پلاگین رو به یک ماژول بومی native متصل کنید بنابراین شما میتونید اعمالی مثل زوم کردن, چرخیدن و قطب نما رو با یک مصرف بهینه ی حافظه و بارگزاری سریع انجام بدید. اگر اپ شما موبایل های قدیمی رو هم ساپورت کنه این باعث میشه اجرای روان تری داشته باشه.

سرفصل‌ها:

  1. مفاهیم اولیه React (اصطلاحات٫ تاریخچه و ...)
  2. مفاهیم اولیه React Native
  3. تفاوت ReactNative با سایر پلتفرم های موبایل
  4. استفاده از EXPO
  5. Component ها در React Native
  6. قالب بندی (Flexbox, StyleSheet, ...)
  7. کتابخانه React Navigation
  8. معماری Redux
  9. معماری Mobx
  10. پایگاه داده در React Native
  11. خروجی گرفتن از EXPO
  12. خروجی گرفتن با استفاده از Android SDK و iOS SDK
  13. پروژه Instagram Clone
  14. مباحث پیشرفته (Image Caching, KeyValue Store, ...)

پیش‌نیاز:

آشنایی با کدنویسی با یک زبان برنامه نویسی ( c, cpp, csharp, java, js,...)

آشنایی با توسعه فرانت اند (Optional)

برگزارکنندگان

انجمن علمی کامپیوتر دانشگاه صنعتی خواجه نصیرالدین طوسی

انجمن علمی کامپیوتر دانشگاه صنعتی خواجه نصیرالدین طوسی

سخنرانان

امیر آهنگری

امیر آهنگری

توسعه دهنده اپلیکیشن

آدرس:تهران خیابان شریعتی، ضلع جنوب شرقی پل سیدخندان، دانشکده‌های مهندسی برق و کامپیوتر دانشگاه صنعتی خواجه نصیرالدین طوسی