جستجو برای:
سبد خرید 0
  • صفحه اصلی
  • دوره ها
    • راهنمای یادگیری
  • بلاگ
  • تالار گفتمان
  • کانال تلگرام

ورود

رمز عبور را فراموش کرده اید؟

هنوز عضو نشده اید؟ عضویت در سایت
perm_identity
سبد خرید 0
  • درباره ما
  • تماس با ما
0
آموزش جاوا اسکریپت(javascript)-کتابخانه ها و فریمورک ها
  • صفحه اصلی
  • دوره ها
    • راهنمای یادگیری
  • بلاگ
  • تالار گفتمان
  • کانال تلگرام
ورود و ثبت نام

آموزش طراحی اینستاگرام با React Native

خانهدوره هادوره های آموزشیآموزش طراحی اینستاگرام با React Native
طراجی اینستاگرام با reactnative
قیمت :

89,000 تومان 36,000 تومان

امتیاز
3.73 از 11 رأی
89,000 تومان 36,000 تومان
ویژگی های دوره
تعداد خرید / دانلود : 268
نوع دوره: غیرحضوری،ویدئویی
زبان: فارسی
13:56:00
49 درس
2/13 گیگابایت
روش دریافت: دانلود دوره
روش پشتیبانی: ارتباط مستقیم با مدرس در بخش کامنت ها و تالارگفتمان
درصد پیشرفت دوره: %100
9.01k بازدید 101 دیدگاه
حالت مطالعه

آموزش پروژه محور react native در قالب طراحی اپلیکیشن مشابه اینستاگرام دوره ای است که در آن مباحث مرتبط UI  و  پیاده سازی صفحات مختلف و نحوه ارتباط آنها در react native آموزش داده می شود.

react native چیست؟

react native(ری اکت نیتیو) یکی دیگر از فریمورک های جاوااسکرپتی محبوب است که در سال 2015 توسط facebook منتشر شد. این فریمورک بر پایه Javascript و کتابخانه فوق العاده Reactjs توسعه داده شده است و با کمک آن می توانید اپلیکیشن های Android و Ios به صورت native بسازید.از معروف ترین اپلیکیشن هایی که با این فریمورک ساخته شده اند می تواند به اینستاگرام،فیسبوک،Uber و … اشاره کرد

چرا React Native رو یاد بگیریم؟

در حال حاضر زبان ها و Frameworkهای زیادی برای توسعه اپلیکیشن ها موجوده اما شما با یادگیری اینها فقط میتونید برای یک پلتفرم برنامه بنویسید یا برنامه ای که مینویسید native نیست.در سال ۲۰۱۵ فیسبوک با انتشار React Native برنامه نویس ها رو به شوک فرو برد و تا حد زیادی خوشحالشون کرد.برنامه نویس ها این امکان رو داشتند با استفاده از زبان جاوااسکریپت اپلیکیشن هایی بنویسند که روی هر دو سیستم عامل Android و iOS اجرا میشد و خروجی برنامه native بود.اگه علاقه دارین بیشتر در مورد React Native بدونید.میتونید مقاله React Native چیست رو بخونید و اطلاعات بیشتری در مورد این Framework دوست داشتنی بدست بیارین.

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

چرا برنامه نویسان React Native را دوست دارند؟

چگونه یک برنامه نویس React Native بشیم

هدف این دوره چیست ؟

اینستاگرام یکی از محبوب ترین اپلیکیشن های ساخته شده با React Native به حساب میاد. فیسبوک برای نشان دادن قدرت React Native هر دو نسخه Android  و IOS اینستاگرام رو با این فریمورک توسعه داد که ظاهر خاص و جذاب اینستاگرام با ماهیتی که داره باعث شد یکی ازپررونق ترین شبکه های اجتماعی در دنیا و ایران با بیش از یک میلیارد نصب بشه.

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


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

طبیعتا هر دوره ای یک سری پیش نیازها داره که کلیه پیش نیازهایی که شما برای این دوره نیاز دارید به صورت رایگان در سایت موجوده و میتونید ازش استفاده کنید.

  • آموزش مقدماتی React Native
  • آموزش Native Base

 

ویدئو معرفی دوره

 

تصاویر نمونه از دوره طراحی اپلیکیشن اینستاگرام

 

نکته : نسخه React Native که در این دوره استفاده شده 0.55.4  است که میتوانید با استفاده از دستور زیر پروژتون رو با همین نسخه بسازید.

React-native init –version=”0.55.4″ insta

