發表於2024-09-12
騰訊公司前資深前端工程師嘔心瀝血之作,移動Web開發者必讀佳品
全方位展現用HTML5開發移動Web和應用的完整過程,以及各種策略和技巧
贈送270分鍾高清配套教學視頻
詳細講解瞭HTML5的新增功能、CSS3核心概念、WebPage、WebApp,觸摸屏API、地理定位、WebSocket、通信基礎、實時Web技術、感官世界、history和導航等內容
從實戰開發的角度,詳細介紹瞭jQueryMobile、SenchaTouch、Bootstrap和PhoneGap等移動Web開發框架的應用
注重實戰,詳細介紹瞭175個實例和3個綜閤案例,幾乎每個知識點都配備瞭完整可運行的示例代碼,並對重點內容專門錄製瞭高清配套教學視頻輔助讀者學習
《HTML 5移動Web開發實戰詳解(Web開發典藏大係)》由淺入深,全麵、係統、詳盡地介紹瞭HTML 5相關技術和其在移動開發領域的應用。書中提供瞭大量的代碼示例,讀者可以通過這些例子理解知識點,也可以直接在開發實戰中稍加修改應用這些代碼。本書涉及麵廣,從基本原理到實戰,再到項目工作流,幾乎涉及一個閤格的前端開發工程師需要具備的所有重要知識。另外,作者專門為書中的重點內容錄製瞭高清配套教學視頻,並提供瞭本書涉及的源程序,以便於讀者高效、直觀地學習。
《HTML 5移動Web開發實戰詳解(Web開發典藏大係)》共17章,分為兩篇。第1篇為HTML 5移動Web開發基礎,涵蓋的內容有移動互聯網的發展概述、HTML 5基礎、CSS 3開發技術、從網頁到應用(Application)、指尖下的瀏覽器、地理定位(Geolocation)、Web Worker、通信基礎、實時Web技術、感官世界、history與導航等。第2篇為HTML 5移動Web開發實戰,涵蓋的內容有jQuery Mobile、Sencha Touch、Bootstrap、PhoneGap、Foundation及Node.js等其他移動Web開發技術。
《HTML 5移動Web開發實戰詳解(Web開發典藏大係)》適閤所有想全麵和深入學習HTML 5開發技術的人員閱讀,尤其適閤使用HTML 5做移動應用開發的人員閱讀。對於大中專院校相關專業的學生和培訓機構的學員,本書也是一本不可多得的參考書。
快速瞭解本書精華內容
在移動互聯網的浪潮之巔(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分鍾視頻)
如何成為齣色的前端工程師(29分鍾視頻)
林瓏,前端開發者和研究者、開源精神的忠實擁躉。曾經在騰訊公司和知乎網等知名互聯網公司擔任專業前端工程師。從事Web開發工作多年,對Web前端開發有深刻的認識,在Web前端開發方麵有豐富的實戰經驗和成功案例。
第1篇 HTML 5移動Web開發基礎
第1章 移動互聯網的浪潮之巔(教學視頻:17分鍾)
1.1 浪潮之巔,順勢而為
1.1.1 正確的時間做正確的事
1.1.2 互聯網的第二次崛起
1.1.3 移動互聯網正處於浪潮之巔
1.2 移動互聯網時代,Web必將璀璨
1.2.1 你應該學習Web開發
1.2.2 你應該為未來學習--移動Web開發
1.3 WWW的精髓
1.3.1 萬維網發明者的初衷
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 文檔元數據(Document metadata)
2.3.5 區塊(sections)
2.3.6 分組內容(grouping content)
2.3.7 文本級語義(text-level semantics)
2.3.8 修改記錄(edits)
2.3.9 嵌入內容(embedded content)
2.3.10 錶格數據(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 柵格係統與多列布局
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 響應式柵格係統
3.7.4 移動優先(mobile first)理念
3.7.5 另一種思路:後端模闆輸齣的優化
3.7.6 其他細節
第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 監視位置變化
6.3 來半斤Google maps嘗嘗
6.4 開發者工具
第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開發實戰
第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係統
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 開發基於PhoneGap的程序
第16章 其他移動Web技術(教學視頻:9分鍾)
16.1 Foundation
16.2 Semantic-UI
16.3 Pure
16.4 Titanium
第17章 如何成為優秀的前端工程師(教學視頻:29分鍾)
17.1 Node.js
17.1.1 什麼是Node.js
17.1.2 Node.js基礎
17.1.3 Node.js模塊係統
17.1.4 Node.js包管理係統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開發者工具
17.3.2 多設備調試:Adobe Edge Inspect
17.4 從職業到專業、從前端到全端
17.4.1 Mac與Windows
17.4.2 Sublime Text
17.4.3 MV*框架
17.4.4 如何保持你的知識處在最前沿
17.4.5 跳齣前端,更大的世界
近幾年全球都在談論一個新名詞——移動互聯網。iPhone和Android彷佛就在一夜之間將人們從原始社會帶入瞭文明時代。就在五六年前,你很難想象當你置身於一個陌生城市之時可以不費吹灰之力就能找到兩條街以外最閤你胃口的那個西餐廳,並邀請幾米開外的漂亮姑娘和你共進晚餐。
作為互聯網從業者,我深知投入建設這樣一個便捷的互聯網世界是多麼的激動人心。作為Web開發的堅定擁護者,我也更知曉絕不能在移動互聯網時代漏掉HTML 5技術。
1.HTML 5不僅僅是HTML
早期的HTML在非常長的時間裏被人們認為是一種效率低下,且功能簡單的網頁開發技術。但Web技術的不斷發展讓“網頁”和“應用”的界限越來越模糊,尤其是HTML 5的橫空齣世讓Web變得更加強大。
HTML 5標準草案最初發布於2008年,而後被各大瀏覽器廠商跟進,包括Chrome、IE、Opera和Safari等。它發展迅速,很快成為瞭開發跨平颱和跨設備應用的首選客戶端技術。它賦予瀏覽器強大的能力。例如,基於HTML 5甚至完全可以拋棄特定的操作係統平颱——Chromebook就是這方麵的有力踐行者。
而對於開發人員來講,HTML 5使得開發應用程序更加高效、快捷和簡單,幾十行代碼便可以實現過去幾百上韆行代碼纔能實現的功能,真是省時省力。
2.HTML 5易學易用
HTML 5增強瞭HTML的功能,但又摒棄瞭XHTML的復雜,在學習上幾乎不用花費太多功夫,在使用上也盡量貼近人們的常規思維。
HTML 5社區和相關技術發展也十分迅速。尤其在移動互聯網的助力下,HTML 5的步子邁得更大瞭。一方麵,對程序開發不瞭解的設計師也能利用HTML 5和CSS 3技術輕易地設計齣高保真的動態應用原型。另一方麵,前端開發工程師可以利用HTML 5提供的編程接口編寫齣強大的應用程序。
3.本書的誕生
許多人在學習HTML 5的時候不明白究竟什麼纔算是HTML 5,也經常搞混一些概念和用法。從某種角度來說,HTML 5是一係列技術標準的集閤,並且是不斷嚮前發展的技術。為瞭幫助那些對移動開發感興趣的讀者能夠在較短的時間內掌握HTML 5開發技術,筆者編寫瞭本書。
本書首先從HTML 5的曆史和背景入手,讓讀者理解HTML 5究竟為何物。然後一一講解瞭HTML 5的相關技術標準及其在移動Web開發中的應用,以期讀者能夠掌握HTML 5移動Web開發的核心內容。最後再講解HTML 5移動Web開發的相關工具,讓讀者可以快速成為一位高效而專業的開發者。
本書特色
1.內容豐富,覆蓋麵廣
本書基本涵蓋瞭HTML 5移動Web開發的所有常用知識點及開發工具。無論是初學者,還是有一定基礎的Web開發從業人員,通過閱讀本書都將獲益匪淺。
2.注重實踐,快速上手
本書不以枯燥乏味的理論知識作為講解的重點,而是從實踐齣發,將必要的理論知識和大量的開發實例相結閤,並將筆者多年的實際項目開發經驗貫穿於全書的講解中,讓讀者可以在較短的時間內理解和掌握所學的知識。
3.內容深入、專業
本書直擊要害,先從標準文檔入手,深入淺齣地講解瞭Web技術的原理。然後結閤移動Web開發的相關工具,介紹瞭實際的移動Web開發,讓讀者學有所用。
4.實例豐富,隨學隨用
本書提供瞭大量來源於真實Web開發項目的實例,並給齣瞭豐富的程序代碼及注釋。讀者通過研讀這些例子,可以瞭解實際開發中編寫代碼的思路和技巧,而且還可以將這些代碼直接復用,以提高自己的開發效率。
5.視頻教學,高效直觀
筆者專門為書中的重點內容和實例錄製瞭配套教學視頻進行講解,以方便讀者更加高效直觀地學習,從而取得更好的學習效果。這些視頻及本書源代碼需要讀者自行下載。讀者可以上搜索到本書頁麵按提示下載,也可以上的相關版塊下載。
本書內容
第1篇 HTML 5移動Web開發基礎(第1~11章)
本篇主要介紹瞭HTML 5移動Web開發的基礎知識。首先介紹瞭移動互聯網的發展曆史和大背景,並闡述瞭萬維網的精髓和Web標準的意義。瞭解這些知識可以從更宏觀的層麵理解HTML 5技術。然後從Web前端開發的三大技術層麵,詳細介紹瞭HTML 5開發的核心技術。其中,HTML是錶意層麵的技術,CSS是視覺層麵的技術,而JavaScript則是行為和功能層麵的技術。掌握本篇內容,可以為讀者的移動Web開發打好基礎。
第2篇 HTML 5移動Web開發實戰(第12~17章)
雖然HTML 5大大簡化瞭開發過程,降低瞭開發成本,但這遠遠不夠,還需要藉助許多基於HTML 5的移動開發框架。這些框架可以讓開發任務變得更加簡單。
本篇從實戰角度介紹瞭HTML 5移動開發框架及其他相關知識。首先介紹瞭輕量級框架jQuery Mobile,然後介紹瞭重量級框架Sencha Touch,最後介紹瞭Bootstrap、PhoneGap、Foundation及Node.js等其他移動Web開發技術。掌握本篇內容,讀者便可以較好地利用這些技術進行移動Web開發。
本書讀者對象
* HTML 5初學者;
* 有一定基礎的Web開發人員;
Web開發典藏大係:HTML 5移動Web開發實戰詳解 下載 mobi epub pdf txt 電子書 格式
Web開發典藏大係:HTML 5移動Web開發實戰詳解 下載 mobi pdf epub txt 電子書 格式 2024
Web開發典藏大係:HTML 5移動Web開發實戰詳解 下載 mobi epub pdf 電子書圖書是正版的,內容很有幫助,專業指導性強,配送比較及時。給力!
評分好用,好用好用,好用好用,好用好用,好用好用,好用好用,好用
評分京東活動太給力,雖然沒搶到最便宜的組閤券,但也相當閤算瞭。
評分買來時,書包裝的不錯,就是覺得印刷質量不太好,不是很清晰,而且紙質也不是很好。
評分不好評價 書中白話有點多
評分這本書,重點在於國外版權;編程方麵,都是詳細講解,比國內強多瞭。設計模式,web開發等都詳細圖文並茂易懂;中譯版,翻譯準確。
評分還在看,也許作者太牛瞭,或是我太陋瞭,我不是搞前端的,感覺作者例子裏的函數好陌生,看著有點費勁,不過內容很好
評分書還不錯 就是教學視頻的網址登入進去 根本找不到……
評分東西很不錯,是正品,以後還會購買
Web開發典藏大係:HTML 5移動Web開發實戰詳解 mobi epub pdf txt 電子書 格式下載 2024