HTML5移動(dòng)前端開(kāi)發(fā)基礎(chǔ)與實(shí)戰(zhàn)(微課版)
定 價(jià):49.8 元
- 作者:曾建華 著
- 出版時(shí)間:2019/6/1
- ISBN:9787115489647
- 出 版 社:人民郵電出版社
- 中圖法分類:TP312HT
- 頁(yè)碼:245
- 紙張:膠版紙
- 版次:1
- 開(kāi)本:16開(kāi)
本書(shū)較為全面地介紹了HTML5前端開(kāi)發(fā)的核心知識(shí),并簡(jiǎn)要介紹了使用HBuilder開(kāi)發(fā)移動(dòng)App的流程。全書(shū)共8章,從企業(yè)用人需求的角度出發(fā),本著夠用、實(shí)用的原則,介紹了JavaScript、HTML、CSS、移動(dòng)前端實(shí)戰(zhàn)、Swiper插件、JSON數(shù)據(jù)、jQuery框架、移動(dòng)App開(kāi)發(fā)等相關(guān)知識(shí)。通過(guò)學(xué)習(xí)本書(shū),讀者可以掌握HTML5核心要點(diǎn),能夠運(yùn)用CSS進(jìn)行布局。通過(guò)學(xué)習(xí)Swiper插件,讀者可領(lǐng)會(huì)其他插件的用法;通過(guò)學(xué)習(xí)jQuery框架,讀者可領(lǐng)會(huì)其他框架的用法。在此基礎(chǔ)上,本書(shū)通過(guò)講解JSON,幫助讀者理解后臺(tái)數(shù)據(jù);通過(guò)講解HBuilder開(kāi)發(fā)移動(dòng)App的流程,指引讀者打開(kāi)通向混合式移動(dòng)App開(kāi)發(fā)的大門(mén)。
(1)本書(shū)以演練為主,力求目標(biāo)明確地指導(dǎo)讀者學(xué)習(xí),結(jié)構(gòu)脈絡(luò)清晰。
(2)本書(shū)文字力求簡(jiǎn)練,達(dá)到深入淺出的效果。演練完整實(shí)用,涉及實(shí)際開(kāi)發(fā)中的各個(gè)環(huán)節(jié)。
(3)針對(duì)書(shū)中的重點(diǎn)難點(diǎn),書(shū)中在相應(yīng)位置加入了相關(guān)的微課,讀者可以掃碼觀看視頻,書(shū)網(wǎng)結(jié)合的講解方式,可以更好地幫助讀者理解晦澀難懂的知識(shí)。
曾建華,男,碩士,副教授,深圳職業(yè)技術(shù)學(xué)院教師。具備豐富的軟件開(kāi)發(fā)經(jīng)驗(yàn)和教材編寫(xiě)經(jīng)驗(yàn),精通HTML5、Visual Studio、Delphi、SQL Server開(kāi)發(fā),長(zhǎng)期獨(dú)立為企業(yè)、高校開(kāi)發(fā)項(xiàng)目并維護(hù)運(yùn)行。
第 1章 開(kāi)發(fā)環(huán)境及JavaScript
準(zhǔn)備 1
1.1 HTML5相關(guān)技術(shù)簡(jiǎn)介 1
1.1.1 HTML 2
1.1.2 CSS 2
1.1.3 JavaScript 2
1.2 Sublime Text 3及常用插件的
安裝、使用 2
1.2.1 安裝Sublime Text 3
1.2.2 安裝Package Control
組件 5
1.2.3 安裝Emmet插件 7
1.2.4 使用Sublime Text 8
1.2.5 Chrome瀏覽器調(diào)試入門(mén) 13
1.2.6 Sublime Text常用技巧 13
1.3 安裝及使用HTML-CSS-JS
Prettify插件 18
1.3.1 安裝HTML-CSS-JS
Prettify插件 18
1.3.2 安裝Node.js 18
1.3.3 配置Node.js 22
1.3.4 使用HTML-CSS-JS
Prettify插件 23
1.4 常用JavaScript 25
1.4.1 數(shù)據(jù)類型 25
1.4.2 流控語(yǔ)句 27
1.4.3 數(shù)組 29
1.4.4 document對(duì)象 31
1.4.5 函數(shù)和事件 33
1.4.6 立即執(zhí)行函數(shù) 34
1.4.7 函數(shù)作為參數(shù) 35
1.4.8 定時(shí)相關(guān)函數(shù) 36
1.4.9 同步與異步 38
本章思考 39
第 2章 HTML 40
2.1 HTML常用元素 40
2.1.1 label、input、button、
radio、checkbox及ul 40
2.1.2 表單驗(yàn)證 47
2.2 HTML5新特性 48
2.2.1 多媒體 48
2.2.2 拖放 51
2.2.3 Web存儲(chǔ) 53
2.2.4 使用canvas繪制圖形 56
本章思考 58
第3章 CSS 59
3.1 常用CSS 59
3.1.1 CSS基本語(yǔ)法及使用
CSS的幾種方式 59
3.1.2 多列布局 63
3.1.3 display屬性:block、
inline、inline-block、
none 65
3.1.4 BOX模型 67
3.1.5 position屬性 69
3.1.6 Float布局 74
3.1.7 Flex布局 76
3.1.8 overflow屬性 81
3.1.9 transparent屬性 83
3.1.10 background相關(guān)屬性 85
3.1.11 通過(guò)JavaScript
操作CSS 87
3.2 CSS3新功能 89
3.2.1 圓角、陰影 89
3.2.2 漸變 93
3.2.3 2D變換:旋轉(zhuǎn)、傾斜、
縮放、位移 96
3.2.4 3D旋轉(zhuǎn) 101
3.2.5 動(dòng)畫(huà)(transition) 105
3.2.6 viewport 117
3.2.7 Media Queries 117
本章思考 122
第4章 移動(dòng)前端實(shí)戰(zhàn) 123
4.1 登錄頁(yè)面 123
4.1.1 登錄頁(yè)面介紹 123
4.1.2 登錄頁(yè)面演練 123
4.2 設(shè)置頁(yè)面 125
4.2.1 設(shè)置頁(yè)面介紹 125
4.2.2 設(shè)置頁(yè)面演練 125
4.3 客服頁(yè)面 127
4.3.1 客服頁(yè)面介紹 128
4.3.2 客服頁(yè)面演練 128
4.4 商品詳情頁(yè)面 133
4.4.1 商品詳情頁(yè)面介紹 133
4.4.2 商品詳情頁(yè)面演練 133
4.5 購(gòu)物車(chē)頁(yè)面 138
4.5.1 購(gòu)物車(chē)頁(yè)面介紹 138
4.5.2 購(gòu)物車(chē)頁(yè)面演練 138
4.6 訂單頁(yè)面 142
4.6.1 訂單頁(yè)面介紹 142
4.6.2 訂單頁(yè)面演練 142
本章思考 153
第5章 Swiper插件 154
5.1 Swiper實(shí)現(xiàn)輪播 154
5.1.1 Swiper使用步驟 154
5.1.2 Swiper演練 155
5.2 Swiper Animate實(shí)現(xiàn)動(dòng)畫(huà) 169
5.2.1 Swiper Animate入門(mén) 169
5.2.2 Swiper Animate演練 170
本章思考 175
第6章 JSON數(shù)據(jù) 176
6.1 JSON入門(mén) 176
6.1.1 JSON概述 176
6.1.2 操作JSON數(shù)據(jù) 177
6.1.3 JSON和字符串類型
相互轉(zhuǎn)換 179
6.2 JSON實(shí)戰(zhàn) 181
6.2.1 使用JSON在線
解析工具 181
6.2.2 在Chrome調(diào)試器中
觀察JSON數(shù)據(jù) 182
6.2.3 根據(jù)JSON數(shù)據(jù)動(dòng)態(tài)
綁定頁(yè)面 184
本章思考 186
第7章 jQuery框架 187
7.1 jQuery入門(mén) 187
7.1.1 jQuery簡(jiǎn)介 187
7.1.2 使用jQuery 187
7.1.3 常用jQuery操作 189
7.2 jQuery Ajax讀取JSON
格式數(shù)據(jù)文件 195
7.2.1 AJAX簡(jiǎn)介 195
7.2.2 jQuery Ajax演練 196
7.3 jQuery實(shí)戰(zhàn):翻牌游戲 203
7.3.1 翻牌游戲功能簡(jiǎn)介 203
7.3.2 實(shí)戰(zhàn)分解 204
本章思考 231
第8章 移動(dòng)App開(kāi)發(fā) 232
8.1 HBuilder 232
8.1.1 HBuilder特點(diǎn) 232
8.1.2 HBuilder安裝 232
8.2 海馬玩模擬器 234
8.2.1 海馬玩模擬器特點(diǎn) 234
8.2.2 海馬玩模擬器安裝 235
8.3 移動(dòng)App開(kāi)發(fā)流程 236
8.3.1 創(chuàng)建移動(dòng)App模板項(xiàng)目 236
8.3.2 帶底部導(dǎo)航、輪播圖和
新聞列表的App 240
本章思考 245