نکته: با توجه به اینکه در زمان انتشار دوره آخرین نسخه کتابخانه react navigation 3  بوده و در حال حاضر آخرین نسخه این کتابخانه 5 است،شما می توانید به صورت رایگان آموزش react navigation 5  را مشاهده کنید تا در حین دوره به چالشی برنخورید.

سوالات متداول

مزایا و معایب react native چیست؟

هر فریمورک یا کتابخانه یک سری معایب و مزایا دارد که react native از این قاعده مستثنی نیست.

مزایا react native :

  • یک بار کد بزن، چند جا استفاده کن 
  • با React Native برنامتو توسعه بده و از زبان Native در کنارش استفاده کن!
  • پشتیبانی قوی توسط تیمی بزرگ از برنامه نویسان
  • زمان و هزینه
  • community فعال
  • پشتیبانی فیسبوک

معایب react native : 

  • بروزرسانی بسیار زیاد React Native 
  • وابستگی به کتابخونه های جانبی

چند درصد کدها بین Android و IOS در react native مشترک است؟

می توان گفت حدود 95 درصد کدها بین هر دو سیستم عامل در روند توسعه مشترک است و گاهی اوقات برای اینکه کاربران احساس native بودن اپلیکیشن را داشته باشند باید از کامپوننت های مخصوص استفاده کنید.به طور مثال Toast android یا DatePicker

آیا react native ارزش یادگیری دارد؟

برای پاسخ به این سوال می توانیم چندین جنبه را در نظر بگیریم:

  1. اگر شما یک توسعه دهنده جاوا اسکریپت هستید، به راحتی و با صرف زمان کمتری می توانید react native یاد بگیرید و به طور حتم فرصت های شغلی جدیدی برای شما ایجاد خواهد شد.
  2. اگر در یک تیم استارتاپی مشغول به فعالیت هستید و نیاز دارید در کمترین زمان ممکن اپلیکیشن برای محصول خودتون و برای هر دو پلتفرم Android و Ios داشته باشید،react native یک گزینه فوق العاده است.
  3. اگر به دنبال کاهش هزینه های شرکت و صرفه جویی در زمان هستید، react native گزینه ای است که باعث میشه شما در قالب یک تیم زمان و هزینه توسعه اپلیکیشن را کاهش دهید.

چه اپلیکیشن هایی با react native توسعه داده شدند؟

شرکت های مختلفی از کوچک تا بزرگ از react native برای توسعه اپلیکیشن های خوداستفاده کرده اند.به طور مثال : Instagram، Uber Eats، Airbnb، Pinterest و …  و وجود این چنین شرکت هایی که در سطح وسیع از React Native استفاده کرده اند جای تامل دارد!

آموزش طراحی اینستاگرام با React Native

طراحی Header ویدئو

18 دقیقه

خصوصی

اضافه کردن TabBar ویدئو

18 دقیقه

خصوصی

طراحی post ویدئو

16 دقیقه

خصوصی

استفاده از FlatList ویدئو

10 دقیقه

خصوصی

طراحی stories ویدئو

11 دقیقه

خصوصی

طراحی profile ویدئو

25 دقیقه

خصوصی

طراحی Profile Heighlite ویدئو

11 دقیقه

خصوصی

طراحی Profile Segment Button ویدئو

10 دقیقه

خصوصی

طراحی Profile Post ویدئو

11 دقیقه

خصوصی

رفع کردن مشکل Navigate ویدئو

13 دقیقه

خصوصی

طراحی Saved Post ویدئو

21 دقیقه

خصوصی

طراحی Collection ویدئو

09 دقیقه

خصوصی

طراحی قسمت Discover People | قسمت اول ویدئو

22 دقیقه

خصوصی

طراحی قسمت Discover People | قسمت دوم ویدئو

11 دقیقه

خصوصی

طراحی Setting ویدئو

20 دقیقه

خصوصی

طراحی قسمت Edit Profile ویدئو

21 دقیقه

خصوصی

طراحی قسمت Add Account ویدئو

12 دقیقه

خصوصی

طراحی liked و Activity Tab ویدئو

24 دقیقه

خصوصی

طراحی قسمت Add Media Tab ویدئو

13 دقیقه

خصوصی

طراحی قسمت Add Media Tab | قسمت سوم ویدئو

13 دقیقه

خصوصی

طراحی قسمت Add Media Tab | قسمت دوم ویدئو

25 دقیقه

خصوصی

طراحی Search Tab ویدئو

10 دقیقه

خصوصی

طراحی Search Tab | قسمت سوم ویدئو

17 دقیقه

خصوصی

طراحی Search Tab | قسمت دوم ویدئو

22 دقیقه

خصوصی

