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的接口實例