آیا جالب نیست اگر برنامههای وب Ionic شما روی دسکتاپ نیز اجرا شوند؟ با الکترون، آنها میتوانند! تمام زمان و تلاشی که صرف یادگیری فناوریهای موبایل تحت وب مانند HTML، CSS، JavaScript، Angular و Ionic کردهاید، میتواند روی دسکتاپ اعمال شود.
آنچه یاد خواهید گرفت: توسعه دسکتاپ از لحاظ تاریخی به مهارتهای بسیار متفاوتی نسبت به مهارتهای مورد نیاز برای توسعه وب نیاز داشته است. این دو رشته به خوبی با هم ترکیب نمیشوند. در این دوره آموزشی، ساخت اپلیکیشنهای دسکتاپ با Ionic 4 و Electron 5، شما این توانایی را به دست خواهید آورد که مهارتهای توسعه وب خود را که به سختی به دست آوردهاید، برای ساخت برنامههای دسکتاپ شگفت انگیز به کار ببرید. ابتدا یاد خواهید گرفت که چگونه با Ionic و Angular یک رابط کاربری کاربردی و جذاب بسازید. در مرحله بعد، نحوه قرار دادن این رابط کاربری را در یک پوسته برنامه Electron خواهید فهمید. در نهایت، نحوه بستهبندی برنامه خود و آمادهسازی آن برای توزیع را بررسی خواهید کرد. پس از اتمام این دوره، مهارتها و دانش توسعه Ionic و Electron مورد نیاز برای استقرار و توزیع یک برنامه زیبا برای کاربران ویندوز و macOS را خواهید داشت.
نمونه ویدیوی آموزشی ( زیرنویسها جدا از ویدیو است و میتوانید آنرا نمایش ندهید ) :
[ENGLISH]
01 Course Overview [2mins]
01-01 Course Overview [2mins]
02 Getting Started [20mins]
02-01 Version Check [0mins]
02-02 Introduction [1mins]
02-03 Project Overview [3mins]
02-04 Prerequisites [1mins]
02-05 Hardware and Software Requirements [1mins]
02-06 Mac Tools Quick Start [5mins]
02-07 Windows Tools Quick Start [4mins]
02-08 Linux Tools Quick Start [4mins]
02-09 Wrap Up [1mins]
03 Building a Desktop UI with Ionic [27mins]
03-01 Introduction [2mins]
03-02 Creating the Ionic Project [1mins]
03-03 Completing the Home Page [6mins]
03-04 Adding Google Maps [9mins]
03-05 Getting and Displaying Addresses [9mins]
04 Storage [20mins]
04-01 Introduction [3mins]
04-02 The Storage Service [6mins]
04-03 Using the Storage Service [4mins]
04-04 Updating the Home Page UI [5mins]
04-05 The Results [2mins]
05 Adding Electron: Interacting with the Host OS [40mins]
05-01 Overview [3mins]
05-02 Adding Electron [10mins]
05-03 Reviewing Electron Code [6mins]
05-04 Adding a Menu Bar [6mins]
05-05 Customizing Icon and Splash Images [9mins]
05-06 Using the System Notification Area [6mins]
06 Application Communications [53mins]
06-01 Overview [4mins]
06-02 Ionic to Electron [6mins]
06-03 Demo: Ionic to Electron [4mins]
06-04 Electron to Ionic [5mins]
06-05 Communicating with the User - Reactive Forms [7mins]
06-06 Communicating with the User - Displaying and Using the Form [7mins]
06-07 Demo: Communicating with the User [2mins]
06-08 Pinpoint to Web API [3mins]
06-09 Pinpoint to Web API - Service Code [9mins]
06-10 Pinpoint to Web API - UI Code [2mins]
06-11 Demo: Pinpoint to Web API [2mins]
06-12 Summary [2mins]
07 Packaging and Deployment [56mins]
07-01 Overview [2mins]
07-02 Electron Builder [5mins]
07-03 Electron Builder Demo - Windows [3mins]
07-04 Electron Builder Demo - Mac [3mins]
07-05 Application Deployment [4mins]
07-06 Deployment Demo - Windows [3mins]
07-07 Code Signing - Windows [2mins]
07-08 Code Signing Demo - Windows [2mins]
07-09 Code Signing - macOS [10mins]
07-10 Apply Code Signing Certificate - macOS [5mins]
07-11 Notarize Demo - macOS [3mins]
07-12 Auto Updates [6mins]
07-13 Auto Updates Demo [4mins]
07-14 Auto Updates Demo - On The Road [2mins]
07-15 What Next? [2mins]
[فارسی]
01 بررسی اجمالی دوره [2 دقیقه]
01-01 بررسی اجمالی دوره [2 دقیقه]
02 شروع به کار [20 دقیقه]
02-01 بررسی نسخه [0 دقیقه]
02-02 مقدمه [1 دقیقه]
02-03 نمای کلی پروژه [3 دقیقه]
02-04 پیش نیازها [1 دقیقه]
02-05 سختافزار و نرمافزار مورد نیاز [1 دقیقه]
02-06 شروع سریع Mac Tools [5 دقیقه]
02-07 شروع سریع ابزارهای ویندوز [4 دقیقه]
02-08 شروع سریع ابزارهای لینوکس [4 دقیقه]
02-09 جمعبندی [1 دقیقه]
03 ساخت رابط کاربری دسکتاپ با Ionic [27 دقیقه]
03-01 مقدمه [2 دقیقه]
03-02 ایجاد پروژه Ionic [1 دقیقه]
03-03 تکمیل صفحه اصلی [6 دقیقه]
03-04 افزودن Google Maps [9 دقیقه]
03-05 دریافت و نمایش آدرسها [9 دقیقه]
04 ذخیرهسازی [20 دقیقه]
04-01 مقدمه [3 دقیقه]
04-02 سرویس ذخیرهسازی [6 دقیقه]
04-03 استفاده از سرویس ذخیرهسازی [4 دقیقه]
04-04 بهروزرسانی رابط کاربری صفحه اصلی [5 دقیقه]
04-05 نتایج [2 دقیقه]
05 افزودن الکترون- تعامل با سیستم عامل میزبان [40 دقیقه]
05-01 نمای کلی [3 دقیقه]
05-02 افزودن الکترون [10 دقیقه]
05-03 مرور کد الکترونیکی [6 دقیقه]
05-04 افزودن نوار منو [6 دقیقه]
05-05 سفارشی کردن نمادها و تصاویر اسپلش [9 دقیقه]
05-06 استفاده از منطقه اعلان سیستم [6 دقیقه]
06 ارتباطات برنامه [53 دقیقه]
06-01 نمای کلی [4 دقیقه]
06-02 یونی به الکترون [6 دقیقه]
06-03 نسخهی نمایشی- یونی به الکترون [4 دقیقه]
06-04 الکترون به یونی [5 دقیقه]
06-05 برقراری ارتباط با کاربر - فرمهای واکنشی [7 دقیقه]
06-06 برقراری ارتباط با کاربر - نمایش و استفاده از فرم [7 دقیقه]
06-07 نسخهی نمایشی- برقراری ارتباط با کاربر [2 دقیقه]
06-08 اشاره به Web API [3 دقیقه]
06-09 اشاره به Web API - کد سرویس [9 دقیقه]
06-10 اشاره به Web API - کد رابط کاربری [2 دقیقه]
06-11 نسخهی نمایشی- مشخص کردن API وب [2 دقیقه]
06-12 خلاصه [2 دقیقه]
07 بستهبندی و استقرار [56 دقیقه]
07-01 نمای کلی [2 دقیقه]
07-02 الکترون بیلدر [5 دقیقه]
07-03 نسخه نمایشی Electron Builder - Windows [3 دقیقه]
07-04 نسخه نمایشی Electron Builder - Mac [3 دقیقه]
07-05 استقرار برنامه [4 دقیقه]
07-06 نسخه نمایشی استقرار - Windows [3 دقیقه]
07-07 امضای کد - Windows [2 دقیقه]
07-08 نسخه نمایشی امضای کد - Windows [2 دقیقه]
07-09 امضای کد - macOS [10 دقیقه]
07-10 اعمال گواهی امضای کد - macOS [5 دقیقه]
07-11 نسخه آزمایشی محضری - macOS [3 دقیقه]
07-12 به روز رسانی خودکار [6 دقیقه]
07-13 نسخه نمایشی به روز رسانی خودکار [4 دقیقه]
07-14 نسخه نمایشی به روز رسانی خودکار - در جاده [2 دقیقه]
07-15 بعدش چی؟ [2 دقیقه]
توسعهدهنده نرمافزار / رهبر فناوری با بیش از بیست سال تجربه حرفهای توسعه نرمافزار، عمدتاً در محیطهای مایکروسافت و لینوکس، که دهه گذشته آن صرف جمعآوری، راهنمایی و هدایت تیمهای توسعه شده است.