89000–رایگان!
ویژگی های دوره
آموزش پروژه محور 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 که در این دوره استفاده شده 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 ارزش یادگیری دارد؟
برای پاسخ به این سوال می توانیم چندین جنبه را در نظر بگیریم:
- اگر شما یک توسعه دهنده جاوا اسکریپت هستید، به راحتی و با صرف زمان کمتری می توانید react native یاد بگیرید و به طور حتم فرصت های شغلی جدیدی برای شما ایجاد خواهد شد.
- اگر در یک تیم استارتاپی مشغول به فعالیت هستید و نیاز دارید در کمترین زمان ممکن اپلیکیشن برای محصول خودتون و برای هر دو پلتفرم Android و Ios داشته باشید،react native یک گزینه فوق العاده است.
- اگر به دنبال کاهش هزینه های شرکت و صرفه جویی در زمان هستید، 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 دقیقه
moreدوره های مرتبط
آموزش جاوااسکریپت (javascript)
آموزش جامع React Native
انیمیشن در react native
chat_bubble_outlineنظرات
قوانین ثبت دیدگاه
89000–رایگان!


naderimohamad60
سلام وقت بخیر
با اینکه تو سایت ثبت نام کردم و دوره هم ثبت نام کردم چرا هنوز به آموزش ها دسترسی ندارم ؟
علیرضا(مدیریت)
سلام، شما هر دوره ای رو که ثبت نام کنید، در مرحله آخر ثبت نامتون لینک های دانلود به شما نمایش داده میشه، و اگه تو سایت لاگین کرده باشید و دوره مد نظرتون رو ثبت نام کردید الان میتونید به صفحه اون دوره برید و به جای دکمه ثبت نام دوره لینک های دانلود رو میبینید، همچنین راه سوم، اگه وارد پنل کاربریتون بشید لینک های دانلود رو میتونید در قسمت دانلود ها مشاهده کنید.
naderimohamad60
نه متاسفانه هیچ لینک دانلودی حتی تو پنل کاربری برام نیومده تنها کاری که نیاز دکمه ثبت نام رو بزنم؟چون من همینکار رو کردم اوکی نشد
علیرضا(مدیریت)
شما باید در دوره ثبت نام کنید اول، مثلا در دوره جاوااسکریپت دکمه ثبت نام دوره رو بزنید در مرحله اخر ثبت نام بهتون لینک های دانلود نمایش داده میشه. برای همیشه هم در پنل کاربریتون موجود هست.
مجتبی
سلام، وقت بخیر.
آیا امکان خرید این اپلیکیشن طراحی شده هم وجود دارد؟
مهدی حسن زاده(مدیریت)
سلام وفت بخیر
خیر این امکان وجود نداره
آروین
سلام اپلیکیشنی که تو این دوره طراحی میشه رو میتونیم بهدیتابیس وردپرس وصل کنیم ؟
مهدی حسن زاده(مدیریت)
سلام میتونید به هر دیتابیسی وصل کنید
فقط توجه داشته باشید سمت وردپرس باید افزونه API رو نصب کنید
علیرضا ایلانلو
استاد من میخام جنی موشن رو به نرم افزار براکتس نصب کنم چطوری اینکار رو انجام بدم
مهدی حسن زاده(مدیریت)
نرم افزار براکتس چی هست اصلا؟