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