• آی تی گویا

  • منبع فیلم های آموزشی

چهارشنبه ۱۸ تیر ۱۳۹۹

آنچه که باید دید

دانلود فیلم React Native Mobile App – design code and publish – آموزش توسعه و انتشار یک برنامه تلفن همراه

خیلی از برنامه نویسان آروزی اینو داشتین که کدی که می نویسن روی هم اندروید و ios اجرا بشه و چنین آرزویی هم اکنون به واقعیت پیوسته و الان فریم ورک ری اکت نیتو قابلیت اجرا شدن روی هر دو پلتفرم را دارد. هرچند که تلاش های زیادی در این زمینه صورت گرفت. هیچ کدوم این ها به نتیجه نرسید تا اینکه شرکت بزرگ فیس بوک در ابتدای سال ۲۰۱۳ منتشر شد اولین نسخه نسخه پایدار از یک کتابخانه ی واساس متن به صورت open source بر روی GitHub منتشر شد. این کتابخانه ReactJs بود که برای توسعه وب اپلیکیشن ها مورد استفاده قرار می گیرند. این کتابخانه بسیار سریع و ساده بود که باعث شد خیلی سریع مورد توجه قرار بگیرد.

سال منتشر شدن React-native

اواخر مارس سال ۲۰۱۵ بود که فیس بوک یک فریم ورک جدید به نام React Native منتشر کرد. که اجازه می دهد فقط با استفاده از جاوا اسکریپت و کتابخانه React App Mobile برای ios خروجی بگیرن برنامه نویسان ios و خیلی هم سریع بود و فیسبوک شش ماه بعد گام اصلی و محکم رو با انتشار React Native برای Android برداشت. توسعه دهندگان مجبور به نوشتن کد جداگانه برای سیستم عامل های مختلف نبودن و با یک کد می توانستند برای اندروید و ios کد نویسی کنند.
Hybridapp React-native
با React Native یک “برنامه وب موبایل”، “برنامه HTML5” و یا “Hybridapp” نتوانستند.یک اپلیکیشن واقعی موبایل که می توان از یک برنامه ساخته شده با Objective-c یا Java قابل تشخیص نبود (منظور از برنامه های Native برنامه هایی هست که برای یک سیستم عامل خاص نوشته شده است)یکی از ویژگی های کار با React Native این است که برای طراحی UI دست شما بسیار باز و با سرعت بالا می توانید اپلیکیشن هایی با ظاهر زیبا و جذاب طراحی کن (نمونه موردی که تقریبا همیشگی از instagram استفاده می کنیم).

ویژگی React-native :

کامپوننتی بودن و امکان استفاده از کامپوننت ها در پروژه های دیگر
استفاده از سایر افراد دیگر که باعث می شود ساده تر شدن و سریعتر کار (هزاران کامپوننت برای هزاران کار)
ساخت بسیار راحت رابط کاربری زیبا برای اپلیکیشن (به دلیل وجود استایل CSS مانند و jsx) که می بینید که اسکایپ هم تجدید نظر کرد و به ریکت نیتو اخیرا پیوست.

تفاوت اصلی React Native با سایر فریم ورک‌ها:

تفاوت اصلی React Native با سایر فریمورک­‌ها، مانندِ (PhoneGap)(Apache cordova) یا تیتانیوم شرکت (Appcelerator Titanium) که از جاوااسکریپت برای توسعه­ برنامه‌­های iOSای استفاده می­کنند، چیست؟

(برخلافِ فون­گپ) با استفاده از React Native کد شما به زبانِ جاوااسکریپت نوشته می‌­شود، اما UI برنامه کاملاً نیتیو است. این برنامه مشکلاتی را، که برنامه‌­های هیبریدی HTML5 اغلب با آن مواجه­‌اند، ندارد.
به‌­علاوه (برخلافِ تیتانیوم)، ری­اکت رویکردی تازه، اساسی و بسیار کارامد را برای ساخت واسط­‌های کاربری معرفی می­کند. UI­تان متدی از حالت کنونی برنامه (current app state) است.