تغییر Home Tab ویدئو

13 دقیقه

خصوصی

طراحی Direct Component ویدئو

16 دقیقه

خصوصی

طراحی Type Tab ویدئو

35 دقیقه

خصوصی

تعریف توابع ویدئو

10 دقیقه

خصوصی

طراحی Footer ویدئو

18 دقیقه

خصوصی

Gifted Chat ویدئو

20 دقیقه

خصوصی

نمایش Modal ویدئو

22 دقیقه

خصوصی

لایک کردن پست ها ویدئو

32 دقیقه

خصوصی

Comment Component ویدئو

18 دقیقه

خصوصی

اضافه کردن Comment ویدئو

27 دقیقه

خصوصی

Proptypes ویدئو

13 دقیقه

خصوصی

تغییر آیکون اپلیکیشن ویدئو

09 دقیقه

خصوصی

طراحی modal برای عکس های تب explore ویدئو

17 دقیقه

انتخاب عکس از گالری گوشی ویدئو

08 دقیقه

خصوصی

نصب کتابخانه react-native-camera ویدئو

35 دقیقه

خصوصی

استفاده از دوربین ویدئو

20 دقیقه

خصوصی

طراحی تب edit و filter عکس ویدئو

18 دقیقه

خصوصی

رفع مشکل تب addMedia ویدئو

18 دقیقه

خصوصی

طراحی فرم ورود ویدئو

33 دقیقه

خصوصی

ذخیره سازی اطلاعات بصورت local با AsyncStorage ویدئو

13 دقیقه

خصوصی

authentication flow در react native ویدئو

25 دقیقه

خصوصی

ایجاد drawer با انیمیشن ویدئو

25 دقیقه

گرفتن access token از api اینستاگرام ویدئو

17 دقیقه

خصوصی

استفاده از api اینستاگرام در پروژه ویدئو

25 دقیقه

خصوصی
برچسب: آموزش react native آموزش ری اکت نیتیو آموزش فارسی react native آموزش پروژه محور react native ری اکت نیتیو یادگیری react native

moreدوره های مرتبط

آموزش فارسی react native

کار با Hooks در React Native

آموزش کار با Hooks در react native دوره ای است که در آن نحوه استفاده از hook های پرکاربر در…
669
رایگان!
آموزش redux

آموزش Redux

اگر برنامه نویسی با React Native رو شروع کردید حتما اسم Redux  رو شنیدید و به احتمال زیاد این سوال…
138
50,000 تومان 25,000 تومان

ارسال نوتیفیکیشن در React Native

در این سری از آموزش های رایگان react native یاد میگیریم که چطور نوتیفیکیشن در react native (ری اکت نیتیو)…
854
رایگان!

chat_bubble_outlineنظرات

  • علیرضا ایلانلو
    فوریه 22, 2022
    پاسخ

    استاد من میخام جنی موشن رو به نرم افزار براکتس نصب کنم چطوری اینکار رو انجام بدم

    • مهدی حسن زاده(مدیریت)
      فوریه 22, 2022
      پاسخ

      نرم افزار براکتس چی هست اصلا؟

  • →
  • 1
  • …
  • 4
  • 5
  • 6

قوانین ثبت دیدگاه

لغو پاسخ

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

قیمت :

89,000 تومان 36,000 تومان

امتیاز
3.73 از 11 رأی
89,000 تومان 36,000 تومان
تعداد خرید / دانلود : 268
نوع دوره: غیرحضوری،ویدئویی
زبان: فارسی
13:56:00
49 درس
2/13 گیگابایت
روش دریافت: دانلود دوره
روش پشتیبانی: ارتباط مستقیم با مدرس در بخش کامنت ها و تالارگفتمان
درصد پیشرفت دوره: %100
9.01k بازدید 101 دیدگاه
مهدی
مهدی
برنامه نویس front end

دسته: دوره های آموزشی
منتظرتون هستیم
  • phone_android
    09150274110
  • email
    reactapp.ir@gmail.com
  • بلاگ
  • ویدیو کست
  • قوانین

تمام تلاش ما در برند reactapp در کنار آموزش با کیفیت و استفاده از دانش روز، اضافه کردن چاشنی تجربه چندین ساله فعالیت در پروژه های داخلی و خارجی بوده. زمانی که شما به یادگیری اختصاص دادید برای ما اهمیت بسیار بالایی داره و به همین دلیل سعی میکنیم متحوای تولید شده، غنی، پر بار و در راستای نیاز های بازار کار باشه.

کلیه حقوق این سایت محفوظ و متعلق به reactapp.ir میباشد.
keyboard_arrow_up