آموزش مقدماتی فریمورک React Native برای طراحی نرم افزارهای اندروید و iOS با زبان جاوا اسکریپت

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

در سال های اخیر با نوشتن فریم ورک های گوناگون برای جاوا اسکریپت (JavaScript)، این زبان جای خود را در بین بهترین زبان های برنامه نویسی باز کرده است. فریم ورک جدید از جاوا اسکریپت که توسط فیس بوک ارائه شد، ری اکت نیتیو (React Native) است.

با این کتابخانه می توان اپیکیشن موبایلی را به زبان جاوا اسکریپت نوشت که هم بر روی سیستم عامل اندروید و هم بر روی سیستم عامل iOS قابل اجرا باشد. همین ویژگی و پشتیبانی قوی شرکت بزرگی مانند: فیس بوک باعث شده است که روز به روز شاهد پیشرفت این کتابخانه باشیم.

برای اهمیت این فریمورک فقط کافی است به این نکته اشاره کنیم که پر مخاطب ترین اپیکیشن جهان یعنی اینستاگرام (Instagram) به وسیله همین فریم ورک نوشته شده است. در این فرادرس ما به مباحث مقدماتی این فریم ورک به صورت کاملا مفهومی و حرفه ای می پردازیم.

فهرست سرفصل ها و رئوس مطالب مطرح شده در این مجموعه آموزشی، در ادامه آمده است:

• درس یکم: آشنایی با فریم ورک React Native
  • ضرورت های یادگیری این فریم ورک
  • میزان حقوق برنامه نویسانی که در ایران و دنیا با این فریمورک کار می کنند
  • معرفی محیط CMD و PowerShell
• درس دوم: نصب و راه اندازی ابزارهای مورد نیاز بر روی ویندوز
  • معرفی و نصب JDK
  • نصب و راه اندازی Android Studio
  • نصب و راه اندازی شبیه ساز اندروید Genymotion
  • نصب Node.js
  • نصب Visual Studio Code
• درس سوم: نصب و راه اندازی ابزارها در سیستم عامل مک
  • نصب Xcode بر روی سیستم مک
  • راه اندازی شبیه ساز گوشی آیفون
  • نصب Node.js
• درس چهارم: مروری بر جاوا اسکریپت
  • متغیرها و حالت ها در جاوا اسکریپت
  • شرط های if در جاوا اسکریپت
  • حلقه های for در جاوا اسکریپت
  • حلقه های while
  • شرط های switch case
• درس پنجم: اکما اسکریپت ۶ (ES6)
  • توابع در اکما اسکریپت (ECMAScript)
  • Callback function
  • Timer ها
  • ساختار اجرایی کدها در زبان جاوا اسکریپت (اکما اسکریپت)
  • شی گرایی در اکما اسکریپت 6
  • ارث بری در شی گرایی
  • کنترل کردن خطاها
  • ماژول ها
• درس ششم: ساخت اولین پروژه و معرفی ساختار پروژه
  • آموزش نصب React Native
  • چگونگی ساخت یک پروژه
  • معرفی ساختار پروژه
  • اجرای پروژه بر روی شبیه ساز نصب شده
• درس هفتم: آشنایی با کامپوننت ها و استایل دهی و طراحی قالب برنامه
  • آشنایی با کامپوننت های مختلف React Native
  • استایل دهی خطی به برنامه
  • استایل دهی اصولی با Style Sheet
  • آشنایی با چند تگ پرکاربرد و ویژگی آن ها
  • استفاده از فونت فارسی در برنامه
  • استایل دهی استاندارد یک صفحه
• درس هشتم: معرفی Prop ها و کاربرد آن در React Native
  • Prop ها چه کاربردی دارند؟
  • نحوه کار با Prop ها
  • آشنایی با touchable ها
  • ساخت یک کامپوننت Button و استفاده از Prop ها در داخل آن
• درس نهم: آشنایی با Native Base و طراحی قالب زیبا برای برنامه
  • معرفی بر Native Base
  • آموزش نصب و راه اندازی Native Base
  • معرفی کامپوننت Button
  • معرفی کامپوننت های مربوط به فرم
  • چگونگی نمایش یک پیغام
• درس دهم: معرفی State ها و کاربرد آن در React Native
  • State ها چه کاربردی دارند؟
  • نحوه کار و تعریف State ها
  • آموزش دو کاربرد مهم State ها با دو مثال کاربردی
• درس یازدهم: آشنایی با مسیریابی و جابجایی بین صفحات برنامه
  • مسیریابی چیست؟
  • آشنایی با کتابخانه React Navigation
  • نصب و کار با کتابخانه و جابجایی بین صفحات برنامه
• درس دوازدهم: پروژه صفحه ورود و مروری بر مباحث
  • معرفی پروژه ای که می خواهیم انجام دهیم
  • معرفی مسیرها و صفحات برنامه
  • طراحی صفحه ورد
  • طراحی صفحه ثبت نام
  • طراحی صفحه فراموشی رمز عبور
  • طراحی صفحه قفل پروفایل
  • تعریف state های صفحات مختلف برنامه
  • کنترل ورودی های کاربر و نمایش خطاها
  • دیباگ کردن پروژه (Debugging) بر روی مرورگر گوگل کروم

مفید برای رشته های

• مهندسی کامیپوتر

پیش نیاز