آموزش React native در قالب ساخت اپلیکیشن اینستاگرام – بخش اول

ری اکت نیتیو یا React Native یک فریم ورک فوق العاده محبوب برای جاوا اسکریپت است که در ژانویه سال 2015 توسط فیسبوک معرفی و در ماه مارس منتشر شد. react native یک فریم ورک متن باز است که به راحتی از طریق سایت گیت هاب می توان به آن دسترسی داشت.

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

در این دوره چه مباحثی آموزش داده شده است؟

ما در این دوره آموزشی دو بخشی قصد داریم تا به صورت کاملا جامع به آموزش React native بپردازیم و با پیاده سازی گام به گام اپلیکیشن اینستاگرام آموزش را پیش ببریم.

سرفصل های دوره آموزش React native

بخش اول

• معرفی دوره و سر فصل های دوره
• نصب اندروید استودیو
• نصب Genymotion
• آشنایی و نصب Nodejs
• نصب سیستم عامل مک به صورت مجازی
• ساخت یک پروژه ساده با React Native
• آشنایی با ساختار پروژه
• ساخت اولین پروژه در سیستم عامل مک
• معرفی ساختار تگ ها و استایل ها
• نحوه استاندارد استایل دهی
• استفاده از فونت فارسی در برنامه
• معرفی چند تگ کاربردی
• نحوه قالب بندی صفحه با flex ها
• تنظیمات در Visual studio code
• معرفی شورت کدهای vscode برای برنامه نویسی سریع تر React native

بخش دوم

• آشنایی با جاوا اسکریپت
• نحوه اضافه کردن جاوا اسکریپت به صفحه
• کامنت گذاری در جاوا اسکریپت
• آشنایی با انواع داده ها
• آشنایی با متغیر ها
• قوانین تعریف متغیر
• مقایسه نوع داده ای null و تعریف نشده
• آشنایی با عملگرها و عملوندها
• افزایش و کاهش مقادیر
• عملگرهای انتساب
• عملگرهای مقایسه ای
• عملگرهای منطقی
• آشنایی با دستورات prompt و alert
• نوشتن محتوا در سند html
• کار با object ها
• کار با آرایه ها
• آشنایی با ساختار شرطی if
• آشنایی با ساختار switch
• آشنایی با ساختار حلقه do while
• آشنایی با ساختار حلقه for
• کار با توابع
• آموزش dom در جاوا اسکریپت

بخش سوم

• معرفی دوره
• کلمات کلیدی let و const
• Arrow Function
• متد foreach در آرایه ها
• متد map در آرایه ها
• متد filter در آرایه ها
• متد find در آرایه ها
• متدهای every و some در آرایه ها
• متد reduce در آرایه ها
• template string
• پارامترهای rest
• پارامترهای Spread
• destructure
• class
• promise ها
• ویژگی های جدید object
• generator ها
• ساختار جدید ماژول ها در ES6

بخش چهارم

• درک ساختار یک پروژه react Native
• ادامه درک ساختار پروژه با مفاهیم گفته شده
• معرفی و درک کامپوننت ها
• معرفی prop ها
• معرفی رویدادها
• معرفی state ها
• مثال کاربردی با state ها
• چند استایلی در React Native
• چگونگی نشان دادن خطای ورودی کاربر با state ها
• معرفی touchable ها
• معرفی native base
• ساخت آناتومی برنامه با نیتیو بیس و ساخت آکاردیون
• کار با Badge در نیتیو بیس
• کار با دکمه در نیتیو بیس
• ساخت کاردویو با نیتیو بیس
• کار با CheckBox و DatePicker با نیتیو بیس
• ساخت دکمه شناور در نیتیو بیس
• ساخت فوتر به کمک نیتیو بیس
• ساخت هدر به کمک نیتیو بیس
• کار با آیکون ها در نیتیو بیس
• لایه بندی برنامه با نیتیو بیس
• کار با لیست در نیتیو بیس
• کار با picker در نیتیو بیس
• کار با RadioButton در نیتیو بیس
• کار با SearchBar در نیتیو بیس
• کار با سگمنت در نیتیو بیس
• کار با spinner در نیتیو بیس
• کار با SwipeableList در نیتیو بیس
• کار با تب ها در نیتیو بیس
• کار با Thumbnail در نیتیو بیس
• ساخت پیغام Toast با نیتیو بیس
• کار با تایپوگرافی در نیتیو بیس
• ساخت منو در نیتیو بیس

آیا این دوره پیش نیاز دارد؟

داخل ویدئو معرفی دوره به این سوال به طور کامل پاسخ داده شده است.

لینک گیت هاب پروژه انجام شده

https://github.com/crossappir

حاصل دوره

دانشجویان عزیز پس از گذراندن هر دو بخش از دوره آموزش React native می توانند هرگونه اپلیکیشن را با ری اکت نیتیو طراحی و پیاده سازی کنند و وارد بازار کار بسیار جذاب این فریم ورک محبوب شوند.