Web前端技術(shù)叢書(shū)IONIC 移動(dòng)開(kāi)發(fā)入門(mén)與實(shí)戰(zhàn)(第2版) 版權(quán)信息
- ISBN:9787302503453
- 條形碼:9787302503453 ; 978-7-302-50345-3
- 裝幀:一般膠版紙
- 冊(cè)數(shù):暫無(wú)
- 重量:暫無(wú)
- 所屬分類:>
Web前端技術(shù)叢書(shū)IONIC 移動(dòng)開(kāi)發(fā)入門(mén)與實(shí)戰(zhàn)(第2版) 本書(shū)特色
Ionic是目前集流行與成熟兩個(gè)特點(diǎn)于一身的跨平臺(tái)移動(dòng)開(kāi)發(fā)框架。本書(shū)以實(shí)例驅(qū)動(dòng)講解的方式,讓僅有簡(jiǎn)單網(wǎng)頁(yè)制作基礎(chǔ)知識(shí)的讀者,也能輕松掌握Ionic3.X下的移動(dòng)應(yīng)用開(kāi)發(fā)。
本書(shū)分為4篇,第1篇是移動(dòng)開(kāi)發(fā)準(zhǔn)備,介紹了Ionic、Phonegap、Cordova、HTML5和移動(dòng)開(kāi)發(fā)的一些基礎(chǔ)知識(shí);第2篇是Ionic基礎(chǔ)知識(shí)準(zhǔn)備與常用庫(kù),介紹了配置開(kāi)發(fā)Ionic環(huán)境所依賴的Angular、SASS、Gulplodash等業(yè)內(nèi)主流庫(kù)和工具;第3篇是Ionic組件完全解析,對(duì)Ionic的內(nèi)置樣式和TypeScript組件類進(jìn)行完整解析;第4篇是App項(xiàng)目實(shí)戰(zhàn)和發(fā)布推廣,介紹了如何按照業(yè)內(nèi)通行實(shí)踐的策劃、設(shè)計(jì)、開(kāi)發(fā)過(guò)程完成Ionic開(kāi)發(fā)的完整App。在開(kāi)發(fā)完成之后,詳解如何為Android和iOS兩大移動(dòng)平臺(tái)發(fā)布和推廣更新自己的App。
本書(shū)內(nèi)容詳盡、實(shí)例豐富,是Ionic初學(xué)者、HTML 5愛(ài)好者、移動(dòng)互聯(lián)網(wǎng)創(chuàng)業(yè)者、移動(dòng)開(kāi)發(fā)人員**的參考書(shū),同時(shí)也適合高等院校和培訓(xùn)學(xué)校的師生學(xué)習(xí)閱讀。
Web前端技術(shù)叢書(shū)IONIC 移動(dòng)開(kāi)發(fā)入門(mén)與實(shí)戰(zhàn)(第2版) 內(nèi)容簡(jiǎn)介
Ionic是目前集流行與成熟兩個(gè)特點(diǎn)于一身的跨平臺(tái)移動(dòng)開(kāi)發(fā)框架。本書(shū)以實(shí)例驅(qū)動(dòng)講解的方式,讓僅有簡(jiǎn)單網(wǎng)頁(yè)制作基礎(chǔ)知識(shí)的讀者,也能輕松掌握Ionic3.X下的移動(dòng)應(yīng)用開(kāi)發(fā)。本書(shū)分為4篇,靠前篇是移動(dòng)開(kāi)發(fā)準(zhǔn)備,介紹了Ionic、Phonegap、Cordova、HTML5和移動(dòng)開(kāi)發(fā)的一些基礎(chǔ)知識(shí);第2篇是Ionic基礎(chǔ)知識(shí)準(zhǔn)備與常用庫(kù),介紹了配置開(kāi)發(fā)Ionic環(huán)境所依賴的Angular、SASS、Gulplodash等業(yè)內(nèi)主流庫(kù)和工具;第3篇是Ionic組件接近解析,對(duì)Ionic的內(nèi)置樣式和TypeScript組件類進(jìn)行完整解析;第4篇是App項(xiàng)目實(shí)戰(zhàn)和發(fā)布推廣,介紹了如何按照業(yè)內(nèi)通行實(shí)踐的策劃、設(shè)計(jì)、開(kāi)發(fā)過(guò)程完成Ionic開(kāi)發(fā)的完整App。在開(kāi)發(fā)完成之后,詳解如何為Android和iOS兩大移動(dòng)平臺(tái)發(fā)布和推廣更新自己的App。本書(shū)內(nèi)容詳盡、實(shí)例豐富,是Ionic初學(xué)者、HTML 5愛(ài)好者、移動(dòng)互聯(lián)網(wǎng)創(chuàng)業(yè)者、移動(dòng)開(kāi)發(fā)人員推薦的參考書(shū),同時(shí)也適合高等院校和培訓(xùn)學(xué)校的師生學(xué)習(xí)閱讀。
Web前端技術(shù)叢書(shū)IONIC 移動(dòng)開(kāi)發(fā)入門(mén)與實(shí)戰(zhàn)(第2版) 目錄
目 錄
**篇 移動(dòng)開(kāi)發(fā)準(zhǔn)備
第1章 歡迎進(jìn)入移動(dòng)開(kāi)發(fā)的世界 3
1.1 移動(dòng)互聯(lián)網(wǎng)行業(yè)的浪潮 3
1.2 跨平臺(tái)移動(dòng)開(kāi)發(fā)框架 4
1.2.1
什么是跨平臺(tái)移動(dòng)開(kāi)發(fā)框架 4
1.2.2
為什么選擇跨平臺(tái)移動(dòng)開(kāi)發(fā)框架 5
1.2.3
可選的跨平臺(tái)移動(dòng)開(kāi)發(fā)框架簡(jiǎn)介 6
1.2.4
什么是PhoneGap / Cordova / Ionic 9
1.3 初識(shí)Ionic v3.x
10
1.3.1
為什么選擇Ionic 10
1.3.2
基于Web技術(shù)HTML 5/CSS 3/JavaScript 11
1.3.3
基于Angular框架 12
1.3.4
接近原生App應(yīng)用的絢麗界面組件 13
1.3.5
自適應(yīng)(Responsive)布局 14
1.3.6
支持個(gè)(任)性定制 14
1.3.7
Ionic的缺點(diǎn) 14
1.3.8
Ionic的商業(yè)案例 15
1.3.9
Ionic的開(kāi)源案例 17
1.4 學(xué)習(xí)完本書(shū)找工作與創(chuàng)業(yè)
17
1.4.1
從本書(shū)的項(xiàng)目實(shí)戰(zhàn)開(kāi)始準(zhǔn)備技術(shù)作品 17
1.4.2
Ionic 助力實(shí)現(xiàn)你的創(chuàng)業(yè)夢(mèng)想 18
1.5 小結(jié) 18
第2章 Ionic 的開(kāi)發(fā)調(diào)試環(huán)境安裝 19
2.1
Ionic 快速上手環(huán)境安裝 19
2.1.1
安裝Node.js和NPM 19
2.1.2
安裝Git 21
2.1.3
安裝Gulp和Bower 23
2.1.4
安裝Ionic CLI與Cordova 25
2.1.5
安裝設(shè)置Chrome瀏覽器(推薦) 27
2.1.6
Hello Ionic項(xiàng)目 29
2.1.7
使用瀏覽器驗(yàn)證開(kāi)發(fā)環(huán)境自動(dòng)重載特性 30
2.2
Windows下安裝Android開(kāi)發(fā)平臺(tái) 31
2.2.1
安裝Android開(kāi)發(fā)環(huán)境 31
2.2.2
為測(cè)試項(xiàng)目增加Android平臺(tái)支持 36
2.2.3
連接Android實(shí)體機(jī)設(shè)備測(cè)試App 36
2.2.4
不使用Android模擬器的說(shuō)明 37
2.3
Mac OS下安裝iOS與Android開(kāi)發(fā)平臺(tái) 37
2.3.1
安裝Xcode 38
2.3.2
為測(cè)試項(xiàng)目增加iOS平臺(tái)支持 38
2.3.3
連接iOS模擬器測(cè)試App 38
2.3.4
低成本連接iOS實(shí)體機(jī)設(shè)備測(cè)試App 39
2.3.5
安裝Android開(kāi)發(fā)環(huán)境 40
2.3.6
為測(cè)試項(xiàng)目增加Android平臺(tái)支持 45
2.3.7
連接Android實(shí)體機(jī)設(shè)備測(cè)試App 45
2.4 安裝開(kāi)發(fā)工具Visual
Studio Code(推薦) 46
2.4.1
安裝開(kāi)發(fā)工具Visual Studio Code 46
2.4.2
安裝Ionic輔助編碼插件 47
2.5 小結(jié) 48
第二篇 Ionic基礎(chǔ)知識(shí)準(zhǔn)備與常用庫(kù)
第3章 Angular入門(mén)初步 51
3.1
AngularCLI安裝與使用 51
3.1.1
AngularCLI的安裝 52
3.1.2
使用AngularCLI創(chuàng)建項(xiàng)目 52
3.1.3
使用AngularCLI啟動(dòng)開(kāi)發(fā)服務(wù)器 53
3.2
Angular整體結(jié)構(gòu)概述 54
3.2.1
Angular與TypeScript 54
3.2.2
Angular實(shí)現(xiàn)了M.V.VM模式 55
3.2.3
Angular實(shí)現(xiàn)了模塊化 55
3.2.4
Angular實(shí)現(xiàn)了聲明式界面 56
3.2.5
Angular實(shí)現(xiàn)了雙向數(shù)據(jù)綁定 56
3.3 模塊與依賴注入 57
3.3.1
根模塊 57
3.3.2
使用模塊與組件依賴注入 58
3.4 組件與模板 59
3.4.1
Angular中的組件 59
3.4.2
Angular中的模板和元數(shù)據(jù) 59
3.5 指令與服務(wù) 60
3.5.1
指令是什么 60
3.5.2
指令的使用 61
3.6 服務(wù)類組件 63
3.7 一個(gè)簡(jiǎn)單的Angular項(xiàng)目:實(shí)時(shí)自選股行情頁(yè)
64
3.8 小結(jié) 70
第4章 其他基礎(chǔ)知識(shí)與Ionic項(xiàng)目結(jié)構(gòu) 71
4.1
SASS 入門(mén) 71
4.1.1
變量與計(jì)算 72
4.1.2
樣式嵌套 73
4.1.3
單行注釋 // 75
4.1.4
繼承@extend 76
4.1.5
混入@mixin與@include 77
4.1.6
顏色計(jì)算 79
4.1.7
引入文件@import 80
4.1.8
條件語(yǔ)句@if和@else 81
4.2
lodash(可選學(xué)) 81
4.2.1
使用場(chǎng)景 82
4.2.2
引入到項(xiàng)目 82
4.2.3
進(jìn)一步學(xué)習(xí)指南 82
4.3
Gulp使用簡(jiǎn)介(可選學(xué)) 83
4.3.1
Gulp主文件gulpfile.js的執(zhí)行原理 83
4.3.2
獲取流函數(shù)src 84
4.3.3
寫(xiě)文件函數(shù)dest 85
4.3.4
監(jiān)視文件變化函數(shù)watch 86
4.3.5
定義任務(wù)函數(shù)task 87
4.3.6
解析Ionic項(xiàng)目Gulp主文件 88
4.4
Ionic項(xiàng)目模板目錄結(jié)構(gòu)簡(jiǎn)介 89
4.4.1
常用工作目錄src 90
4.4.2
常用工作目錄scss 91
4.4.3
常用工作目錄 resources 91
4.4.4
重要文件package.json 91
4.4.5
重要文件config.xml 91
4.4.6
其他目錄與文件簡(jiǎn)介 92
4.5 小結(jié) 92
第三篇 Ionic組件完全解析
第5章 Ionic常用內(nèi)置組件 95
5.1 選項(xiàng)卡欄 95
5.2 導(dǎo)航欄 99
5.2.1
單層標(biāo)題導(dǎo)航欄 99
5.2.2
多層標(biāo)題導(dǎo)航欄 100
5.2.3
導(dǎo)航欄的頁(yè)面跳轉(zhuǎn) 101
5.3 按鈕 105
5.3.1
按鈕顏色設(shè)置 105
5.3.2
按鈕尺寸與形狀 106
5.3.3
無(wú)填充色按鈕 107
5.3.4
圖標(biāo)按鈕 108
5.3.5
標(biāo)題欄按鈕 110
5.4 列表容器 112
5.4.1
列表頭、普通列表和箭頭列表 115
5.4.2
圖標(biāo)列表 116
5.4.3
圖片列表 116
5.4.4
側(cè)滑列表 116
5.5 展示卡 117
5.5.1
普通卡片 118
5.5.2
列表卡片 119
5.5.3
社交類卡片 119
5.6 輸入框 121
5.6.1
普通輸入框 122
5.6.2
帶圖標(biāo)輸入框 122
5.6.3
有邊距的輸入框 123
5.6.4
其他輸入框效果 123
5.6.5
導(dǎo)航欄放置輸入框 124
5.7 開(kāi)關(guān)類組件 125
5.8 范圍選擇組件 127
5.9 選擇框組件 128
5.10
自定義主題顏色 130
5.11
可用圖標(biāo)集 130
5.12
小結(jié) 131
第6章 Ionic內(nèi)置TypeScript組件概述 132
6.1
Ionic內(nèi)置TypeScript組件 132
6.1.1
組件分類與前后綴說(shuō)明 132
6.1.2
使用Ionic內(nèi)置服務(wù)組件 133
6.1.3
Ionic內(nèi)置TypeScript組件與Angular 集成 134
6.2 使用TypeScript組件的常見(jiàn)問(wèn)題解決辦法
134
6.2.1
交互調(diào)試部署到Android設(shè)備上的Ionic應(yīng)用 134
6.2.2
設(shè)備上顯示白屏幕錯(cuò)誤問(wèn)題調(diào)試 135
6.2.3
交互調(diào)試部署到iOS設(shè)備上的Ionic應(yīng)用 136
6.3 小結(jié) 137
第7章 Ionic內(nèi)置布局類組件 138
7.1 內(nèi)容顯示相關(guān)組件 140
7.1.1
內(nèi)容展示容器 141
7.1.2
內(nèi)容滾動(dòng)容器 143
7.2 內(nèi)容刷新相關(guān)組件 144
7.2.1
加載新內(nèi)容滾動(dòng)觸發(fā)器 144
7.2.2
下拉刷新組件 146
7.3 小結(jié) 149
第8章 Ionic內(nèi)置導(dǎo)航類組件 150
8.1 導(dǎo)航框架相關(guān)組件 151
8.1.1
生命周期鉤子 151
8.1.2
頁(yè)面跳轉(zhuǎn) 153
8.1.3
頁(yè)面間傳值 157
8.2 選項(xiàng)卡相關(guān)組件 163
8.2.1
ion-tabs指令組件 163
8.2.2
ion-tab指令組件 163
8.3 側(cè)欄菜單相關(guān)組件 165
8.4 導(dǎo)航應(yīng)用綜合實(shí)戰(zhàn):個(gè)人電子簡(jiǎn)歷App框架 169
8.5 小結(jié) 177
第9章 Ionic內(nèi)置數(shù)據(jù)展示與操作組件
178
9.1 對(duì)話框類相關(guān)組件 178
9.1.1
浮動(dòng)框 178
9.1.2
彈出框 182
9.1.3
上拉菜單 186
9.2 加載中提示相關(guān)組件 188
9.2.1
加載中指示器 189
9.2.2
加載中指示服務(wù) 190
9.3 輪播組件 192
9.4 鍵盤(pán)組件 195
9.5 抽簽應(yīng)用練習(xí) 196
9.6 小結(jié) 209
第10章 Ionic內(nèi)置基礎(chǔ)服務(wù)組件與設(shè)備平臺(tái)客制化 210
10.1
平臺(tái)服務(wù)組件介紹 210
10.2
平臺(tái)服務(wù)組件使用 212
10.2.1
獲取設(shè)備相關(guān)信息 212
10.2.2
處理Android硬件返回鍵 213
10.3
設(shè)備平臺(tái)客制化 216
10.3.1
重寫(xiě)SCSS樣式類 216
10.3.2
使用Angular客制化平臺(tái)風(fēng)格示例 217
10.4
小結(jié) 219
第11章 借助插件接近無(wú)限可能
220
11.1
Cordova插件 220
11.1.1
搜索可用的插件 220
11.1.2
插件管理(安裝、刪除、顯示已裝插件) 221
11.1.3
cordova-plugin-battery-status插件使用示例 223
11.1.4
cordova-plugin-telerik-imagepicker插件說(shuō)明 225
11.2
Ionic Native插件使用 226
11.2.1
安裝Ionic Native插件 226
11.2.2
Ionic Native插件使用步驟概要 227
11.2.3
插件Device使用示例 229
11.2.4
插件Toast使用示例 230
11.2.5
插件ActionSheet使用示例 231
11.2.6
插件AppVersion使用示例 232
11.2.7
插件Vibration使用示例 233
11.2.8
插件SocialSharing使用示例 233
11.2.9
插件Network使用示例 234
11.2.10
插件NativeStorage使用示例 235
11.2.11
插件Keyboard使用示例 236
11.2.12
插件TouchID使用示例 237
11.3
小結(jié) 238
第12章 后端服務(wù)器模擬環(huán)境搭建準(zhǔn)備
239
12.1
MongoDB安裝與測(cè)試 240
12.2
Postman安裝與使用示例 243
12.3
使用Express初始化創(chuàng)建API示例 245
12.4
使用Mongoose完善數(shù)據(jù)持久化示例 253
12.5
使用Passport加入用戶驗(yàn)證示例 258
12.6
小結(jié) 268
第四篇 App項(xiàng)目實(shí)戰(zhàn)和發(fā)布推廣
第13章 項(xiàng)目實(shí)戰(zhàn):逍遙游App
v0.1(UGC B2C應(yīng)用) 271
13.1
項(xiàng)目和代碼說(shuō)明 271
13.1.1
項(xiàng)目說(shuō)明 271
13.1.2
隨書(shū)代碼運(yùn)行說(shuō)明 272
13.2
功能設(shè)計(jì) 273
13.2.1
界面與功能概述 274
13.2.2
服務(wù)端API接口概述 277
13.3
功能實(shí)現(xiàn) 277
13.3.1
準(zhǔn)備工作:部署服務(wù)器端環(huán)境 277
13.3.2
初始化項(xiàng)目設(shè)置與目錄結(jié)構(gòu) 279
13.3.3
實(shí)現(xiàn)總體界面導(dǎo)航與路由 281
13.3.4
實(shí)現(xiàn)側(cè)欄菜單功能集 293
13.3.5
實(shí)現(xiàn)旅友行蹤功能集 302
13.3.6
實(shí)現(xiàn)我的足跡功能集 316
13.3.7
實(shí)現(xiàn)預(yù)約旅游產(chǎn)品功能集 337
13.3.8
實(shí)現(xiàn)設(shè)置功能集 356
13.3.9
定制啟動(dòng)屏與App圖標(biāo) 365
13.4
小結(jié)與作業(yè)練習(xí) 365
第14章 應(yīng)用的生成與發(fā)布更新
367
14.1
生成發(fā)布Android平臺(tái)的應(yīng)用包 367
14.1.1
生成發(fā)布版的apk文件 367
14.1.2
生成用于簽名的私鑰 368
14.1.3
對(duì)apk文件簽名 368
14.1.4
優(yōu)化apk文件并改名 369
14.1.5
發(fā)布Android應(yīng)用 370
14.2
生成發(fā)布iOS平臺(tái)的應(yīng)用 370
14.2.1
使用開(kāi)發(fā)者賬戶連接X(jué)code 371
14.2.2
簽名 371
14.2.3
設(shè)置應(yīng)用的標(biāo)識(shí)名 372
14.2.4
開(kāi)始應(yīng)用上架登記 373
14.2.5
嘗試編譯生成正式發(fā)布版的應(yīng)用 376
14.2.6
使用Xcode打包App應(yīng)用 376
14.2.7
創(chuàng)建應(yīng)用的發(fā)布檔 377
14.2.8
完成應(yīng)用上架登記 378
14.3
更新應(yīng)用 381
14.4
小結(jié) 382
展開(kāi)全部
Web前端技術(shù)叢書(shū)IONIC 移動(dòng)開(kāi)發(fā)入門(mén)與實(shí)戰(zhàn)(第2版) 作者簡(jiǎn)介
秦超,從事IT行業(yè)長(zhǎng)達(dá)19年,基于互聯(lián)網(wǎng)技術(shù)的項(xiàng)目開(kāi)發(fā)10年。隨著移動(dòng)互聯(lián)網(wǎng)的發(fā)展,主要研究與實(shí)踐方向已從大型企業(yè)內(nèi)部應(yīng)用如PLM、ERP、SCM、HRIS、CMS等逐步轉(zhuǎn)向以移動(dòng)和新媒體為主的移動(dòng)設(shè)備應(yīng)用。近年曾參與領(lǐng)導(dǎo)了傳統(tǒng)企業(yè)應(yīng)用與移動(dòng)APP的結(jié)合和互聯(lián)網(wǎng)金融等多個(gè)項(xiàng)目的開(kāi)發(fā)工作。李一鳴,互聯(lián)網(wǎng)從業(yè)者,擅長(zhǎng)JavaScript,喜歡用它在前端和后端折騰,熱愛(ài)開(kāi)源,多個(gè)Node.js模塊的參與者。長(zhǎng)期活躍在各個(gè)技術(shù)博客,喜歡分享,Web技術(shù)愛(ài)好者。