HTML5混合App開發（簡體書）

在競爭激烈的移動互聯網環境下，HTML5技術一直備受關注。HTML5混合App開發與原生App開發模式之間也爭議不斷。相對于原生App來說，HTML5混合App開發的成本更低、周期更短，而且隨著移動設備的硬件支持越來越好，HTML5混合App的性能也越來越好，很多企業都覺得使用HTML5混合App開發更合適。本書圍繞HTML5混合App開發進行詳細講解，全書共12章。第1章對混合App開發及涉及的技術作概括介紹，包括AngularJS、Cordova和ionic的簡介，以及這幾種技術在混合App開發中所發揮的作用。第2～6章介紹AngularJS的基礎知識，為ionic框架的學習打下基礎，主要包括AngularJS的模塊、控制器、作用域、基本原理、表達式、指令、服務等。第7～11章對ionic框架的使用進行詳細的介紹，主要包括ionic開發環境的安裝與配置、應用打包、ionic CSS、ionic JavaScript等。第12章是一個綜合項目，目的是對前面所學的知識進行鞏固。本書附有配套資源，如源代碼、教學視頻、習題、教學課件等；而且為了幫助讀者更好地學習還提供了在線答疑，希望得到更多讀者的關注。本書既可作為高等院校本、專科計算機相關專業程序設計課程的教材，也可作為廣大計算機編程愛好者的參考用書。

在移動互聯網競爭環境下， HTML5技術一直備受關注，應用日益廣泛，傳智播客開發了HTML5開發系列課程。本書基于該系列課程的扎實基礎，是一本HTML5混合App開發的應用型教材，適合有HTML5移動Web開發和JavaScript編程基礎的讀者使用。書中介紹的ionic框架在混合App開發領域技術完善，適合新手入門。書中大部分知識點都配有案例練習和代碼分析，讓讀者即學即用。本書配備了2個階段項目和1個綜合項目，有效提升讀者實操技能。內容講解通俗易懂，實例豐富，可作為高等院校計算機相關專業程序設計類課程或者Web開發的教材，也可以作為廣大IT從業者的參考用書。

