400-888-5228

課程介紹：

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

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

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

 

應用領域：

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

2 HTML5技術結合小型服務器的優(yōu)化設計

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

 

課程特色：

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

 

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

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

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

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

 

課程時間：

3天

課程對象：

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

 

課程大綱：

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