آموزش React Native
(مقدماتی)

با تدریس   مجتبی سوری
برنامه نویس ارشد اسنپ فود

۵۴ جلسه
با حرفه ای ها همراه باشید ...

آموزش برنامه نویسی با React Native

اگر علاقه‌مند به برنامه‌‌نویسی Back-End هستید، محال است از اهمیت یادگیری React Native و بازار کار آن خبر نداشته باشید. React Native یک فریمورک UI متن باز برای ساخت اپلیکیشن موبایل است که توسط فیس بوک معرفی و عرضه شده است. به کمک ری اکت نیتیو و زبان جاوا اسکریپت می‌توانیم برای اندروید، IOS، وب و حتی UWP (پلتفرمی برای ساخت برنامه‌های تحت ویندوز، ویندوز موبایل، Xbox و سایر محصولات مایکروسافت) اپلیکیشن بسازیم.

 به عبارت دیگر React Native شرایطی را مهیا کرده است که برنامه نویسان وب بتوانند اپلیکیشن‌هایی بسازند که دقیقا شبیه به برنامه‌های نوشته شده به زبان Native رفتار کنند. از آن‌جایی که برنامه نویسان زیادی زبان برنامه نویسی جاوا اسکریپت را دوست دارند و از آن استفاده می‌کنند، تجربه‌ی کار با React Native می‌تواند لذت بخش باشد. برنامه‌های React Native نیز مانند React با زبان جاوا اسکریپت و JSX نوشته می‌شوند. سپس می‌توان از این کدهای نوشته شده برای اندروید و iOS خروجی گرفت.

در دوره آموزش ری اکت نیتیو شما به صورت مقدماتی با این فریم‌ورک محبوب آشنا خواهید شد.

چرا باید از React Native استفاده کنیم؟

  • React Native به شما اجازه می‌دهد با زبان جاوا اسکریپت یک بار برنامه موبایل بنویسید و خروجی اندروید و iOS بگیرید.
  • در زمان و هزینه توسعه نرم‌افزار صرفه‌جویی می‌کنید.
  • پشتیبانی انجمن‌های برنامه‌نویسی از این فریم‌ورک بسیار قوی است.
  • بازار کار این فریم‌ورک در ایران و جهان گسترده و رو به رشد است.

این دوره
برای چه کسانی
مناسـب اسـت؟

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

این دوره
برای چه کسانی
مناسـب نیست؟

  • کسانی که وقت کافی برای انجام تمرین ندارند
  • کسانی که با زبان جاوا اسکریپت آشنا نیستند

