400-888-5228

課程介紹：

Web應(yīng)用目前廣泛使用在各個領(lǐng)域，并持續(xù)出現(xiàn)新的標(biāo)準(zhǔn)和新的應(yīng)用場景。Web應(yīng)用本身涉及到了多個方面的技術(shù)，每種技術(shù)的本身的難度都不大，但是技術(shù)之間的關(guān)聯(lián)，生態(tài)系統(tǒng)的結(jié)構(gòu)則比較復(fù)雜。

本內(nèi)容全面介紹了Web應(yīng)用方面基礎(chǔ)技術(shù)、擴展技術(shù)、未來的技術(shù)及技術(shù)之間的關(guān)系，并考慮技術(shù)在不同瀏覽器、不同平臺的適應(yīng)性。兼顧前端和后端的開發(fā)， 兼顧不同PC平臺的差異。從W3C標(biāo)準(zhǔn)基礎(chǔ)出發(fā)，以實例化的方式介紹Web應(yīng)用在HTML5新技術(shù)、云服務(wù)和移動互聯(lián)網(wǎng)等新興方面的應(yīng)用。

Web應(yīng)用開發(fā)者以及服務(wù)器技術(shù)、移動技術(shù)、互聯(lián)網(wǎng)開發(fā)、小型設(shè)備的技術(shù)開發(fā)者的都應(yīng)當(dāng)掌握Web應(yīng)用技術(shù)，并具有一定的深度和廣度。

 

應(yīng)用領(lǐng)域：

1 面向多類終端的網(wǎng)站構(gòu)建

2 HTML5技術(shù)結(jié)合小型服務(wù)器的優(yōu)化設(shè)計

3 移動互聯(lián)網(wǎng)的Web應(yīng)用

 

課程特色：

  • 主要內(nèi)容來自開發(fā)實踐，實用性高
  • 集通用宏觀方法論和具體技術(shù)細(xì)節(jié)于一體
  • 以主流技術(shù)根本，具有大量強實用性實例
  • 全面介紹新興的HTML5 Web應(yīng)用技術(shù)及其兼容性
  • 關(guān)注瀏覽器兼容性和生態(tài)系統(tǒng)
  • Web應(yīng)用和Web服務(wù)(云計算)的結(jié)合
  • 由淺入深介紹Web應(yīng)用在移動設(shè)備的應(yīng)用
  • 課程密度高，在最短的時間內(nèi)讓學(xué)習(xí)者有條理地掌握較多內(nèi)容
  • 提供豐富的課后資料，學(xué)習(xí)者可以根據(jù)技術(shù)方向進一步自學(xué)

 

內(nèi)容的分類標(biāo)識：

★(核心技術(shù))：目前使用的主流技術(shù)，重視深度、技術(shù)架構(gòu)、典型實例、兼容性;

★(邊緣技術(shù))：目前使用的非主流技術(shù)，重視廣度、了解適用場景;

★(未來技術(shù))：尚未推廣的技術(shù)，重視技術(shù)的目標(biāo)、展望、非技術(shù)因素的影響。

 

課程時間：

3天

課程對象：

移動開發(fā)工程師、HTML5開發(fā)工程師、項目經(jīng)理、對HTML5感興趣的技術(shù)人員。

 

課程大綱：

