HTML 5移動Web開發(fā)實戰(zhàn)詳解
定 價:69 元
叢書名:Web開發(fā)典藏大系
- 作者:林瓏編著
- 出版時間:2014/9/1
- ISBN:9787302367598
- 出 版 社:清華大學(xué)出版社
- 中圖法分類:TP312
- 頁碼:433
- 紙張:膠版紙
- 版次:1
- 開本:16K
《HTML 5移動Web開發(fā)實戰(zhàn)詳解(Web開發(fā)典藏大系)》由淺入深,全面、系統(tǒng)、詳盡地介紹了HTML 5相關(guān)技術(shù)和其在移動開發(fā)領(lǐng)域的應(yīng)用。書中提供了大量的代碼示例,讀者可以通過這些例子理解知識點,也可以直接在開發(fā)實戰(zhàn)中稍加修改應(yīng)用這些代碼。本書涉及面廣,從基本原理到實戰(zhàn),再到項目工作流,幾乎涉及一個合格的前端開發(fā)工程師需要具備的所有重要知識。另外,作者專門為書中的重點內(nèi)容錄制了高清配套教學(xué)視頻,并提供了本書涉及的源程序,以便于讀者高效、直觀地學(xué)習(xí)。
《HTML 5移動Web開發(fā)實戰(zhàn)詳解(Web開發(fā)典藏大系)》共17章,分為兩篇。第1篇為HTML 5移動Web開發(fā)基礎(chǔ),涵蓋的內(nèi)容有移動互聯(lián)網(wǎng)的發(fā)展概述、HTML 5基礎(chǔ)、CSS 3開發(fā)技術(shù)、從網(wǎng)頁到應(yīng)用(Application)、指尖下的瀏覽器、地理定位(Geolocation)、Web Worker、通信基礎(chǔ)、實時Web技術(shù)、感官世界、history與導(dǎo)航等。第2篇為HTML 5移動Web開發(fā)實戰(zhàn),涵蓋的內(nèi)容有jQuery Mobile、Sencha Touch、Bootstrap、PhoneGap、Foundation及Node.js等其他移動Web開發(fā)技術(shù)。
《HTML 5移動Web開發(fā)實戰(zhàn)詳解(Web開發(fā)典藏大系)》適合所有想全面和深入學(xué)習(xí)HTML 5開發(fā)技術(shù)的人員閱讀,尤其適合使用HTML 5做移動應(yīng)用開發(fā)的人員閱讀。對于大中專院校相關(guān)專業(yè)的學(xué)生和培訓(xùn)機構(gòu)的學(xué)員,本書也是一本不可多得的參考書。
快速了解本書精華內(nèi)容
在移動互聯(lián)網(wǎng)的浪潮之巔(17分鐘視頻)
HTML5基礎(chǔ)(38分鐘視頻)
初探CSS 3(20分鐘視頻)
從網(wǎng)頁到應(yīng)用(19分鐘視頻)
指尖下的瀏覽器(20分鐘視頻)
地理定位(7分鐘視頻)
Web Worker(13分鐘視頻)
通信基礎(chǔ)(16分鐘視頻)
實時Web技術(shù)(7分鐘視頻)
感官世界(9分鐘視頻)
History與導(dǎo)航(12分鐘視頻)
站在巨人們的肩上(21分鐘視頻)
Sencha Touch(8分鐘視頻)
Bootstrap(15分鐘視頻)
PhoneGap(8分鐘視頻)
其他移動Web技術(shù)(9分鐘視頻)
如何成為優(yōu)秀的前端工程師(29分鐘視頻)
騰訊公司前資深前端工程師嘔心瀝血之作,移動Web開發(fā)者必讀佳品
全方位展現(xiàn)用HTML5開發(fā)移動Web和應(yīng)用的完整過程,以及各種策略和技巧
贈送270分鐘高清配套教學(xué)視頻
詳細(xì)講解了HTML5的新增功能、CSS3核心概念、WebPage、WebApp,觸摸屏API、地理定位、WebSocket、通信基礎(chǔ)、實時Web技術(shù)、感官世界、history和導(dǎo)航等內(nèi)容
從實戰(zhàn)開發(fā)的角度,詳細(xì)介紹了jQueryMobile、SenchaTouch、Bootstrap和PhoneGap等移動Web開發(fā)框架的應(yīng)用
注重實戰(zhàn),詳細(xì)介紹了175個實例和3個綜合案例,幾乎每個知識點都配備了完整可運行的示例代碼,并對重點內(nèi)容專門錄制了高清配套教學(xué)視頻輔助讀者學(xué)習(xí)
近幾年全球都在談?wù)撘粋新名詞——移動互聯(lián)網(wǎng)。iPhone和Android彷佛就在一夜之間將人們從原始社會帶入了文明時代。就在五六年前,你很難想象當(dāng)你置身于一個陌生城市之時可以不費吹灰之力就能找到兩條街以外最合你胃口的那個西餐廳,并邀請幾米開外的漂亮姑娘和你共進晚餐。
作為互聯(lián)網(wǎng)從業(yè)者,我深知投入建設(shè)這樣一個便捷的互聯(lián)網(wǎng)世界是多么的激動人心。作為Web開發(fā)的堅定擁護者,我也更知曉絕不能在移動互聯(lián)網(wǎng)時代漏掉HTML 5技術(shù)。
1.HTML 5不僅僅是HTML
早期的HTML在非常長的時間里被人們認(rèn)為是一種效率低下,且功能簡單的網(wǎng)頁開發(fā)技術(shù)。但Web技術(shù)的不斷發(fā)展讓“網(wǎng)頁”和“應(yīng)用”的界限越來越模糊,尤其是HTML 5的橫空出世讓W(xué)eb變得更加強大。
HTML 5標(biāo)準(zhǔn)草案最初發(fā)布于2008年,而后被各大瀏覽器廠商跟進,包括Chrome、IE、Opera和Safari等。它發(fā)展迅速,很快成為了開發(fā)跨平臺和跨設(shè)備應(yīng)用的首選客戶端技術(shù)。它賦予瀏覽器強大的能力。例如,基于HTML 5甚至完全可以拋棄特定的操作系統(tǒng)平臺——Chromebook就是這方面的有力踐行者。
而對于開發(fā)人員來講,HTML 5使得開發(fā)應(yīng)用程序更加高效、快捷和簡單,幾十行代碼便可以實現(xiàn)過去幾百上千行代碼才能實現(xiàn)的功能,真是省時省力。
2.HTML 5易學(xué)易用
HTML 5增強了HTML的功能,但又摒棄了XHTML的復(fù)雜,在學(xué)習(xí)上幾乎不用花費太多功夫,在使用上也盡量貼近人們的常規(guī)思維。
HTML 5社區(qū)和相關(guān)技術(shù)發(fā)展也十分迅速。尤其在移動互聯(lián)網(wǎng)的助力下,HTML 5的步子邁得更大了。一方面,對程序開發(fā)不了解的設(shè)計師也能利用HTML 5和CSS 3技術(shù)輕易地設(shè)計出高保真的動態(tài)應(yīng)用原型。另一方面,前端開發(fā)工程師可以利用HTML 5提供的編程接口編寫出強大的應(yīng)用程序。
3.本書的誕生
許多人在學(xué)習(xí)HTML 5的時候不明白究竟什么才算是HTML 5,也經(jīng)常搞混一些概念和用法。從某種角度來說,HTML 5是一系列技術(shù)標(biāo)準(zhǔn)的集合,并且是不斷向前發(fā)展的技術(shù)。為了幫助那些對移動開發(fā)感興趣的讀者能夠在較短的時間內(nèi)掌握HTML 5開發(fā)技術(shù),筆者編寫了本書。
本書首先從HTML 5的歷史和背景入手,讓讀者理解HTML 5究竟為何物。然后一一講解了HTML 5的相關(guān)技術(shù)標(biāo)準(zhǔn)及其在移動Web開發(fā)中的應(yīng)用,以期讀者能夠掌握HTML 5移動Web開發(fā)的核心內(nèi)容。最后再講解HTML 5移動Web開發(fā)的相關(guān)工具,讓讀者可以快速成為一位高效而專業(yè)的開發(fā)者。
本書特色
1.內(nèi)容豐富,覆蓋面廣
本書基本涵蓋了HTML 5移動Web開發(fā)的所有常用知識點及開發(fā)工具。無論是初學(xué)者,還是有一定基礎(chǔ)的Web開發(fā)從業(yè)人員,通過閱讀本書都將獲益匪淺。
2.注重實踐,快速上手
本書不以枯燥乏味的理論知識作為講解的重點,而是從實踐出發(fā),將必要的理論知識和大量的開發(fā)實例相結(jié)合,并將筆者多年的實際項目開發(fā)經(jīng)驗貫穿于全書的講解中,讓讀者可以在較短的時間內(nèi)理解和掌握所學(xué)的知識。
3.內(nèi)容深入、專業(yè)
本書直擊要害,先從標(biāo)準(zhǔn)文檔入手,深入淺出地講解了Web技術(shù)的原理。然后結(jié)合移動Web開發(fā)的相關(guān)工具,介紹了實際的移動Web開發(fā),讓讀者學(xué)有所用。
4.實例豐富,隨學(xué)隨用
本書提供了大量來源于真實Web開發(fā)項目的實例,并給出了豐富的程序代碼及注釋。讀者通過研讀這些例子,可以了解實際開發(fā)中編寫代碼的思路和技巧,而且還可以將這些代碼直接復(fù)用,以提高自己的開發(fā)效率。
5.視頻教學(xué),高效直觀
筆者專門為書中的重點內(nèi)容和實例錄制了配套教學(xué)視頻進行講解,以方便讀者更加高效直觀地學(xué)習(xí),從而取得更好的學(xué)習(xí)效果。這些視頻及本書源代碼需要讀者自行下載。讀者可以到www.tup.com.cn上搜索到本書頁面按提示下載,也可以到www.wanjuanchina.net上的相關(guān)版塊下載。
本書內(nèi)容
第1篇 HTML 5移動Web開發(fā)基礎(chǔ)(第1~11章)
本篇主要介紹了HTML 5移動Web開發(fā)的基礎(chǔ)知識。首先介紹了移動互聯(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)容,可以為讀者的移動Web開發(fā)打好基礎(chǔ)。
第2篇 HTML 5移動Web開發(fā)實戰(zhàn)(第12~17章)
雖然HTML 5大大簡化了開發(fā)過程,降低了開發(fā)成本,但這遠遠不夠,還需要借助許多基于HTML 5的移動開發(fā)框架。這些框架可以讓開發(fā)任務(wù)變得更加簡單。
本篇從實戰(zhàn)角度介紹了HTML 5移動開發(fā)框架及其他相關(guān)知識。首先介紹了輕量級框架jQuery Mobile,然后介紹了重量級框架Sencha Touch,最后介紹了Bootstrap、PhoneGap、Foundation及Node.js等其他移動Web開發(fā)技術(shù)。掌握本篇內(nèi)容,讀者便可以較好地利用這些技術(shù)進行移動Web開發(fā)。
本書讀者對象
* HTML 5初學(xué)者;
* 有一定基礎(chǔ)的Web開發(fā)人員;
* Web前端開發(fā)工程師;
* 移動應(yīng)用開發(fā)人員;
* 瀏覽器開發(fā)人員;
* 大中專院校的學(xué)生;
* 相關(guān)培訓(xùn)班的學(xué)員。
本書作者
本書由林瓏主筆編寫。其他參與編寫的人員有丁士鋒、胡可、姜永艷、靳鯤鵬、孔峰、馬林、明廷堂、牛艷霞、孫澤軍、王麗、吳紹興、楊宇、游梁、張建林、張起棟、張喆、鄭偉、鄭玉暉、朱雪琴、戴思齊、丁毓峰。
閱讀本書時若有疑問,請發(fā)E-mail到bookservice2008@163.com,以獲得幫助。
編者
林瓏,前端開發(fā)者和研究者、開源精神的忠實擁躉。曾經(jīng)在騰訊公司和知乎網(wǎng)等知名互聯(lián)網(wǎng)公司擔(dān)任資深前端工程師。從事Web開發(fā)工作多年,對Web前端開發(fā)有深刻的認(rèn)識,在Web前端開發(fā)方面有豐富的實戰(zhàn)經(jīng)驗和成功案例。
第1篇 HTML 5移動Web開發(fā)基礎(chǔ)
第1章 移動互聯(lián)網(wǎng)的浪潮之巔(教學(xué)視頻:17分鐘)
1.1 浪潮之巔,順勢而為
1.1.1 正確的時間做正確的事
1.1.2 互聯(lián)網(wǎng)的第二次崛起
1.1.3 移動互聯(lián)網(wǎng)正處于浪潮之巔
1.2 移動互聯(lián)網(wǎng)時代,Web必將璀璨
1.2.1 你應(yīng)該學(xué)習(xí)Web開發(fā)
1.2.2 你應(yīng)該為未來學(xué)習(xí)--移動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 為移動而生
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選擇器增強
3.3.1 屬性選擇器的妙用
3.3.2 強大的結(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ù)邊距與浮動
3.5.2 柵格系統(tǒng)與多列布局
3.5.3 彈性盒布局(Flexible Box)
3.6 動起來
3.6.1 CSS變形(CSS transform)
3.6.2 CSS過渡(CSS Transitions)
3.6.3 CSS動畫(CSS Animations)
3.7 響應(yīng)式設(shè)計基礎(chǔ)
3.7.1 從兩欄布局開始說起
3.7.2 從media到media queries
3.7.3 響應(yīng)式柵格系統(tǒng)
3.7.4 移動優(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 本地存儲升級
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 實例:精仿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章 實時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)和動作(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移動Web開發(fā)實戰(zhàn)
第12章 站在巨人們的肩上--jQuery Mobile(教學(xué)視頻:21分鐘)
12.1 移動Web框架概覽
12.1.1 HTML 5移動應(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)場動畫(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 進階
第13章 Sencha Touch(教學(xué)視頻:8分鐘)
13.1 綜述
13.2 bonjour,Sencha Touch!
13.3 第一個Sencha Touch程序
13.4 進階
第14章 Bootstrap(教學(xué)視頻:15分鐘)
14.1 Bootstrap 3綜述
14.2 Grid系統(tǒng)
14.3 響應(yīng)式實用類
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章 其他移動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ū)動和異步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 跳出前端,更大的世界