王家林 培訓 Android HTML5 雲端運算實戰 Hadoop —王家林設計的面向Web Cloud的HTML5 App開發實戰：Browser&HTML5&CSS3&

王家林:致力於軟硬雲整合，通曉Android、HTML5、Hadoop      Tel:     18610086859      Email: jialingege@126.com       hiheartfirst@gmail.com

 

 

HTML5  是device（終端裝置）和cloud（雲端運算）的交匯點，是設計與技術的近乎完美的交融。

HTML5不僅代表Cloud（雲端運算），HTML5力量的源泉更重要的來自於Device（本地硬體裝置）。

HTML5時代的是Device-Cloud模式，而非傳統的Client-Server模式。

HTML5時代的核心是Device，Cloud是服務於Device端。

作為開發人員和架構師，徹底洞悉和駕馭HTML5的關鍵是：在掌握Browser（瀏覽器）定製和開發技術的前提下，深刻理解HTML5的新技術的產生的源泉（包含但不限於商業、技術、時代因素等），進而順勢而為，徹底掌握HTML5與本地硬體的密不可分的關聯、JavaScript和本地API互動的技術、瀏覽器本身的哲學、本地化Web程式的架構PhoneGap以及Web頁面本地化的JavaScript架構jQuery Mobile等，接著，掌握html5用戶端的多線程技術並慢慢品味以WebSocket為基礎的Cloud端主動Push資料到Device的全新思想和互動方式，最後，在優雅的玩味HTML5時代Cloud端的經典技術：Node.js這個為高並發、非阻塞式情境而生的雲端運算服務端中悠然的貫通HTML5時代下的Device、Browser、Cloud中的一切！

 

課程簡介：

2天；

20個HTML5主題一次性貫穿HTML5的一切技術；

一網打盡HTML5時代Device、（裝置端）、Browser（瀏覽器）和Cloud（瀏覽器）的所有技術；

以瀏覽器定製技術為基礎，通曉HTML5+CSS3+PhoneGap+Web Socket +jQuery Mobile +Node.js等HTML5的六大核心技術；

      最新研發的HTML5作業系統的內幕是什嗎？

 

HTML5的核心和力量到底在哪裡？

     

      HTML5的架構思維是什嗎？

 

       為何是All in JavaScript？

 

如何定製瀏覽器？

 

為何定製瀏覽器是理解HTML5技術本質的起點和終點？

 

為什麼JavaScript和本地API是的互動是理解HTML5關鍵？

 

      HTML5真正的新特性是什嗎？

       如何調試HTML5？

       HTML5中如何使用PUSH技術？

       HTML5中的Canvas到底有什麼神奇的力量？

       HTML5的音視頻給多媒體開發帶來了怎樣的影響？

       HTML5的多線程、本機存放區、離線儲存、地理位置等背後的密碼是什嗎？

 

HTML5開發架構PhoneGap背後的密碼是什嗎？

PhoneGap技術的本源是什嗎？

如何隨心所欲的使用PhoneGap？

 

如何擴充PhoneGap的功能？

PhoneGap的Plugin背後又有什麼驚天的商業密碼？

 

 

如何是HTML5頁面完全和Native App類似？

如何徹底洞悉jQuery Mobile？

 

Ajax在HTML5價值到底在哪裡？

 

JSON是如何把Native API、Ajax、Node.js等串連在一起的？

 

在HTML5時代，如何應對高並發的服務要求？

 

如何在伺服器端和用戶端打在完美的並發非同步處理方案？

 

本課程講徹底解答上述所有的問題，全部內容至簡而實，採用代碼驅動，把HTML5、CSS3、PhoneGap、Ajax、jQuery Mobile、Node.js的秘密向您娓娓道來。

課程目標：

本課程涵蓋HTML5、CSS3、PhoneGap、Ajax、jQuery Mobile、Node.js等一些列HTML5相關技術，重在強調代碼的實戰能力以及背後的原理分析。

掌握本課程後，能夠完全勝任任意需求的HTML5+CSS3+JavaScript+PhoneGap+Ajax+jQuery Mobile+Node.js的HTML5時代的開發。

具體來說：

定製瀏覽器並具備開放html5瀏覽器的能力；

掌握HTML5等多線程、本機存放區等所有的新特性技術；

學會以 JavaScript 編寫 Device-side的App；

學會以 PhoneGap 整合 Native API；

　　學會以 Node.js 開發 Server-side 服務 (Cloud)；

      具體HTML5深刻的洞察力和商業視角；

 

培訓對象：

       尤其適合於金融機構、互連網公司、智能終端開發人員；

       手機App開發人員

傳統Web開發人員；

架構師；

      傳統的智能手機，例如Android的開發人員；

       想學習HTML5的人員；

瀏覽器定製人員；

美工開發人員；

媒體機構；

 

