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ù)、擴(kuò)展技術(shù)、未來的技術(shù)及技術(shù)之間的關(guān)系,并考慮技術(shù)在不同瀏覽器、不同平臺的適應(yīng)性。兼顧前端和后端的開發(fā), 兼顧不同PC平臺的差異。從W3C標(biāo)準(zhǔn)基礎(chǔ)出發(fā),以實(shí)例化的方式介紹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è)計(jì)

3 移動互聯(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)用在移動設(shè)備的應(yīng)用
  • 課程密度高,在最短的時間內(nèi)讓學(xué)習(xí)者有條理地掌握較多內(nèi)容
  • 提供豐富的課后資料,學(xué)習(xí)者可以根據(jù)技術(shù)方向進(jìn)一步自學(xué)

 

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

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

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

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

 

課程時間:

3天

課程對象:

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

 

課程大綱:

Web應(yīng)用概述
1 Web應(yīng)用程序瀏覽器和網(wǎng)頁語言、W3C及其標(biāo)準(zhǔn)要點(diǎn):HTTP、URI和HTML
2 Web應(yīng)用和瀏覽器主流的瀏覽器及其應(yīng)用場景
瀏覽器的布局引擎和JavaScript引擎
要點(diǎn):幾種主流瀏覽器的引擎和功能比較
3 Web應(yīng)用的主要技術(shù)和相關(guān)技術(shù)Web應(yīng)用的主流技術(shù)
Web應(yīng)用技術(shù)的平臺化
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),快速和動態(tài)調(diào)試
★JavaScript高級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ī)制對事件的處理
◎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存儲技術(shù)Web存儲技術(shù)概述
Web存儲技術(shù)的適用場景和生命周期
實(shí)例:localStorage的使用
實(shí)例:sessionStorage的使用
◎webworkerwebworker的概念
使用webworker的程序結(jié)構(gòu)應(yīng)用
實(shí)例:適用webworker改變程序結(jié)構(gòu)
☆表單HTML5表單的自動驗(yàn)證功能
HTML5表單的新屬性
實(shí)例:瀏覽器端的驗(yàn)證,自動補(bǔ)全功能
☆HTML5的應(yīng)用方面App Cache和離線應(yīng)用
定位技術(shù)
DnD拖拽技術(shù)
數(shù)據(jù)庫技術(shù)
SQL數(shù)據(jù)庫、Indexed數(shù)據(jù)庫
文件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í)例:字體、動畫、過渡、UI模型
實(shí)例:CSS自適應(yīng)屏幕
Web應(yīng)用的庫
★Web應(yīng)用庫概述Web應(yīng)用庫的組織和存在方式實(shí)例:Web庫在線調(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庫Prototype庫的結(jié)構(gòu)和功能集合
Prototype的API和組織結(jié)構(gòu)
Prototype的選擇器、DOM擴(kuò)展和事件處理
要點(diǎn):Element類和對DOM處理
實(shí)例:Prototype的簡化程序及結(jié)合CSS
要點(diǎn):Prototype的適用場景和注意事項(xiàng)
★jQuery庫jQuery的概念
jQuery的主要功能
jQuery的組織結(jié)構(gòu)
jQuery的API
jQuery的應(yīng)用場景
jQuery UI的組成和靈活使用
要點(diǎn):jQuery的類定義
實(shí)例:通過jQuery構(gòu)建的顏色選擇器界面
實(shí)例:通過jQuery簡化界面的構(gòu)建
實(shí)例:通過jQuery使用AJAX
實(shí)例:通過jQuery ? ?UI的使用和效果
☆Web應(yīng)用框架庫Mootools、Dojo、YUI、ExtJS庫要點(diǎn):主流Web應(yīng)用庫的功能和范疇
☆Web應(yīng)用工具庫Knockout,moo.fx等數(shù)十個各功能的庫。要點(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ù)器動作
CGI程序請求參數(shù)和環(huán)境變量
CGI程序使用環(huán)境變量
CGI的多語言庫(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請求文件和執(zhí)行CGI
反向AJAX和服務(wù)器推送技術(shù)
輪循技術(shù)模擬反向AJAX的處理
要點(diǎn):AJAX的客戶端和服務(wù)器端
實(shí)例:通過AJAX和局部刷新頁面
要點(diǎn):AJAX構(gòu)建的數(shù)據(jù)交互
實(shí)例:多種反向AJAX的實(shí)現(xiàn)
★動態(tài)Web頁面和數(shù)據(jù)庫完整的Web的服務(wù)器技術(shù)
PHP技術(shù)和MySQL技術(shù)
實(shí)例:PHP的構(gòu)建和語法
實(shí)例:MySQL調(diào)用存儲環(huán)節(jié)
◎新的客戶端和服務(wù)器交互技術(shù)HTML5服務(wù)器端技術(shù)概述
SSE技術(shù)
Websocket技術(shù)
Node.js技術(shù)
要點(diǎn):HTML5服務(wù)器端的方向
要點(diǎn):Websocket對網(wǎng)頁程序的擴(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
移動Web應(yīng)用
★移動設(shè)備的Web移動設(shè)備的Web應(yīng)用特點(diǎn)
Web應(yīng)用與設(shè)備屬性的結(jié)合
要點(diǎn):移動設(shè)備應(yīng)用HTML5新技術(shù)的優(yōu)勢
要點(diǎn):移動設(shè)備的混合應(yīng)用的幾種形式
★jQuery MobilejQuery Mobile的功能
jQuery Mobile的API
jQuery Mobile樣式
要點(diǎn):Web應(yīng)用的移動設(shè)備適配
實(shí)例:jQuery Mobile的界面
★PhoneGapPhoneGap工程的理念和作用
PhoneGap的API及其應(yīng)用
PhoneGap在幾個平臺的使用
要點(diǎn):典型移動平臺Web結(jié)構(gòu)特點(diǎn)
要點(diǎn):Webkit在移動設(shè)備的特殊功能
實(shí)例:Phone的接口實(shí)例(Android和iOS)
移動Web應(yīng)用和云平臺
◎移動平臺概述移動設(shè)備的Web平臺的結(jié)構(gòu)要點(diǎn):開發(fā)平臺和多功能服務(wù)器
◎FeedHenry平臺FeedHenry作用
應(yīng)用API和平臺API
App Studio的仿真環(huán)境
實(shí)例:App Studio模擬Web應(yīng)用
◎appMobiappMobi和Intel HTML5開發(fā)環(huán)境
appMobi的API
XDK的功能
實(shí)例:Phone的接口實(shí)例