React Native ،ری ­‌اکت را وارد حوزه­ برنامه‌­های موبایلی می‌­کند. هدفش این نیست که یکبار برنامه‌­ای را بنویسیم و بعد بتوانیم آن را روی هر پلتفرمی اجرا کنیم. هدف یادگیری یکباره (به شیوه­ی ری­اکت) و کدنویسی در هرجایی است. تصمیمی مهم که باید گرفته شود.

انجمن حتی ابزارهایی مانندِ Expo و Create React Native App را برای کمک بهتان اضافه کرده است تا بدون نیاز به Xcode یا اندروید استودیو بتوانید برنامه­‌های React Native را بنویسید.

می­‌توانید برنامه­‌های React Native را هم برای اندروید و هم برای iOS بنویسید،

آنچه در این ویدئوی آموزشی خواهید آموخت

 

آموزش طراحی، توسعه و انتشار اپلیکیشن موبایل

آشنایی با نحوه کار فریم ورک React Native و جریان کار توسعه

آموزش یکپارچه سازی افزونه های React Native

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

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

آشنایی ابتدایی با موبایل

آشنایی ابتدایی با جاوااسکریپت

This course will guide you through all of the app creation steps. We start with the requirements definition, then we design the app using the design tools. Later, we will focus on developing the app using React Native framework. The last part of the course focuses on preparing production builds and submitting them to the app stores (Apple and Google). Final product, the WorkTimer app is a real app available for download on both app stores.

Topics include:
Introduction
Environment setup
Requirements and Design
Create the project
Folder structure
Home View
Cleanup and Timer
Pause, resume and formatting
Extract buttons
setInterval work
Fix multiple intervals
Animation and refactoring
Finish button
Discuss the next steps
Navigation
Finish and save – UI
Finish and save – Logic
History View
Bottom Bar Navigator styling
Check Android – fix bugs
App Icons
Rename the default package name
Android App Signing
iOS App Signing
Android App Go Live!
iOS App Go Live!
Apps are public!


لینک های دانلود
راهنمای دانلود

برای دانلود گروهی، تمامی لینک ها را انتخاب کنید و در نرم افزار مدیریت دانلود خود وارد کنید سپس دانلود را آغاز کنید.
اگر نرم افزار مدیریت دانلود ندارید، پیشنهاد می شود برای دانلود فایل ها حتماً از یک نرم افزار مدیریت دانلود و مخصوصاً IDM استفاده کنید
در صورت بروز مشکل در دانلود فایل ها تنها کافی است در آخر لینک دانلود فایل یک علامت سوال ? قرار دهید تا فایل به راحتی دانلود شود.
فایل های بسیار حجیم برای سهولت دریافت به چند بخش تقسیم بندی شده اند. پس از دانلود تمامی بخش ها، همگی را درون یک پوشه قرار داده و با استفاده از نرم افزار هایی همچون winrar اقدام به بازگشایی آن ها از اولین فایل نمائید.
با Extract نمودن فایل قسمت اول، قسمت های بعدی به صورت خودکار شناخته می شوند و یک به یک از حالت فشرده خارج شده و در نهایت فایل کامل را تشکیل می دهند.
چنانچه در هنگام خارج سازی فایل از حالت فشرده با پیغام CRC مواجه شدید، در صورتی که کلمه رمز را درست وارد کرده باشید. فایل به صورت خراب دانلود شده است و می بایستی مجدداً آن را دانلود کنید
دقت کنید در هنگام بازگشایی بر روی کدام یک از قسمت ها پیغام خطای CRC داده می شود سپس برای دانلود مجدد فقط همان قسمتی که خراب دانلود شده است را دانلود نمائید.
کلمه رمز جهت بازگشایی فایل فشرده عبارت www.itgoya.ir می باشد. تمامی حروف را میبایستی به صورت کوچک تایپ کنید و در هنگام تایپ به وضعیت EN/FA کیبورد خود توجه داشته باشید همچنین بهتر است کلمه رمز را تایپ کنید و از Copy-Paste آن بپرهیزید.