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的Canvas | Canvas的使用方法和結(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的使用 |
◎webworker | webworker的概念 使用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)變化 |
★ AJAX | AJAX的理念 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 API | Web 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 Mobile | jQuery Mobile的功能 jQuery Mobile的API jQuery Mobile樣式 | 要點(diǎn):Web應(yīng)用的移動(dòng)設(shè)備適配 實(shí)例:jQuery Mobile的界面 |
★PhoneGap | PhoneGap工程的理念和作用 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)用 |
◎appMobi | appMobi和Intel HTML5開發(fā)環(huán)境 appMobi的API XDK的功能 | 實(shí)例:Phone的接口實(shí)例 |