時間	內  容	備忘
第一天	第1個主題：HTML5 架構思維 1,1 All in JavaScript 1,2 Architect of Device & Cloud 1,3 Open Platform & API   第2個主題：HTML5時代的商業機會和變革 2,1 HTML5和以前的HTML的不同； 2.2 HTML5時代新的商業模式； 2.3 HTML5與傳統的Native App； 2.4 HTML5將給整個IT界帶來全新的變革；   第3個主題：通過一個Blog執行個體實戰HTML5&CSS3 3.1 實戰HTML5新增頁面元素； 3.2 實戰HTML5中的表單； 3.3 實戰HTML5中的Canvas 3.4 實戰html 5頁面中視頻和音頻 3.5 CSS3技術實戰 第4主題：瀏覽器開發和自訂 4.1 瀏覽器定製和開發的核心原理剖析 4.2 瀏覽器定製和開發的技術手段剖析 4.3 瀏覽器定製和開發實戰   第5主題：瀏覽器定製技術基石：WebView下JavaScript如何與本地API進行相互調用 5.1  以Android系統為例探討製作Android介面的新大陸 5.2  瀏覽器的JavaScriptInterface 5.3  本地API調用Javascript 5.4  Javascript調用本地API   第6個主題: HTML5的多線程技術 6.1為什麼HTML5的多線程技術是Device端編程的一項革命 6.2 WebWorker的原理和機制 6.3 Dedicated Worker和Shared Worker詳解 6.4 背景工作執行緒生命週期 6.5 通過後台數值計算、共用線程、線程代理等實戰多線程技術；   第7個主題： HTML5的離線應用和本機存放區功能詳解 7.1 問題情境：如何在飛機上離線辦公？ 7.2 離線應用三要點：伺服器、設定檔、更新 7.3 使用Local Storage和Session Storage； 7.4 使用資料庫； 7.5 解決飛機上離線辦公的最後一個問題：監聽線上事件；   第8個主題：HTML5革命性的特徵：Web Socket 8.1 傳統的Client-Server的通訊方式 8.2 HTML5時代的Device-Cloud的通訊方式 8.3 為什麼這是革命性的 8.4 Web Socket與Ajax的比較 8.5 Web Socket實戰   第9個主題:HTML5的其它新特性和瀏覽器的相容性問題 9.1 新的Tag的核心原理和意義 9.2 GeoLocation擷取地理位置資訊 9.3 WebGL進行3G繪圖 9.4 HTML5瀏覽器安全色性問題的根源 9.5 如何解決HTML5瀏覽器安全色性問題？   第10個主題：PhoneGap的架構和商業思考 10.1  PhoneGap的架構藝術 10.2  PhoneGap與HTML5、CSS3、JavaScript的關係 10.3  PhoneGap與智能手機的核心功能——包括相機、檔案訪問、地理定位，加速器，連絡人，聲音和震動等 10.4  PhoneGap的優勢和劣勢
時間	內  容	備忘
第二天	第11個主題：PhoneGap架構的技術基石是什嗎？ 11,1 使用WebView 11,2 在WebView中使用JavaScript 11.3 建立本地Java API 11.4 使用JavaScriptInterface 11.5 JavaScript調用Java 11.6 Java調用JavaScript 11.7 PhoneGap是如何使用JavaScriptInterface的   第12個主題：安裝PhoneGap開發第一個PhoneGap程式並徹底剖析該程式 12.1 安裝PhoneGap SDK; 12.2 PhoneGap庫的加入 12.3 JavaScript的構建 12.4 Asset下HTML檔案的構建 12.5 編寫設定檔 12.6 打包、安裝、運行第一個PhoneGap程式 12.7 徹底剖析PhoneGap程式的運行原理、流程、機制等   第13個主題：PhoneGap案例開發實戰 13.1通過Connection測試網路連結 13.2 通過Accelerometer來採集裝置的動作 13.3 通過Compass獲得當前裝置的方向 13.4 PhoneGap 操作本地系統的Camera 13.5 PhoneGap其它的本地API;   第14個主題：PhoneGap的Plugin開發 14.1如何擴充PhoneGap的功能？ 14.2 IPlugin介面 14.3 Proxy-Stub模式在Plugin開發中的應用及價值 14.4 Plugin開發中如何控制硬體廠商和Web開發人員 14.5 Plugin核心代碼剖析及開發實戰     第15個主題：使用HTTP&AJAX和遠程伺服器端溝通 15.1 Ajax在HTML5時代的價值； 15.2 HTTP&AJAX實戰；   第16個主題：JSON與JavaScript珠聯璧合 16.1 剖析JSON； 16.2 JavaScript解析JSON實戰； 16.3 Java解析JSON實戰； 16.4 JSON：HTML5、本地API、Ajax   第17個主題：徹底洞悉jQuery Mobile 17.1 jQuery Mobile設計的技術思考和商業思考 17.2 jQuery Mobile入門初體驗； 17.3 使用頁首、工具列和標籤欄； 17.4 jQuery Mobile中的表單和按鈕； 17.5 jQuery Mobile中的列表； 17.6 jQuery Mobile和CSS結合； 17.7 jQuery Mobile主題； 17.8 jQuery Mobile的API; 17.9 和伺服器整合； 17.10 jQuery Mobile和HTML5開發架構PhoneGap結合；   第18個主題：Node.js的架構理念、技術基石以及如何應對HTTP和TCP協議 18.1 Node.js的架構 18.2 Node.js中多線程和Callback為何如此重要？ 18.3 Node.js使用案例賞析 18.4 Node.js中WebServer和TCPServer實戰   第19個主題：Node.js實戰高並發和非阻塞式的服務端 19.1 Blocking和Non-Blocking 19.2 Event-Driven機制 19.3 Node.js開發實戰   第20個主題：Node.js和WebSocket的整合； 20.1 使用Node.js和WebSocket打造非同步處理機制及其重大價值； 20.2使用Node.js和WebSocket打造非同步處理機制傳統模式 20.3使用Node.js和WebSocket打造非同步處理機制經典案例