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

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

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

آموزش جاوااسکریپت (javascript)

این روز ها محبوبیت جاوااسکریپت رو نمیشه انکار کرد ، توانایی های این زبان داره روز به روز بیشتر میشه و طرفدارانش…
205
رایگان!

آموزش مقدماتی react native

سلام عرض میکنم خدمت شما دوستان عزیز.خیلی خوشحال و مفتخریم که با اولین دوره آموزش برنامه نویسی React Native در خدمت شما…
214
رایگان!

ساخت FlowerList سفارشی

سلام دوستان ، ساخت یک ListView سفارشی به همراه تصاویر و عکس احتمالا در همه نوع برنامه های Android و…
59
رایگان!

آموزش NativeBase

NativeBase یک کتابخانه رایگان و open-source از کامپوننت های UI برای فریمورک React Native است(از نسخه 2.4.1 در وب قابل استفاده…
62
رایگان!

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

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

آموزش Redux

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

chat_bubble_outlineنظرات

  • سامان احتشامیان

    اوه چقد فرق کرده اینجا
    اینستاگرام چرا هیچ دانشجویی نداره
    اپدیت شده دوره؟

    • مهدی(مدیریت)

      سلام سامان عزیز.
      با توجه به تغییر قالب ابن تغییرات رخ داده است

  • reza536

    سلام
    این آموزش فقط طراحی Ui و ظاهر برنامه است یا اتصال به سرور و کارکرد صحیح و کامل برنامه هم شامل میشه؟

    • مهدی(مدیریت)

      سلام رضا عزیز.
      اتضال به api اینستاگرام هم آموزش داده شده.علاوه بر ui خیلی از موارد دیگه و تکنیک هایی آموزش داده شده است

      • reza536

        ممنونم
        یعنی کامنت ها در دیتابیس ثبت میشه و کاربران که ثبت نام می کنند و پست هاشون در دیتابیس ذخیره میشه؟

        • مهدی(مدیریت)

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

  • arian.end.1706

    چرا وقتی می خوام دانلود کنم میزنه page not found
    هرچه سریع تر جواب دهید

    • علیرضا(مدیریت)

      سلام مشکل برطرف شد موفق باشید

  • arian.end.1706

    این فایلتونو چند بار دانلود کردم اشکال داره
    میشه هم این مقدار دانلودمو بالا ببنربد و یه نگاهی به فایلش بندازید

    • علیرضا(مدیریت)

      سلام فایل هارو تست کردیم مشکلی وجود نداشت احتمالا در زمان دانلود برای مدت کوتاهی اینترنت شما دجار اخلال شده و به همون دلیل فایل هم ناقص دانلود شده ، به هر حال بخاطر اینکه مشکل برطرف بشه و لینک دانلود شماهم دچار مشکل نشه دوباره ، لینک های دانلود این دوره رو به ده پارت تقسیم کردیم که حجم اونها بین 100 تا 250 مگ هست و به راحتی میتونید دانلود رو انجام بدید ، ما مجددا تمام فایل ها رو تست کردیم و مشکلی وجود نداشت
      موفق باشید

    • علیرضا(مدیریت)

      همچنین دسترسی های دانلود مجددا برای شما به روز شد

  • مریم

    سلام
    وقت بخیر ایا این اموزش اتصال به پایگاه داده رو هم شامل میشه؟ و اگر بله چه پایگاه داده ای هست؟ ممنونم

    • مهدی(مدیریت)

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

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

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

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