Web應(yīng)用概述
1 Web應(yīng)用程序瀏覽器和網(wǎng)頁語言、W3C及其標(biāo)準(zhǔn)要點：HTTP、URI和HTML
2 Web應(yīng)用和瀏覽器主流的瀏覽器及其應(yīng)用場景
瀏覽器的布局引擎和JavaScript引擎		要點：幾種主流瀏覽器的引擎和功能比較
3 Web應(yīng)用的主要技術(shù)和相關(guān)技術(shù)Web應(yīng)用的主流技術(shù)
Web應(yīng)用技術(shù)的平臺化
W3C定義的技術(shù)vs其他組織定義的技術(shù)		要點：Web應(yīng)用使用范圍的蔓延和未來展望
要點：Web應(yīng)用的兼容和適用性
要點：技術(shù)的無限擴展和標(biāo)準(zhǔn)問題
Web應(yīng)用的核心技術(shù)
★Web的調(diào)試和優(yōu)化調(diào)試工具的使用
網(wǎng)絡(luò)Sniff工具和命令行工具
JavaScript性能和DOM性能		實例：Firebugs、Chrome調(diào)試工具
要點：Web結(jié)構(gòu)，快速和動態(tài)調(diào)試
★JavaScript高級JavaScript的閉包
JavaScript內(nèi)存泄露
JavaScript的原型		要點：互相引用、外部函數(shù)、閉包循環(huán)
實例：內(nèi)存泄露的處理
實例：原型概念和JavaScript的擴展
HTML5的技術(shù)
★HTML5概述狹義和廣義的HTML5
HTML5的各種標(biāo)準(zhǔn)		要點：W3C的理念
★HTML5新標(biāo)簽新增Tag的分類，棄用的Tag要點：各種Tag的瀏覽器支持情況
★HTML5新事件新增事件的種類實例：postMessage機制對事件的處理
◎HTML5的多媒體video，audio等標(biāo)簽和調(diào)用接口要點：與Flash的關(guān)系
★HTML5的CanvasCanvas的使用方法和結(jié)構(gòu)
Canvas的各種設(shè)置和繪圖功能		實例：使用Canvas構(gòu)建圖形
實例：使用Canvas構(gòu)建自定義UI
☆Web存儲技術(shù)Web存儲技術(shù)概述
Web存儲技術(shù)的適用場景和生命周期		實例：localStorage的使用
實例：sessionStorage的使用
◎webworkerwebworker的概念
使用webworker的程序結(jié)構(gòu)應(yīng)用		實例：適用webworker改變程序結(jié)構(gòu)
☆表單HTML5表單的自動驗證功能
HTML5表單的新屬性		實例：瀏覽器端的驗證，自動補全功能
☆HTML5的應(yīng)用方面App Cache和離線應(yīng)用
定位技術(shù)
DnD拖拽技術(shù)
數(shù)據(jù)庫技術(shù)
SQL數(shù)據(jù)庫、Indexed數(shù)據(jù)庫
文件API		要點：瀏覽器端功能的利用
實例：離線應(yīng)用保存數(shù)據(jù)
實例：從瀏覽器中獲取定位信息
實例：利用拖放改變DOM結(jié)構(gòu)
實例：在瀏覽器端加載文件
☆HTML5的相關(guān)技術(shù)SVG技術(shù)
MathML技術(shù)		實例：SVG圖形的使用
實例：MathML的公式圖形
◎CSS3的應(yīng)用1 新CSS技術(shù)的標(biāo)準(zhǔn)
2 CSS3技術(shù)的屬性和選擇器
3 CSS3技術(shù)的應(yīng)用
4 CSS的媒體查詢功能		要點：CSS3各方面特性的瀏覽器兼容性
實例：字體、動畫、過渡、UI模型
實例：CSS自適應(yīng)屏幕
Web應(yīng)用的庫
★Web應(yīng)用庫概述Web應(yīng)用庫的組織和存在方式實例：Web庫在線調(diào)試工具
★JSON的應(yīng)用JSON的概念和原理
JSON技術(shù)構(gòu)成和數(shù)據(jù)類型
JSON幾種的不同實現(xiàn)方式		實例：JSON結(jié)構(gòu)在JavaScript中使用
實例：JSON的編輯工具
實例：JSON內(nèi)部數(shù)據(jù)結(jié)構(gòu)
☆Prototype庫Prototype庫的結(jié)構(gòu)和功能集合
Prototype的API和組織結(jié)構(gòu)
Prototype的選擇器、DOM擴展和事件處理		要點：Element類和對DOM處理
實例：Prototype的簡化程序及結(jié)合CSS
要點：Prototype的適用場景和注意事項
★jQuery庫jQuery的概念
jQuery的主要功能
jQuery的組織結(jié)構(gòu)
jQuery的API
jQuery的應(yīng)用場景
jQuery UI的組成和靈活使用		要點：jQuery的類定義
實例：通過jQuery構(gòu)建的顏色選擇器界面
實例：通過jQuery簡化界面的構(gòu)建
實例：通過jQuery使用AJAX
實例：通過jQuery ? ?UI的使用和效果
☆Web應(yīng)用框架庫Mootools、Dojo、YUI、ExtJS庫要點：主流Web應(yīng)用庫的功能和范疇
☆Web應(yīng)用工具庫Knockout，moo.fx等數(shù)十個各功能的庫。要點：了解Web程序中可用的內(nèi)容
客戶端和服務(wù)器交互技術(shù)
★ Web服務(wù)器概述Web應(yīng)用的客戶端-服務(wù)器架構(gòu)
幾種流行的Web服務(wù)器及其功能擴展		要點：服務(wù)器和客戶端的職責(zé)
★基于CGI的交互CGI的參數(shù)格式和服務(wù)器動作
CGI程序請求參數(shù)和環(huán)境變量
CGI程序使用環(huán)境變量
CGI的多語言庫（Perl、C和C++）
FastCGI的理念與實現(xiàn)結(jié)構(gòu)		實例：多語言實現(xiàn)（Perl、Shell、C語言）
要點：小型服務(wù)器的CGI技術(shù)
實例：多種CGI應(yīng)用程序?qū)Ρ韱蔚奶峤惶幚?br /> 要點： FastCGI應(yīng)用程序的結(jié)構(gòu)變化
★ AJAXAJAX的理念
XMLHttpRequest的使用方法
XMLHttpRequest請求文件和執(zhí)行CGI
反向AJAX和服務(wù)器推送技術(shù)
輪循技術(shù)模擬反向AJAX的處理		要點：AJAX的客戶端和服務(wù)器端
實例：通過AJAX和局部刷新頁面
要點：AJAX構(gòu)建的數(shù)據(jù)交互
實例：多種反向AJAX的實現(xiàn)
★動態(tài)Web頁面和數(shù)據(jù)庫完整的Web的服務(wù)器技術(shù)
PHP技術(shù)和MySQL技術(shù)		實例：PHP的構(gòu)建和語法
實例：MySQL調(diào)用存儲環(huán)節(jié)
◎新的客戶端和服務(wù)器交互技術(shù)HTML5服務(wù)器端技術(shù)概述
SSE技術(shù)
Websocket技術(shù)
Node.js技術(shù)		要點：HTML5服務(wù)器端的方向
要點：Websocket對網(wǎng)頁程序的擴展
要點：Node.js的架構(gòu)和要點
實例：Node.js的解析和異步處理
云計算和Web
◎ Web2.0和Web服務(wù)云服務(wù)的典型架構(gòu)
SOAP和REST		要點：WebAPI和HTTP關(guān)系
要點：REST及其HTTP的實現(xiàn)
◎云的概念和架構(gòu)云的概念和層次結(jié)構(gòu)
云服務(wù)和云終端
SaaS、PaaS和Iaas		要點：云計算和Web應(yīng)用的關(guān)系
要點：典型云計算服務(wù)器的架構(gòu)
★典型Web APIWeb API的客戶端和服務(wù)器端
Google Map的API
YouTube的API
社交API的形式		要點：API結(jié)構(gòu)以及與Web的結(jié)合
實例：開發(fā)小型網(wǎng)站的Web API
移動Web應(yīng)用
★移動設(shè)備的Web移動設(shè)備的Web應(yīng)用特點
Web應(yīng)用與設(shè)備屬性的結(jié)合		要點：移動設(shè)備應(yīng)用HTML5新技術(shù)的優(yōu)勢
要點：移動設(shè)備的混合應(yīng)用的幾種形式
★jQuery MobilejQuery Mobile的功能
jQuery Mobile的API
jQuery Mobile樣式		要點：Web應(yīng)用的移動設(shè)備適配
實例：jQuery Mobile的界面
★PhoneGapPhoneGap工程的理念和作用
PhoneGap的API及其應(yīng)用
PhoneGap在幾個平臺的使用		要點：典型移動平臺Web結(jié)構(gòu)特點
要點：Webkit在移動設(shè)備的特殊功能
實例：Phone的接口實例（Android和iOS）
移動Web應(yīng)用和云平臺
◎移動平臺概述移動設(shè)備的Web平臺的結(jié)構(gòu)要點：開發(fā)平臺和多功能服務(wù)器
◎FeedHenry平臺FeedHenry作用
應(yīng)用API和平臺API
App Studio的仿真環(huán)境		實例：App Studio模擬Web應(yīng)用
◎appMobiappMobi和Intel HTML5開發(fā)環(huán)境
appMobi的API
XDK的功能		實例：Phone的接口實例