Ionic 實戰(zhàn)-基于AngularJS的移動混合應用開發(fā)
定 價:75 元
- 作者:(美)Jeremy Wilken(杰里米 威爾肯斯) ,奇舞團 譯
- 出版時間:2016/7/1
- ISBN:9787121292064
- 出 版 社:電子工業(yè)
- 中圖法分類:TN929.53
- 頁碼:
- 紙張:
- 版次:1
- 開本:16開
Ionic是近幾年很火的一項跨平臺開發(fā)技術(shù)。Ionic最大的亮點是集成了Angular和Cordova,對于有開發(fā)經(jīng)驗的前端工程師來說上手難度大大降低,并且能直接使用現(xiàn)有的大量第三方庫和框架。本書是一本詳盡的 Ionic實戰(zhàn)教程,不僅告訴你“怎么做”,還告訴你“為什么”,這正是大部分入門書籍所欠缺的。無論你是否有相關(guān)開發(fā)經(jīng)驗,這本書都可以幫助你快速掌握Ionic。
只需掌握Web技術(shù)就能開發(fā)移動應用是不是很爽?有了Ionic之后,App的開發(fā)變得如此簡單:使用我們熟知的HTML、CSS和JavaScript技術(shù)就可以同時開發(fā)iOS和Android應用。本書指導Web開發(fā)者使用Ionic和AngularJS創(chuàng)建移動應用。通過大量帶有注釋的示例,本書展示了如何使用移動UI組件,如何利用當前地點數(shù)據(jù),如何集成相機等原生設備功能,如何添加手勢操作以及外部數(shù)據(jù)存儲等功能,讓我們能創(chuàng)建出更加原生的應用。本書還介紹了如何通過測試提升應用的穩(wěn)定性以及在開發(fā)中定位錯誤。然后,使用命令行工具教會大家如何創(chuàng)建并將應用發(fā)布到應用商店。內(nèi)容包括:√ 使用HTML、JavaScript和CSS創(chuàng)建移動應用√ 使用Ionic UI組件創(chuàng)建復雜交互√ 一次編譯,“到處”發(fā)布(iOS和Android)√ 使用原生設備硬件以及設備特定功能√ 涵蓋完整的移動應用開發(fā)過程讀者需要了解HTML、CSS和JavaScript知識;對于AngularJS,懂一些*好,不懂也沒有關(guān)系。
第1章 Ionic和Hybrid應用介紹 .. 1
1.1 Ionic是什么 . 2
1.2 移動開發(fā)類型 .................. 3
1.2.1 原生移動應用 ...... 4
1.2.2 移動端網(wǎng)站(Web應用) ......... 5
1.2.3 Hybrid應用 .......... 6
1.3 理解Ionic技術(shù)棧 .............. 7
1.3.1 Ionic:用戶界面框架 ............... 8
1.3.2 Angular:Web應用框架 ........ 10
1.3.3 Cordova:Hybrid應用框架 ... 10
1.4 為什么選擇Ionic ............ 11
1.4.1 開發(fā)者為什么要選擇 Ionic .... 11
1.4.2 Ionic的缺點 ....... 12
1.5 使用Ionic構(gòu)建應用的前提 ................. 13
1.5.1 掌握 HTML、CSS和 JavaScript................ 13
第1章 Ionic和Hybrid應用介紹 .. 1
1.1 Ionic是什么 . 2
1.2 移動開發(fā)類型 .................. 3
1.2.1 原生移動應用 ...... 4
1.2.2 移動端網(wǎng)站(Web應用) ......... 5
1.2.3 Hybrid應用 .......... 6
1.3 理解Ionic技術(shù)棧 .............. 7
1.3.1 Ionic:用戶界面框架 ............... 8
1.3.2 Angular:Web應用框架 ........ 10
1.3.3 Cordova:Hybrid應用框架 ... 10
1.4 為什么選擇Ionic ............ 11
1.4.1 開發(fā)者為什么要選擇 Ionic .... 11
1.4.2 Ionic的缺點 ....... 12
1.5 使用Ionic構(gòu)建應用的前提 ................. 13
1.5.1 掌握 HTML、CSS和 JavaScript................ 13
1.5.2 掌握 Web應用和 Angular ...... 13
1.5.3 擁有移動設備 .... 14
1.6 Ionic支持的移動設備和平臺 ............. 14
1.6.1 蘋果的 iOS ......... 14
1.6.2 谷歌的 Android .. 15
1.7 總結(jié) ........... 16
第2章 配置開發(fā)環(huán)境 .............. 17
2.1 快速上手 ... 18
2.1.1 設置開發(fā)環(huán)境 .... 18
2.1.2 創(chuàng)建一個新項目 21
2.1.3 項目文件夾結(jié)構(gòu) 22
2.1.4 在瀏覽器中預覽 23
2.2 配置預覽環(huán)境 ................ 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 總結(jié) ........... 35
第3章 AngularJS必備知識 ..... 37
3.1 AngularJS初探 ............... 39
3.1.1 視圖和模板:描述內(nèi)容 ......... 39
3.1.2 控制器、模型和作用域:管理數(shù)據(jù)和邏輯 ................... 41
3.1.3 Serivce:可重用的對象和方法 .................. 43
3.1.4 雙向數(shù)據(jù)綁定:在控制器和視圖之間共享數(shù)據(jù) ........... 43
3.2 配置本章的項目 ............ 43
3.2.1 獲取項目文件 .... 44
3.2.2 啟動開發(fā)服務器 44
3.3 Angular應用基礎 ........... 46
3.4 控制器:控制數(shù)據(jù)和業(yè)務邏輯 ......... 47
3.5 加載數(shù)據(jù):使用控制器來加載數(shù)據(jù)并顯示在視圖中 ............... 50
3.5.1 過濾器:轉(zhuǎn)換視圖中的數(shù)據(jù) . 53
3.6 處理選擇筆記的單擊事件 ................. 54
3.7 創(chuàng)建一個指令,用來解析Markdown格式的筆記. 56
3.8 使用模型來管理內(nèi)容編輯 ................. 59
3.9 保存和刪除筆記 ............ 62
3.9.1