HTML 5移動(dòng)Web開發(fā)實(shí)戰(zhàn)詳解
定 價(jià):69 元
叢書名:Web開發(fā)典藏大系
- 作者:林瓏編著
- 出版時(shí)間:2014/9/1
- ISBN:9787302367598
- 出 版 社:清華大學(xué)出版社
- 中圖法分類:TP312
- 頁碼:433
- 紙張:膠版紙
- 版次:1
- 開本:16K
《HTML 5移動(dòng)Web開發(fā)實(shí)戰(zhàn)詳解(Web開發(fā)典藏大系)》由淺入深,全面、系統(tǒng)、詳盡地介紹了HTML 5相關(guān)技術(shù)和其在移動(dòng)開發(fā)領(lǐng)域的應(yīng)用。書中提供了大量的代碼示例,讀者可以通過這些例子理解知識點(diǎn),也可以直接在開發(fā)實(shí)戰(zhàn)中稍加修改應(yīng)用這些代碼。本書涉及面廣,從基本原理到實(shí)戰(zhàn),再到項(xiàng)目工作流,幾乎涉及一個(gè)合格的前端開發(fā)工程師需要具備的所有重要知識。另外,作者專門為書中的重點(diǎn)內(nèi)容錄制了高清配套教學(xué)視頻,并提供了本書涉及的源程序,以便于讀者高效、直觀地學(xué)習(xí)。
《HTML 5移動(dòng)Web開發(fā)實(shí)戰(zhàn)詳解(Web開發(fā)典藏大系)》共17章,分為兩篇。第1篇為HTML 5移動(dòng)Web開發(fā)基礎(chǔ),涵蓋的內(nèi)容有移動(dòng)互聯(lián)網(wǎng)的發(fā)展概述、HTML 5基礎(chǔ)、CSS 3開發(fā)技術(shù)、從網(wǎng)頁到應(yīng)用(Application)、指尖下的瀏覽器、地理定位(Geolocation)、Web Worker、通信基礎(chǔ)、實(shí)時(shí)Web技術(shù)、感官世界、history與導(dǎo)航等。第2篇為HTML 5移動(dòng)Web開發(fā)實(shí)戰(zhàn),涵蓋的內(nèi)容有jQuery Mobile、Sencha Touch、Bootstrap、PhoneGap、Foundation及Node.js等其他移動(dòng)Web開發(fā)技術(shù)。
《HTML 5移動(dòng)Web開發(fā)實(shí)戰(zhàn)詳解(Web開發(fā)典藏大系)》適合所有想全面和深入學(xué)習(xí)HTML 5開發(fā)技術(shù)的人員閱讀,尤其適合使用HTML 5做移動(dòng)應(yīng)用開發(fā)的人員閱讀。對于大中專院校相關(guān)專業(yè)的學(xué)生和培訓(xùn)機(jī)構(gòu)的學(xué)員,本書也是一本不可多得的參考書。
快速了解本書精華內(nèi)容
在移動(dòng)互聯(lián)網(wǎng)的浪潮之巔(17分鐘視頻)
HTML5基礎(chǔ)(38分鐘視頻)
初探CSS 3(20分鐘視頻)
從網(wǎng)頁到應(yīng)用(19分鐘視頻)
指尖下的瀏覽器(20分鐘視頻)
地理定位(7分鐘視頻)
Web Worker(13分鐘視頻)
通信基礎(chǔ)(16分鐘視頻)
實(shí)時(shí)Web技術(shù)(7分鐘視頻)
感官世界(9分鐘視頻)
History與導(dǎo)航(12分鐘視頻)
站在巨人們的肩上(21分鐘視頻)
Sencha Touch(8分鐘視頻)
Bootstrap(15分鐘視頻)
PhoneGap(8分鐘視頻)
其他移動(dòng)Web技術(shù)(9分鐘視頻)
如何成為優(yōu)秀的前端工程師(29分鐘視頻)
騰訊公司前資深前端工程師嘔心瀝血之作,移動(dòng)Web開發(fā)者必讀佳品
全方位展現(xiàn)用HTML5開發(fā)移動(dòng)Web和應(yīng)用的完整過程,以及各種策略和技巧
贈(zèng)送270分鐘高清配套教學(xué)視頻
詳細(xì)講解了HTML5的新增功能、CSS3核心概念、WebPage、WebApp,觸摸屏API、地理定位、WebSocket、通信基礎(chǔ)、實(shí)時(shí)Web技術(shù)、感官世界、history和導(dǎo)航等內(nèi)容
從實(shí)戰(zhàn)開發(fā)的角度,詳細(xì)介紹了jQueryMobile、SenchaTouch、Bootstrap和PhoneGap等移動(dòng)Web開發(fā)框架的應(yīng)用
注重實(shí)戰(zhàn),詳細(xì)介紹了175個(gè)實(shí)例和3個(gè)綜合案例,幾乎每個(gè)知識點(diǎn)都配備了完整可運(yùn)行的示例代碼,并對重點(diǎn)內(nèi)容專門錄制了高清配套教學(xué)視頻輔助讀者學(xué)習(xí)
近幾年全球都在談?wù)撘粋(gè)新名詞——移動(dòng)互聯(lián)網(wǎng)。iPhone和Android彷佛就在一夜之間將人們從原始社會(huì)帶入了文明時(shí)代。就在五六年前,你很難想象當(dāng)你置身于一個(gè)陌生城市之時(shí)可以不費(fèi)吹灰之力就能找到兩條街以外最合你胃口的那個(gè)西餐廳,并邀請幾米開外的漂亮姑娘和你共進(jìn)晚餐。
作為互聯(lián)網(wǎng)從業(yè)者,我深知投入建設(shè)這樣一個(gè)便捷的互聯(lián)網(wǎng)世界是多么的激動(dòng)人心。作為Web開發(fā)的堅(jiān)定擁護(hù)者,我也更知曉絕不能在移動(dòng)互聯(lián)網(wǎng)時(shí)代漏掉HTML 5技術(shù)。
1.HTML 5不僅僅是HTML
早期的HTML在非常長的時(shí)間里被人們認(rèn)為是一種效率低下,且功能簡單的網(wǎng)頁開發(fā)技術(shù)。但Web技術(shù)的不斷發(fā)展讓“網(wǎng)頁”和“應(yīng)用”的界限越來越模糊,尤其是HTML 5的橫空出世讓W(xué)eb變得更加強(qiáng)大。
HTML 5標(biāo)準(zhǔn)草案最初發(fā)布于2008年,而后被各大瀏覽器廠商跟進(jìn),包括Chrome、IE、Opera和Safari等。它發(fā)展迅速,很快成為了開發(fā)跨平臺(tái)和跨設(shè)備應(yīng)用的首選客戶端技術(shù)。它賦予瀏覽器強(qiáng)大的能力。例如,基于HTML 5甚至完全可以拋棄特定的操作系統(tǒng)平臺(tái)——Chromebook就是這方面的有力踐行者。
而對于開發(fā)人員來講,HTML 5使得開發(fā)應(yīng)用程序更加高效、快捷和簡單,幾十行代碼便可以實(shí)現(xiàn)過去幾百上千行代碼才能實(shí)現(xiàn)的功能,真是省時(shí)省力。
2.HTML 5易學(xué)易用
HTML 5增強(qiáng)了HTML的功能,但又摒棄了XHTML的復(fù)雜,在學(xué)習(xí)上幾乎不用花費(fèi)太多功夫,在使用上也盡量貼近人們的常規(guī)思維。
HTML 5社區(qū)和相關(guān)技術(shù)發(fā)展也十分迅速。尤其在移動(dòng)互聯(lián)網(wǎng)的助力下,HTML 5的步子邁得更大了。一方面,對程序開發(fā)不了解的設(shè)計(jì)師也能利用HTML 5和CSS 3技術(shù)輕易地設(shè)計(jì)出高保真的動(dòng)態(tài)應(yīng)用原型。另一方面,前端開發(fā)工程師可以利用HTML 5提供的編程接口編寫出強(qiáng)大的應(yīng)用程序。
3.本書的誕生
許多人在學(xué)習(xí)HTML 5的時(shí)候不明白究竟什么才算是HTML 5,也經(jīng)常搞混一些概念和用法。從某種角度來說,HTML 5是一系列技術(shù)標(biāo)準(zhǔn)的集合,并且是不斷向前發(fā)展的技術(shù)。為了幫助那些對移動(dòng)開發(fā)感興趣的讀者能夠在較短的時(shí)間內(nèi)掌握HTML 5開發(fā)技術(shù),筆者編寫了本書。
本書首先從HTML 5的歷史和背景入手,讓讀者理解HTML 5究竟為何物。然后一一講解了HTML 5的相關(guān)技術(shù)標(biāo)準(zhǔn)及其在移動(dòng)Web開發(fā)中的應(yīng)用,以期讀者能夠掌握HTML 5移動(dòng)Web開發(fā)的核心內(nèi)容。最后再講解HTML 5移動(dòng)Web開發(fā)的相關(guān)工具,讓讀者可以快速成為一位高效而專業(yè)的開發(fā)者。
本書特色
1.內(nèi)容豐富,覆蓋面廣
本書基本涵蓋了HTML 5移動(dòng)Web開發(fā)的所有常用知識點(diǎn)及開發(fā)工具。無論是初學(xué)者,還是有一定基礎(chǔ)的Web開發(fā)從業(yè)人員,通過閱讀本書都將獲益匪淺。
2.注重實(shí)踐,快速上手
本書不以枯燥乏味的理論知識作為講解的重點(diǎn),而是從實(shí)踐出發(fā),將必要的理論知識和大量的開發(fā)實(shí)例相結(jié)合,并將筆者多年的實(shí)際項(xiàng)目開發(fā)經(jīng)驗(yàn)貫穿于全書的講解中,讓讀者可以在較短的時(shí)間內(nèi)理解和掌握所學(xué)的知識。
3.內(nèi)容深入、專業(yè)
本書直擊要害,先從標(biāo)準(zhǔn)文檔入手,深入淺出地講解了Web技術(shù)的原理。然后結(jié)合移動(dòng)Web開發(fā)的相關(guān)工具,介紹了實(shí)際的移動(dòng)Web開發(fā),讓讀者學(xué)有所用。
4.實(shí)例豐富,隨學(xué)隨用
本書提供了大量來源于真實(shí)Web開發(fā)項(xiàng)目的實(shí)例,并給出了豐富的程序代碼及注釋。讀者通過研讀這些例子,可以了解實(shí)際開發(fā)中編寫代碼的思路和技巧,而且還可以將這些代碼直接復(fù)用,以提高自己的開發(fā)效率。
5.視頻教學(xué),高效直觀
筆者專門為書中的重點(diǎn)內(nèi)容和實(shí)例錄制了配套教學(xué)視頻進(jìn)行講解,以方便讀者更加高效直觀地學(xué)習(xí),從而取得更好的學(xué)習(xí)效果。這些視頻及本書源代碼需要讀者自行下載。讀者可以到www.tup.com.cn上搜索到本書頁面按提示下載,也可以到www.wanjuanchina.net上的相關(guān)版塊下載。
本書內(nèi)容
第1篇 HTML 5移動(dòng)Web開發(fā)基礎(chǔ)(第1~11章)
本篇主要介紹了HTML 5移動(dòng)Web開發(fā)的基礎(chǔ)知識。首先介紹了移動(dòng)互聯(lián)網(wǎng)的發(fā)展歷史和大背景,并闡述了萬維網(wǎng)的精髓和Web標(biāo)準(zhǔn)的意義。了解這些知識可以從更宏觀的層面理解HTML 5技術(shù)。然后從Web前端開發(fā)的三大技術(shù)層面,詳細(xì)介紹了HTML 5開發(fā)的核心技術(shù)。其中,HTML是表意層面的技術(shù),CSS是視覺層面的技術(shù),而JavaScript則是行為和功能層面的技術(shù)。掌握本篇內(nèi)容,可以為讀者的移動(dòng)Web開發(fā)打好基礎(chǔ)。
第2篇 HTML 5移動(dòng)Web開發(fā)實(shí)戰(zhàn)(第12~17章)
雖然HTML 5大大簡化了開發(fā)過程,降低了開發(fā)成本,但這遠(yuǎn)遠(yuǎn)不夠,還需要借助許多基于HTML 5的移動(dòng)開發(fā)框架。這些框架可以讓開發(fā)任務(wù)變得更加簡單。
本篇從實(shí)戰(zhàn)角度介紹了HTML 5移動(dòng)開發(fā)框架及其他相關(guān)知識。首先介紹了輕量級框架jQuery Mobile,然后介紹了重量級框架Sencha Touch,最后介紹了Bootstrap、PhoneGap、Foundation及Node.js等其他移動(dòng)Web開發(fā)技術(shù)。掌握本篇內(nèi)容,讀者便可以較好地利用這些技術(shù)進(jìn)行移動(dòng)Web開發(fā)。
本書讀者對象
* HTML 5初學(xué)者;
* 有一定基礎(chǔ)的Web開發(fā)人員;
* Web前端開發(fā)工程師;
* 移動(dòng)應(yīng)用開發(fā)人員;
* 瀏覽器開發(fā)人員;
* 大中專院校的學(xué)生;
* 相關(guān)培訓(xùn)班的學(xué)員。
本書作者
本書由林瓏主筆編寫。其他參與編寫的人員有丁士鋒、胡可、姜永艷、靳鯤鵬、孔峰、馬林、明廷堂、牛艷霞、孫澤軍、王麗、吳紹興、楊宇、游梁、張建林、張起棟、張喆、鄭偉、鄭玉暉、朱雪琴、戴思齊、丁毓峰。
閱讀本書時(shí)若有疑問,請發(fā)E-mail到bookservice2008@163.com,以獲得幫助。
編者
林瓏,前端開發(fā)者和研究者、開源精神的忠實(shí)擁躉。曾經(jīng)在騰訊公司和知乎網(wǎng)等知名互聯(lián)網(wǎng)公司擔(dān)任資深前端工程師。從事Web開發(fā)工作多年,對Web前端開發(fā)有深刻的認(rèn)識,在Web前端開發(fā)方面有豐富的實(shí)戰(zhàn)經(jīng)驗(yàn)和成功案例。
第1篇 HTML 5移動(dòng)Web開發(fā)基礎(chǔ)
第1章 移動(dòng)互聯(lián)網(wǎng)的浪潮之巔(教學(xué)視頻:17分鐘)
1.1 浪潮之巔,順勢而為
1.1.1 正確的時(shí)間做正確的事
1.1.2 互聯(lián)網(wǎng)的第二次崛起
1.1.3 移動(dòng)互聯(lián)網(wǎng)正處于浪潮之巔
1.2 移動(dòng)互聯(lián)網(wǎng)時(shí)代,Web必將璀璨
1.2.1 你應(yīng)該學(xué)習(xí)Web開發(fā)
1.2.2 你應(yīng)該為未來學(xué)習(xí)--移動(dòng)Web開發(fā)
1.3 WWW的精髓
1.3.1 萬維網(wǎng)發(fā)明者的初衷
1.3.2 HTML是什么
1.3.3 再談Web標(biāo)準(zhǔn)
1.3.4 如何理解Web語義化
1.3.5 HTML 5和語義網(wǎng)
1.4 主角登場--HTML 5的前世今生
1.4.1 聊聊HTML 5那些舊事
1.4.2 為移動(dòng)而生
1.4.3 你應(yīng)該知道的HTML 5
第2章 HTML 5基礎(chǔ)(教學(xué)視頻:38分鐘)
2.1 重溫HTML
2.1.1 HTML能干什么
2.1.2 HTML的核心要素
2.2 HTML的語義來源
2.3 HTML 5的元素和屬性
2.3.1 全局屬性
2.3.2 HTML 5與它的全局屬性
2.3.3 內(nèi)容模型(content models)
2.3.4 文檔元數(shù)據(jù)(Document metadata)
2.3.5 區(qū)塊(sections)
2.3.6 分組內(nèi)容(grouping content)
2.3.7 文本級語義(text-level semantics)
2.3.8 修改記錄(edits)
2.3.9 嵌入內(nèi)容(embedded content)
2.3.10 表格數(shù)據(jù)(tabular data)
2.3.11 HTML 5表單
2.3.12 input元素和其屬性
2.3.13 表單操作
2.3.14 HTML 5表單兼容性
2.3.15 交互式元素(Interactive elements)
第3章 初探CSS 3(教學(xué)視頻:20分鐘)
3.1 關(guān)于CSS的那件小事
3.2 CSS的核心概念
3.2.1 語法、層疊和特殊性(specificity)
3.2.2 框模型(Box Model)
3.2.3 可視化格式模型(visual formatting model)
3.2.4 表格
3.3 CSS 3選擇器增強(qiáng)
3.3.1 屬性選擇器的妙用
3.3.2 強(qiáng)大的結(jié)構(gòu)性偽類(Structural pseudo-classes)
3.3.3 其他選擇器
3.3.4 CSS 4中的選擇器
3.4 和圖片說再見
3.4.1 背景和邊框
3.4.2 漸變和陰影
3.4.3 自定義字體
3.5 CSS 3布局之道
3.5.1 炒冷飯--負(fù)邊距與浮動(dòng)
3.5.2 柵格系統(tǒng)與多列布局
3.5.3 彈性盒布局(Flexible Box)
3.6 動(dòng)起來
3.6.1 CSS變形(CSS transform)
3.6.2 CSS過渡(CSS Transitions)
3.6.3 CSS動(dòng)畫(CSS Animations)
3.7 響應(yīng)式設(shè)計(jì)基礎(chǔ)
3.7.1 從兩欄布局開始說起
3.7.2 從media到media queries
3.7.3 響應(yīng)式柵格系統(tǒng)
3.7.4 移動(dòng)優(yōu)先(mobile first)理念
3.7.5 另一種思路:后端模板輸出的優(yōu)化
3.7.6 其他細(xì)節(jié)
第4章 從網(wǎng)頁(Web page)到應(yīng)用(Application)(教學(xué)視頻:19分鐘)
4.1 Web不能承受之重
4.2 本地存儲(chǔ)升級
4.2.1 cookie和cookie的局限
4.2.2 來自HTML 5的Web Storage
4.2.3 IE的userData
4.3 離線應(yīng)用
4.3.1 緩存和應(yīng)用緩存
4.3.2 應(yīng)用緩存的基本使用
4.4 拖放
4.4.1 模擬拖放
4.4.2 原生拖放
4.5 文件操作
4.5.1 選擇文件
4.5.2 操作文件
第5章 指尖下的瀏覽器(教學(xué)視頻:20分鐘)
5.1 基本touch事件
5.2 模擬手勢事件
5.3 hammer.js
5.4 實(shí)例:精仿iOS的相冊
5.5 工具
第6章 地理定位(Geolocation API)(教學(xué)視頻:7分鐘)
6.1 獲取當(dāng)前位置
6.2 監(jiān)視位置變化
6.3 來半斤Google maps嘗嘗
6.4 開發(fā)者工具
第7章 Web Worker(教學(xué)視頻:13分鐘)
7.1 單線程語言之殤
7.2 為JavaScript引入線程技術(shù)
7.3 嵌入式Worker代碼
7.4 共享Worker
第8章 通信基礎(chǔ)(教學(xué)視頻:16分鐘)
8.1 XHR 2
8.2 跨文檔通信(Cross-document messaging)
8.3 通道通信(channel messaging)
第9章 實(shí)時(shí)Web技術(shù)(教學(xué)視頻:7分鐘)
9.1 輪詢和長輪詢(comet)
9.2 服務(wù)器事件(server-sent events)
9.3 Web Sockets
9.4 利器:Socket.IO
9.5 基于Socket.IO的聊天室
第10章 感官世界(教學(xué)視頻:9分鐘)
10.1 感知方向(orientation)和動(dòng)作(motion)
10.2 音視頻捕獲
第11章 history與導(dǎo)航(教學(xué)視頻:12分鐘)
11.1 基于hashchange事件管理導(dǎo)航
11.2 HTML 5 history API
11.3 history.js
第2篇 HTML 5移動(dòng)Web開發(fā)實(shí)戰(zhàn)
第12章 站在巨人們的肩上--jQuery Mobile(教學(xué)視頻:21分鐘)
12.1 移動(dòng)Web框架概覽
12.1.1 HTML 5移動(dòng)應(yīng)用技術(shù)大觀
12.1.2 因地制宜、量體裁衣
12.2 jQuery Mobile
12.2.1 綜述
12.2.2 Hello,jQuery Mobile!
12.2.3 頁面(Pages)
12.2.4 Ajax導(dǎo)航模型和轉(zhuǎn)場動(dòng)畫(transitions)
12.2.5 UI組件--一切皆響應(yīng)
12.2.6 UI組件--表單元素
12.2.7 UI組件--Header & Footer
12.2.8 UI組件--ListView
12.2.9 UI組件--Collapsibles和Accordions
12.2.10 UI組件--popup
12.2.11 UI組件--dialog
12.2.12 響應(yīng)式組件--responsive grids
12.2.13 響應(yīng)式組件--reflow tables
12.2.14 響應(yīng)式組件--Column Toggle tables
12.2.15 響應(yīng)式組件--sliding panels
12.2.16 主題化和themeroller
12.2.17 進(jìn)階
第13章 Sencha Touch(教學(xué)視頻:8分鐘)
13.1 綜述
13.2 bonjour,Sencha Touch!
13.3 第一個(gè)Sencha Touch程序
13.4 進(jìn)階
第14章 Bootstrap(教學(xué)視頻:15分鐘)
14.1 Bootstrap 3綜述
14.2 Grid系統(tǒng)
14.3 響應(yīng)式實(shí)用類
14.4 組件更新--Navbar
14.5 組件更新--List group
14.6 組件更新--Panels
14.7 從Bootstrap 2遷移到Bootstrap 3
第15章 PhoneGap(教學(xué)視頻:8分鐘)
15.1 PhoneGap 101
15.2 開發(fā)基于PhoneGap的程序
第16章 其他移動(dòng)Web技術(shù)(教學(xué)視頻:9分鐘)
16.1 Foundation
16.2 Semantic-UI
16.3 Pure
16.4 Titanium
第17章 如何成為優(yōu)秀的前端工程師(教學(xué)視頻:29分鐘)
17.1 Node.js
17.1.1 什么是Node.js
17.1.2 Node.js基礎(chǔ)
17.1.3 Node.js模塊系統(tǒng)
17.1.4 Node.js包管理系統(tǒng)NPM
17.1.5 事件驅(qū)動(dòng)和異步I/O
17.1.6 前端工程師需要了解Node.js的什么
17.2 工具鏈
17.2.1 CoffeeScript
17.2.2 CSS預(yù)處理器(CSS preprocessor)
17.2.3 Grunt
17.2.4 Bower
17.2.5 Yeoman
17.3 關(guān)于調(diào)試的那些事兒
17.3.1 Chrome開發(fā)者工具
17.3.2 多設(shè)備調(diào)試:Adobe Edge Inspect
17.4 從職業(yè)到專業(yè)、從前端到全端
17.4.1 Mac與Windows
17.4.2 Sublime Text
17.4.3 MV*框架
17.4.4 如何保持你的知識處在最前沿
17.4.5 跳出前端,更大的世界