آموزش توسعه اپلیکیشن موبایل با Ionic و React - ایده به اپ استور
Mobile App Development with Ionic and React - Idea to App Store
این کلاس همه چیزهایی را که برای رفتن از هیچ به یک برنامه تلفن همراه کاملاً مستقر با Ionic Framework و React نیاز دارید، فراهم می کند. کل دوره در "فصل ها" ارائه شده است تا به شما فرصت دهد تا اطلاعات را هضم و اعمال کنید. فصل 1 همه چیز در مورد پیکربندی محیط شما، ایجاد یک پروژه جدید از یک الگو، و سپس تکمیل UI با صفحات و پیمایش است.
نمای کلی
Ionic Framework در انواع پلتفرم‌های دسکتاپ پشتیبانی می‌شود. در این دوره آموزشی، شما یاد خواهید گرفت که چگونه از بدون کد به برنامه کاربردی خود که برای فروش در فروشگاه اپل اپ استور و گوگل پلی استور آماده فروش است بروید.
برخلاف بسیاری از دوره‌هایی که زمان زیادی را صرف پس‌زمینه می‌کنند، این دوره سریع و با حداقل سر و صدا خواهد بود. این همه دستی است.
پیش نیازها
من انتظار دارم که درک اولیه ای از توسعه وب داشته باشید. برای مثال باید بدانید div چیست. و بدانید که چگونه یک دکمه ایجاد کنید. شما باید درک مناسبی از جاوا اسکریپت داشته باشید، اما نیازی نیست که استاد باشید.
من انتظار ندارم که تا به حال از React یا Ionic Framework استفاده کرده باشید، اما مطمئناً در صورت استفاده از آن به شما آسیبی نمی رساند.
مفاهیم در صورت لزوم توضیح داده خواهند شد، تا جایی که بتوانم به کاربرد آنها نزدیک شوم.
هدف
تا زمانی که دوره کامل را به پایان می رسانید، باید اعتماد به نفس لازم برای ایجاد و استقرار برنامه تلفن همراه خود را برای iOS یا Android داشته باشید. این یک سواری سریع خواهد بود، بنابراین اکنون ثبت نام کنید و منتظر بمانید.
کار در حال انجام
این دوره در حال انجام است. من قصد دارم هر از چند گاهی به ارتقا و بهبود آن ادامه دهم و در صورت لزوم درس ها و چالش هایی را اضافه کنم. اگر فکر میکنید چیزی کم است، به من اطلاع دهید، و به‌روزرسانی بعدی ممکن است حاوی پیشنهادات شما باشد.
کتاب همراه
علاوه بر دوره، من یک کتاب همراه ارائه می دهم که می توانید آن را از Amazon.com در اینجا سفارش دهید:
.
آنچه را که آموخته اید اعمال کنید
اکنون که این فصل را کامل کردید، چند لحظه وقت بگذارید تا آنچه را که یاد گرفته اید در برنامه آزمایشی که به تازگی ساخته اید اعمال کنید.
نان تست "حذف" را اصلاح کنید
اعلان نان تست که اضافه کردیم تا نشان دهد دانش آموزی از فهرست حذف شده است، خود را در بالای صفحه قرار می دهد، به مدت 3000 میلی ثانیه (3 ثانیه) می ماند و سپس ناپدید می شود. کاربر نمی تواند آن را به صورت دستی رد کند. و گاهی اوقات، دیدن آن در رنگ و موقعیت پیش فرض کمی دشوار است. چالش شما رفع آن است.
- مدت زمان نان تست را به 5 ثانیه تغییر دهید.
- یک دکمه بستن اضافه کنید تا کاربر بتواند نان تست را زودتر ببندد. دکمه‌های Toast مانند دکمه‌های Action Sheet پیکربندی می‌شوند. نکته: از یک نقش به جای کنترل کننده استفاده کنید.
- نان تست را با استفاده از ویژگی موقعیت آن به پایین یا وسط صفحه منتقل کنید.
- رنگ آن را تغییر دهید.
نمادها را تغییر دهید
آیکون‌های من را دوست ندارید؟ سری بزنید و مواردی را که دوست دارید پیدا کنید. در اینجا چند ایده وجود دارد:
- می‌توانید نمادهای موجود/غایب را به چیز دیگری تغییر دهید، رنگ آنها یا هر دو را تغییر دهید.
- نمادی که ما در فهرست استفاده می کنیم بسیار عمومی است. می توانید یک جنسیت را به رابط دانشجو اضافه کنید و سپس نماد را بر اساس آن مقدار در زمان اجرا تنظیم کنید.
- رنگ هر نماد را تغییر دهید.
پیشرفته: لغو حذف
به‌جای دکمه بستن در اعلان نان تست، می‌توانید یک دکمه سریع «لغو» اضافه کنید.
پیشرفته: فهرستی را مرتب کنید
آرایه‌های TypeScript تابع مرتب‌سازی دارند. یک دکمه در نوار ابزار فهرست ارائه کنید تا به جای نام پیش‌فرض فعلی، بر اساس نام خانوادگی دانش‌آموزان مرتب شود.
مراجع
درس ها Lessons
-
مقدمه ای برای Tooling - macOS Intro to Tooling - macOS
-
ایجاد اپلیکیشن جدید Creating the New App
-
ایجاد اپلیکیشن AppStore Creating the AppStore App
-
ایجاد پروژه Xcode با خازن Creating an Xcode project with Capacitor
-
یک چیز دیگر One More Thing
-
اصلاح صفحه اصلی Modifying the Home Page
-
تایید و اعلان کاربر User Confirmation and Notification
-
اجرای برنامه آزمایشی بر روی یک دستگاه iOS واقعی Running the Demo App on a Real iOS Device
-
ناوبری اولیه Basic Navigation
-
در حال آپلود در اپ استور Uploading to the App Store
-
نماد برنامه و صفحه نمایش اسپلش App Icon and Splash Screen
-
جزئیات اتصال AppStore AppStore Connect Details
-
مقدمه ای برای Tooling - لینوکس Intro to Tooling - Linux
-
گشت با راهنما در برنامه Guided Tour of the App
-
فهرست دانشجویی Student Roster
-
مقدمه - از اینجا شروع کنید Introduction - Start Here
-
افزودن قابلیت به فهرست دانش آموزان Adding Functionality to the Student Roster
-
معرفی ملایم TSX Gentle Introduction to TSX
-
قلاب دانشجویی سفارشی Custom Student Hook
-
@10Dance - برنامه آزمایشی @10Dance - The Demo App
-
آنچه را که آموخته اید به کار ببرید Apply What You Have Learned
-
مقدمه ای برای Tooling - Windows Intro to Tooling - Windows
-
اولین برنامه Ionic شما Your First Ionic App
-
افزودن صفحه فهرست Adding the Roster Page
-
ماده جایزه Bonus Material
https://donyad.com/d/45f2
Michael Callaghan
توسعه دهنده اصلی Ionic
سلام، من مایک کالاگان هستم. من یک شوهر، پدر و مهندس نرم افزار LDS برای پارک ها، تجربه و فناوری محصولات دیزنی هستم. من همچنین دوره‌های ویدیویی درباره توسعه وب ایجاد می‌کنم که بیشتر حول محور Ionic Framework می‌چرخند.
من از سال 1995 به صورت حرفه ای نرم افزار می سازم و از Ionic Framework قبل از نسخه 1 استفاده می کنم. در چند سال گذشته، چهار دوره محبوب Ionic را برای Pluralsight تالیف کرده ام.
اکنون دارم سفر جدیدی را آغاز می‌کنم و دو دوره جدید Ionic می‌سازم، یکی با استفاده از Angular و دیگری با استفاده از React.
از شما دعوت می‌کنم در این سفر به من بپیوندید... با تجربه تمام جنبه‌های شگفت‌انگیز و شگفت‌انگیز در مورد ساخت برنامه‌های وب و موبایل.
نمایش نظرات