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