400-888-5228

課程介紹:

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

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

Web應(yīng)用開發(fā)者以及服務(wù)器技術(shù)、移動(dòng)技術(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è)計(jì)

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

 

課程特色:

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

 

內(nèi)容的分類標(biāo)識(shí):

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

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

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

 

課程時(shí)間:

3天

課程對(duì)象:

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

 

課程大綱:

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