سرفصل های دوره

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

  • معرفی پیش نیازها و روش های دور زدن تحریم رایگان ۵ دقیقه
  • معرفی محیط snack در expo منتشر شده ۶ دقیقه
  • کدنویسی Hello World منتشر شده ۶ دقیقه
  • React Native چیست و چه ارتباطی با React دارد رایگان ۱۶ دقیقه
  • بررسی کلی کامپوننت های React Native منتشر شده ۵ دقیقه
  • ایجاد طرح کلی برنامه با استفاده از View منتشر شده ۶ دقیقه
  • بررسی خطای عدم استفاده از Text منتشر شده ۳ دقیقه
  • پیاده سازی یک counter خیلی ساده منتشر شده ۸ دقیقه
  • نحوه اعمال استایل در React Native منتشر شده ۷ دقیقه
  • آشنایی با Flexbox جلسه اول منتشر شده ۱۰ دقیقه
  • آشنایی با Flexbox جلسه دوم منتشر شده ۱۲ دقیقه
  • توضیحات برخی اصطلاحات منتشر شده ۸ دقیقه
  • نصب expo-cli منتشر شده ۶ دقیقه
  • نصب android studio منتشر شده ۱۰ دقیقه
  • init کردن پروژه با استفاده از react native منتشر شده ۴ دقیقه
  • اجرای خروجی expo در شبیه ساز موبایل منتشر شده ۶ دقیقه
  • کدنویسی todo app ساده (Layout) منتشر شده ۸ دقیقه
  • کدنویسی todo app ساده (TextInput) منتشر شده ۱۳ دقیقه
  • کدنویسی todo app ساده (render list) منتشر شده ۸ دقیقه
  • کدنویسی todo app ساده (ScrollView) منتشر شده ۵ دقیقه
  • کدنویسی todo app ساده (FlatList) منتشر شده ۱۰ دقیقه

  • روش های debug کردن در React Native منتشر شده ۱۱ دقیقه
  • آشنایی با React Native Debugger منتشر شده ۷ دقیقه
  • آشنایی با React Navigation منتشر شده ۵ دقیقه
  • نحوه اضافه کردن screen به پروژه با استفاده از React Navigation منتشر شده ۱۴ دقیقه
  • حرکت بین صفحات با استفاده از React Navigation منتشر شده ۷ دقیقه
  • ارسال پارامتر به صفحه در زمان تغییر صفحه منتشر شده ۱۲ دقیقه
  • نحوه اضافه کردن options به screen منتشر شده ۴ دقیقه
  • استایل دهی بخش های مختلف header منتشر شده ۵ دقیقه
  • جایگزینی title با یک کامپوننت در React Navigation Stack منتشر شده ۸ دقیقه
  • اضافه کردن کامپوننت های دلخواه به header در React Navigation Stack منتشر شده ۷ دقیقه
  • Navigation lifecycle منتشر شده ۵ دقیقه
  • کاربرد focus و blur در React Navigation منتشر شده ۶ دقیقه
  • کاربرد useFocusEffect منتشر شده ۸ دقیقه
  • اضافه کردن Tab navigation منتشر شده ۴ دقیقه
  • اضافه کردن آیکون به Tab ‌Bar منتشر شده ۸ دقیقه
  • توضیحات شروع مثال IMDB App منتشر شده ۷ دقیقه
  • پروژه IMDB App (اضافه کردن Tab Navigation) منتشر شده ۸ دقیقه
  • پروژه IMDB App (اضافه کردن Icon) منتشر شده ۵ دقیقه
  • پروژه IMDB App (تغییر رنگ Icon) منتشر شده ۳ دقیقه
  • پروژه IMDB App (ایجاد کامپوننت Movie card) منتشر شده ۱۸ دقیقه
  • پروژه IMDB App (ایجاد کامپوننت Star Rating) منتشر شده ۱۷ دقیقه
  • پروژه IMDB App (آشنایی با RapidAPI) منتشر شده ۸ دقیقه
  • پروژه IMDB App (پیاده سازی api دریافت لیست فیلم ها) منتشر شده ۱۱ دقیقه
  • پروژه IMDB App (پیاده سازی لیست فیلم ها با استفاده از Flatlist) منتشر شده ۷ دقیقه
  • پروژه IMDB App (پیاده سازی movie api) منتشر شده ۱۲ دقیقه
  • پروژه IMDB App (بهینه سازی Flatlist) منتشر شده ۱۰ دقیقه
  • پروژه IMDB App (بهینه سازی Flatlist در صورت ثابت بودن ارتفاع) منتشر شده ۳ دقیقه
  • پروژه IMDB App (اضافه کردن home stack) منتشر شده ۷ دقیقه
  • پروژه IMDB App (آشنایی با useNavigation) منتشر شده ۹ دقیقه
  • پروژه IMDB App (نمایش لیست سریال ها) منتشر شده ۱۰ دقیقه
  • پروژه IMDB App (پیاده سازی API لیست سریال ها) منتشر شده ۱۷ دقیقه
  • پروژه IMDB App (پیاده سازی لیست سریال ها بخش سوم) منتشر شده ۱۵ دقیقه
  • پروژه IMDB App (پیاده سازی سرچ actors) منتشر شده ۱۶ دقیقه

از چه کسی یاد میگیری؟

تصویر مجتبی سوری

مجتبی سوری

برنامه نویس ارشد اسنپ فود

  • برنامه‌نویس ارشد اسنپ فود
  • برنامه‌نویس ارشد سون‌لرن
  • فول استک دولوپر برنامه‌ی همکار
  • فریلنسر: توسعه‌ی زیرساخت فروشگاهی، شرکتی، اتوماسیون و ...

رزومه و نمونه تدریس

همین الان ثبت نام کن

خرید این محصول در حال حاضر امکانپذیر نیست.

نیاز به مشاوره تخصصی دارید؟

ثبت درخواست مشاوره رایگان:
آموزش React Native دسترسی سریع به جمع متخصصین بپیوندید ...
نقدی/اقساطی ثبت نام میکنم