Xamarin.Forms 的一日課程規劃
現在的網路生活建基於行動裝置上。而快速抵達市場是開發 App 的重要需求。
Xamarin.Forms 兼顧跨平台以及利用 Xamarin.iOS 及 Xamarin.Android 累積的資源。可以幫助你快速達成同時推出 iOS App 及 Android App 的目標。
如果想要從 Web 開發領域跨進行動開發領域。Xamarin.Forms 也是一個很好的入門磚。先不要去處理 Apple 及 Google 所規劃的不同路線。直接以 Xamairn.Forms 開發 iOS 及 Android 上的應用程式。
本課程從 iOS 及 Android 開發的基礎開始,一路帶你進入行動開發領域。運用 Xamarin.Forms 的快速開發特性,迴避可能路障。先讓你快速進入行動開發世界。
Xamarin.Forms 兼顧跨平台以及利用 Xamarin.iOS 及 Xamarin.Android 累積的資源。可以幫助你快速達成同時推出 iOS App 及 Android App 的目標。
如果想要從 Web 開發領域跨進行動開發領域。Xamarin.Forms 也是一個很好的入門磚。先不要去處理 Apple 及 Google 所規劃的不同路線。直接以 Xamairn.Forms 開發 iOS 及 Android 上的應用程式。
本課程從 iOS 及 Android 開發的基礎開始,一路帶你進入行動開發領域。運用 Xamarin.Forms 的快速開發特性,迴避可能路障。先讓你快速進入行動開發世界。
| 時間 | 段落 | 主題 | 內容 | 說明 | 使用時間 | |
| Day 1 | Section 1 | 基本概念 | Xamarin.iOS 的執行架構 | 在使用 Xamarin.Forms 前,應該需要認識 Xamarin.iOS 才能進階使用 Xamarin.Forms 。包括進行部署測試及了解錯誤訊息。 | 15 min | 50 min |
| Xamarin.Android 的執行架構 | 在使用 Xamarin.Forms 前,應該需要認識 Xamarin.Android 才能進階使用 Xamarin.Forms 。包括進行部署測試及了解錯誤訊息。 | 15 min | ||||
| Xamarin.Forms 的設計目標與實現 | 講述 Xamarin.Forms 要達成的目標與相應的技術挑戰 | 15 min | ||||
| 下課休息 | 10 min | |||||
| Section 2 | UI 設計 | Concept | 直接講 Flat Design 的概念與設計方法。UX 的注意事項 | 10 min | 50 min | |
| Layout | Layout 需要掌握的幾組基本概念 | 10 min | ||||
| 講解並且展示 StackLayout, AbsoluteLayout, Grid 與 RelativeLayout | 30 min | |||||
| 中午休息 | 中午休息 | |||||
| Xamarin.Forms 的 UI 要素 | Xamarin.Forms 的 UI 都建立在 Page 與 View 上。需要瞭解這兩者的設計目標與合作方式 | 5 min | 50 min | |||
| 使用 Code 產生 UI | 使用 C# 產生 Page 與 View ,並且展示效果。 | 5 min | ||||
| Demo | 10 min | |||||
| XAML 介紹 | 介紹 Xamarin.Forms 使用的 XAML,並且與 WPF, Sliverlight 做一些比較。 | 5 min | ||||
| 使用 XAML 編輯畫面 | 介紹 Visual Studio for Mac 及 Visual Studio 2017 的 UI Designer | 15 min | ||||
| Demo | 10 min | |||||
| 下課休息 | 10 min | |||||
| 使用 XAML 連結資源與資料 | 分別介紹 Xamarin.Forms 連結資源與連結資料 | 25 min | 50 min | |||
| Demo | 10 min | |||||
| 使用 XAML 連結事件 | 使用 XAML 連結事件處理函式 | 10 min | ||||
| Demo | 5 min | |||||
| 下課休息 | 10 min | |||||
| Section 3 | 系統服務 | .NET Library - System.Threading.Task | 非同步作業對 App 的體驗十分重要,所以需要使用 async await 與 Task | 10 min | 50 min | |
| .NET Library - System.Net | App 需要向後端存取服務,System.Net 是重要工具 | 5 min | ||||
| Demo | 搭配使用前兩者,取得網路資源 | 5 min | ||||
| Dependency Service | 這個設計模式是整個 Xamarin.Forms 的基礎。若是不懂就完了! | 10 min | ||||
| HUD Integration | 運用前述三個概念,運用於取得網頁資料 | 20 min | ||||
| 下課休息 | 10 min | |||||
| Section 4 | 實作 App | 專案類型 | 使用 ASP.NET Web API 2 作為接口,串接後端與行動端 | 5 min | 50 min | |
| Azure 專案部署 | 使用VSTS 進行版本管理,並且部署在 Azure | 5 min | ||||
| MVVM 極簡使用 | 使用 MVVM 模式,快速串接資料與UI | 10 min | ||||
| Navigation | Page 間的 Navigation | 5 min | ||||
| Master-Detail | 搭配 MVVM 建立 Master-Detail Page | 5 min | ||||
| Add Map | 加上地圖服務 | 5 min | ||||
| 部署到實機 | 使用 Xamarin Live Player 進行 debug 與測試 | 10 min | ||||
| 結語 | 課程 Q & A | 5 min | ||||
留言
張貼留言