目錄第1章混合App開發簡介1【教學導航】11.1什麼是混合App開發11.1.1移動App開發的三種模式11.1.2混合App開發應用場景31.2混合App開發應用技術41.2.1MVC與MVVM架構模式41.2.2AngularJS簡介61.2.3Cordova簡介81.2.4ionic簡介91.3本章小結10第2章初識AngularJS11【教學導航】112.1快速體驗AngularJS112.1.1AngularJS1與AngularJS2的區別112.1.2AngularJS的環境配置122.1.3第一個AngularJS程序132.2AngularJS的基本概念162.2.1AngularJS的模塊與控制器162.2.2AngularJS作用域202.2.3AngularJS表達式242.2.4AngularJS的指令272.2.5自動化雙向綁定282.3本章小結29第3章AngularJS的指令30【教學導航】30目錄HTML5混合App開發3.1指令的分類303.2AngularJS常用的內置指令313.2.1程序控制和數據綁定類指令313.2.2狀態設置類指令333.2.3事件綁定類指令393.2.4訪問流程類指令423.2.5加載處理類指令493.3AngularJS的自定義指令503.3.1directive()函數513.3.2自定義指令的約束533.3.3指令的作用域543.4本章小結58第4章AngularJS相關原理59【教學導航】594.1AngularJS與MVVM594.2AngularJS的啟動流程604.3臟檢查機制624.3.1臟檢查機制的實現原理624.3.2$watch函數664.3.3$apply函數674.4AngularJS與依賴注入684.4.1什麼是依賴注入694.4.2JavaScript如何實現依賴注入704.4.3AngularJS中的依賴注入724.5本章小結74第5章AngularJS的服務75【教學導航】755.1AngularJS創建服務755.1.1使用provider()函數創建服務765.1.2使用factory()函數創建服務795.1.3使用service()函數創建服務805.1.4使用value()和constant()函數創建服務835.2AngularJS內置服務855.2.1訪問JavaScript全局物件855.2.2AngularJS路由915.2.3AngularJS中的Ajax訪問955.3本章小結98第6章AngularJS框架項目實戰996.1項目實戰——邀請名單996.1.1項目展示996.1.2項目分析1016.1.3項目目錄和文件結構1036.1.4封裝物件模型1046.1.5編寫業務邏輯1066.1.6編寫靜態頁面1076.1.7添加數據綁定1106.2項目實戰——電影列表1116.2.1項目展示1116.2.2項目分析1136.2.3項目目錄和文件結構1156.2.4接口API測試1166.2.5搭建項目並封裝自定義的JSONP服務1176.2.6封裝和測試數據物件模型1196.2.7編寫電影列表頁面的控制器和模板1226.2.8編寫電影詳情頁面的控制器和模板1256.2.9完成路由功能並整合項目1266.3本章小結128第7章ionic開發環境的安裝與配置129【教學導航】1297.1安裝Android SDK1297.1.1JDK的下載和安裝1297.1.2Android SDK的下載和安裝1357.2安裝Node.js1427.2.1Node.js和NPM簡介1427.2.2Node.js的下載和安裝1427.3安裝Git1467.4安裝ionic和Cordova1507.4.1ionic1與ionic2的區別1507.4.2ionic和Cordova的安裝1507.5本章小結151第8章快速體驗ionic項目152【教學導航】1528.1快速創建ionic項目1528.1.1ionic的3種項目模板1528.1.2下載項目模板1538.1.3為項目添加Android平臺支持1558.1.4打包Android APK1578.2ionic項目目錄和文件結構1598.2.1常用工作目錄和重要文件1598.2.2其他工作目錄和文件1638.3定制項目圖標和啟動頁1658.4本章小結168第9章ionic CSS169【教學導航】1699.1基本布局類樣式1699.1.1手機App常用布局方式1699.1.2定高條塊1709.1.3內容區域1759.2顏色和圖標類樣式1779.2.1顏色1779.2.2圖標1799.3界面組件類樣式1819.3.1按鈕1819.3.2列表1859.3.3卡片1919.3.4表單輸入1929.3.5選項卡2009.4柵格系統類樣式2049.4.1基本行與列2049.4.2指定列寬2059.4.3指定列偏移2069.4.4列表縱向對齊2079.4.5響應式柵格2099.5本章小結210第10章ionic JavaScript(上)212【教學導航】21210.1ionic JavaScript概述21210.1.1ionic指令式組件21210.1.2ionic服務式組件21310.2基本布局組件21410.2.1固定標題欄21410.2.2內容區域21610.2.3滾動條21810.2.4滾動刷新22010.2.5下拉刷新22310.2.6手動控制滾動視圖22510.3ionic路由22910.3.1路由狀態機22910.3.2模板視圖與視圖容器23010.3.3路由的實現23010.4界面組件23310.4.1頂部導航欄23410.4.2列表23710.4.3表單輸入24110.4.4幻燈片24310.4.5側邊欄菜單24610.4.6選項卡25110.5本章小結256第11章ionic JavaScript(下)257【教學導航】25711.1動態組件25711.1.1模態對話框25711.1.2上拉菜單26211.1.3彈出框26511.1.4浮動框26911.1.5背景幕27311.1.6載入指示器27511.2手勢事件27711.2.1常用的手勢事件27711.2.2手動注冊與解除手勢事件27811.3IndexedDB27911.3.1IndexedDB簡介27911.3.2Object Store28011.3.3請求的生命周期28111.3.4IndexedDB的基本使用28211.4本章小結289第12章項目實戰——Mall App29012.1項目簡介29012.1.1項目展示29012.1.2項目目錄和文件結構29312.2任務1——項目結構搭建29512.2.1任務描述29512.2.2任務分析29512.2.3代碼實現29612.3任務2——引導頁29812.3.1任務描述29812.3.2任務分析29912.3.3代碼實現30012.4任務3——導航標簽30712.4.1任務描述30712.4.2任務分析30712.4.3代碼實現30712.5任務4——商城首頁31012.5.1任務描述31012.5.2任務分析31012.5.3代碼實現31112.6任務5——商品分類32312.6.1任務描述32312.6.2任務分析32412.6.3代碼實現32412.7任務6——商品列表33512.7.1任務描述33512.7.2任務分析 33512.7.3代碼實現33612.8任務7——商品詳情34712.8.1任務描述34712.8.2任務分析34712.8.3代碼實現34912.9任務8——購物車36412.9.1任務描述36412.9.2任務分析36512.9.3代碼實現36512.10任務9——個人中心37912.10.1任務描述37912.10.2任務分析37912.10.3代碼實現38012.11本章小結388