قیمت 69,000 تومان

ویژگی های دوره
0 دانشجو
نوع دوره: غیرحضوری،ویدئویی
زبان: فارسی
13:56:00
49
2/13 گیگابایت
روش دریافت: فایل دانلودی
روش پشتیبانی: تالار گفتمان
150 بازدید 0 دیدگاه

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

React Native یک فریمورک open-source جاوااسکریپتیه که با اون میتونی اپلیکیشن های native برای Android  و IOS توسعه بدی.برای آشنایی بیشتر با این فریمورک دوست داشتنی میتونید مقاله React Native چیست رو بخونید.با توجه به اینکه خیلی ها مجذوب ظاهر جالب و خاص اینستاگرام میشن ، تصمیم گرفتیم در این دوره از آموزش هامون با آموزش طراحی اپلیکیشن اینستاگرام  با React Nativeدر خدمتتون باشیم.

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

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

 

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

 

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

 

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

React-native init –version=”0.55.4″ insta

آموزش طراحی اینستاگرام با 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 دقیقه

خصوصی

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

آموزش جاوااسکریپت 2015 | ES6

همه ما از توانایی های فوق العاده جاوااسکریپت با خبر هستیم ، اما نسخه ۲۰۱۵ این زبان یا به اصطلاح…
19
رایگان!

آموزش پروژه محور React Native

React Native یک فریموک جاوا اسکریپته که بهت اجازه میده فقط با استفاده از جاوا اسکریپت و کتابخونه React اپلیکیشن…
1
25,000 تومان

دوره جامع React Native

React Native یک فریموک جاوا اسکریپته که بهت اجازه میده فقط با استفاده از جاوا اسکریپت و کتابخونه React اپلیکیشن native…
7
99,000 تومان

ایجاد DrawerLayout در React Native

DrawerLayout یا منو کشویی در Android یک ویجت هست که بطور پیشفرض در اختیار توسعه دهندگان قرار داره اما در…
6
رایگان!

استفاده از Google Analytics در React Native

Google Analytics (گوگل آنالیتیک) بهترین سرویس tracking کاربر در جهان است که توسط Google ارائه و پشتیبانی میشود.با استفاده از…
2
رایگان!

Star Rating در React Native

کامپوننت Rating Bar یا نوار امتیاز برای رتبه بندی یا بررسی یک محصول خاص توسط کاربر در فرمت ستاره استفاده…
2
رایگان!

chat_bubble_outlineنظرات

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

پاسخ دهید به مهدی لغو پاسخ

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