Ionic 實戰:基於 AngularJS 的移動混合應用開發 Ionic实战:基于AngularJS的移动混合应用开发

<內容簡介>

Ionic是近幾年很火的一項跨平臺開發技術。 Ionic最 大的亮點是集成了Angular和Cordova，對於有開發經驗的前端工程師來說上手難度大大降低，並且能直接使用現有的大量第三方庫和框架。本書是一本詳盡的 Ionic實戰教程，不僅告訴你“怎麼做”，還告訴你“為什麼”，這正是大部分入門書籍所欠缺的。無論你是否有相關開發經驗，這本書都可以幫助你快速掌握Ionic。

<章節目錄>

第1章 Ionic和Hybrid應用介紹1
1.1 Ionic是什麼2
1.2 移動開發類型3
1.2.1 原生移動應用4
1.2.2 移動端網站（Web應用）5
1.2.3 Hybrid應用6
1.3 理解Ionic技術棧7
1.3.1 Ionic：用戶界面框架8
1.3.2 Angular：Web應用框架10
1.3.3 Cordova：Hybrid應用框架10
1.4 為什麼選擇Ionic11
1.4.1 開發者為什麼要選擇Ionic11
1.4.2 Ionic的缺點12
1.5 使用Ionic構建應用的前提13
1.5.1 掌握HTML、CSS和JavaScript13
1.5.2 掌握Web應用和Angular13
1.5.3 擁有移動設備14
1.6 Ionic支持的移動設備和平臺14
1.6.1 蘋果的iOS14
1.6.2 谷歌的Andr​​oid15
1.7 總結16
第2章 配置開發環境17
2.1 快速上手18
2.1.1 設置開發環境18
2.1.2 創建一個新項目21
2.1.3 項目文件夾結構22
2.1.4 在瀏覽器中預覽23
2.2 配置預覽環境24
2.2.1 安裝平臺工具25
2.2.2 配置模擬器26
2.2.3 配置連接設備31
2.2.4 給項目添加平臺32
2.2.5 在模擬器中預覽32
2.2.6 在移動設備上預覽33
2.3 總結35
第3章 AngularJS必備知識37
3.1 AngularJS初探39
3.1.1 視圖和模板：描述內容39
3.1.2 控制器、模型和作用域：管理數據和邏輯41
3.1.3 Serivce：可重用的對象和方法43
3.1.4 雙向數據綁定：在控制器和視圖之間共享數據43
3.2 配置本章的項目43
3.2.1 獲取項目文件44
3.2.2 啟動開發服務器44
3.3 Angular應用基礎46
3.4 控制器：控制數據和業務邏輯47
3.5 加載數據：使用控制器來加載數據並顯示在視圖中50
3.5.1 過濾器：轉換視圖中的數據53
3.6 處理選擇筆記的單擊事件54
3.7 創建一個指令，用來解析Markdown格式的筆記56
3.8 使用模型來管理內容編輯59
3.9 保存和刪除筆記62
3.9.1 添加save（）方法63
3.9.2 使用Angular表單進行驗證64
3.9.3 添加和刪除方法64
3.10 繼續學習Angular65
3.11 挑戰66
3.12 總結66
第4章 Ionic導航和核心組件68
4.1 配置項目70
4.1.1 創建一個新應用並手動添加代碼70
4.1.2 克隆完整版應用70
4.2 配置應用導航70
4.2.1 設計良好的應用導航72
4.2.2 使用狀態管理器來聲明應用視圖73
4.3 構建主視圖77
4.3.1 創建內容容器77
4.3.2 使用CSS組件並添加一個簡單的鏈接列表78
4.3.3 給列表元素添加圖標80
4.4 使用控制器和模型來開發預訂視圖81
4.5 把數據加載到天氣視圖中85
4.5.1 給天氣視圖添加模板86
4.5.2 創建天氣控制器加載外部數據87
4.5.3 給天氣視圖添加一個加載指示器89
4.6 在餐館視圖中使用卡片和無限滾動91
4.7 使用幻燈片組件來實現應用介紹94
4.8 挑戰97
4.9 總結98
第5章 選項卡、高級列表和表單組件99
5.1 配置本章的項目101
5.1.1 手動創建項目並添加代碼101
5.1.2 克隆完整項目101
5.2 ionTabs：添加選項卡和導航101
5.2.1 給應用添加選項卡容器和三個選項卡103
5.3 給每個選項卡添加ionNavView104
5.4 加載並顯示當前的比特幣匯率109
5.5 在同一個選項卡視圖中顯示貨幣細節114
5.6 刷新比特幣匯率並顯示幫助信息117
5.6.1 IonRefresher：下拉刷新匯率118
5.6.2 $IonicPopover：彈出幫助信息120
5.7 繪製歷史數據123
5.7.1 配置第三方庫123
5.7.2 歷史信息選項卡模板：使用Highcharts和下拉列表來切換貨幣124
5.7.3 歷史信息選項卡控制器：加載數據並配置圖表125
5.8 貨幣選項卡：支持重新排序和開關129
5.8.1 IonReorderButton：讓列表支持重新排序129
5.8.2 IonToggle：給列表元素添加開關131
5.9 挑戰132
5.10 總結132
……
第6章 使用Ionic開發一款天氣應用134
第7章 開發高級應用173
第8章 使用Cordova插件198
第9章 預覽、調試和自動化測試220
第10章 編譯並發布應用246
附錄A 相關資源262