H5/web開發(fā)精英班

課程模塊

課程內(nèi)容

項目實訓

較好階段：Web開發(fā)基礎(chǔ)

XHTML+CSS

1、XHTML（html+div）--熟練掌握 HTML 各種標簽（文本，圖像，鏈接，表格，列表，表單，框架，層布局等） ，以便于能快速完成各種頁面的編寫

2、Css---選擇器的介紹，樣式中屬性與屬性值介紹，以及各種頁面樣式的定義和編寫。網(wǎng)頁導(dǎo)航的設(shè)計以及字體板式設(shè)計

3、瀏覽器的兼容性---熟悉各種瀏覽器的優(yōu)缺點及制作技巧。

4、 制作符合 web2.0 標準的網(wǎng)頁布局

途牛網(wǎng)網(wǎng)站首頁——通過學習的DIV+CSS、PS、flash等方式制作企業(yè)靜態(tài)網(wǎng)站首頁中的圖標，Banner，界面設(shè)計以及風格解析和網(wǎng)頁設(shè)計規(guī)范。

Web-UI設(shè)計

結(jié)合商業(yè)案例來學習PS,AI使用，掌握PS,AI基本操作；能夠獨立的進行網(wǎng)頁效果圖制作。

Flash動畫效果

結(jié)合商業(yè)案例來學習Flash使用，掌握Flash動畫技巧；能夠獨立制作網(wǎng)頁動畫效果

Axure RP-Web/AP原型設(shè)計

Axure RP創(chuàng)建基于網(wǎng)站構(gòu)架圖的帶注釋頁面示意圖、操作流程圖、以及交互設(shè)計，并可自動生成用于演示的網(wǎng)頁文件和規(guī)格文件，以提供演示與開發(fā)。

第二階段 web開發(fā)進階

課程模塊

課程內(nèi)容

項目實訓

Javascript編程

計算機程序基礎(chǔ)，認識網(wǎng)頁交互原理，深入講解Javascript基本語法，了解DOM事件、屬性、樣式，學習和掌握js變量、函數(shù)（參數(shù)、返回值）、判斷語句、運算符、表達式等相關(guān)知識

途牛網(wǎng)網(wǎng)站靜態(tài)到交互

（HTML+CSS+jQuery）——通過本階段的學習，完成網(wǎng)站上的交互*，以及瀏覽器之間的兼容性。

BOM+DOM編程

認識和了解BOM（瀏覽器對象模型）和DOM（文檔對象模型）；掌握window、location、history、navigator、document、 Form、Table等相關(guān)對象的使用；掌握事件處理和DOM節(jié)點。

jQuery+交互動畫+jQuery優(yōu)質(zhì)插件

結(jié)合案例了解jQuery庫原理和動畫的概念、方法，熟悉和掌握移動網(wǎng)頁常用jQuery庫使用方法。主要內(nèi)容包括：

jQuery各種選擇器的使用，DOM節(jié)點操作，事件處理及事件處理機制，jQuery事件封裝機制，jQuery事件應(yīng)用，jQuery中的動畫及動畫時間的概念、基本動畫方法、復(fù)雜動畫方法、停止動畫與參數(shù)說明、jQuery動畫的隊列問題和jQuery插件的使用

HTTP協(xié)議

認識和了解HTTP協(xié)議的結(jié)構(gòu)和通信原理，主要內(nèi)容有HTTP消息結(jié)構(gòu)，HTTP方法（GET,POST,HEAD等），HTTP頭信息，HTTP狀態(tài)碼等

WebApp輕應(yīng)用的開發(fā)

移動端web app輕應(yīng)用-ionic框架。主要內(nèi)容包括：
Ionic框架的主要組成、Ionic的UI框架、Ionic的擴展指令、Ionic所使用的angular-ui路由系統(tǒng)等，以及輕應(yīng)用在微信上的發(fā)布技術(shù)。

Ajax+Node.js+Json

詳解Ajax特性與實例、Ajax的子對象、Ajax庫封裝，Ajax跨域問題和掌握Node.js環(huán)境的搭建和使用;包括Node.js的包管理和Node.js的事件循環(huán)、緩存、流文件系統(tǒng)、工具模塊、作用域、事件編程、異步編程、文件操作、web模塊和Express框架應(yīng)用及JSON的認識和使用。

第三階段 Web框架與響應(yīng)式開發(fā)

Html5+Css3

了解HTML5時代的契機及新興語義標簽及屬性；介紹了H5圖形技術(shù)SVG和Canvas；掌握多媒體、Web存儲技術(shù)及基于瀏覽器的(LBS)地理定位技術(shù)。了解CSS3的發(fā)展歷史；掌握CSS3新選擇器，移動端流行的伸縮布局，Web字體、漸變、過渡動畫等技術(shù)；實現(xiàn)基于網(wǎng)頁的動畫效果。

途牛網(wǎng)網(wǎng)站前端與后臺交互—（HTML5+Bootstrap3+AngularJs+Mysql）通過本階段學習，使用Bootstrap框架搭建響應(yīng)式開發(fā)能力；具備快速開發(fā)企業(yè)項目的能力。

Javascript高級

掌握JavaScript面向?qū)ο笏枷?；原型設(shè)計原理及使用。掌握鼠標、鍵盤事件，事件對象，默認事件，事件冒泡，元素的移動拖拽操作，模塊封裝及前端工程化開發(fā)，了解JavaScript程序的編譯原理；掌握遞歸、惰性載入、匿名、閉包及回調(diào)等高級函數(shù)的使用。深入講解javascript內(nèi)置對象（字符串對象、數(shù)組對象、日期對象、數(shù)學對象等）。

Bootstrap+響應(yīng)式布局及原理

了解設(shè)備尺寸分布；掌握響應(yīng)式設(shè)計原理及CSS3媒體查詢；動手打造屬于自己的較好個響應(yīng)式網(wǎng)站。掌握來自Twitter工程師開發(fā)的目前流行度很高的前端響應(yīng)式框架，包括內(nèi)置樣式、組件和JavaScript插件；掌握基于Bootstrap打造的電影主題頁設(shè)計。

Angularjs

講解開源的前端JavaScript MVC框架AngularJS。主要內(nèi)容包括：

MVC設(shè)計模式、指令、服務(wù)、表達式、路由系統(tǒng)、消息系統(tǒng)、angular動畫等

Mysql

了解Mysql數(shù)據(jù)庫，掌握數(shù)據(jù)存儲方式，數(shù)據(jù)庫在開發(fā)中的作用，數(shù)據(jù)庫訪問技術(shù)，數(shù)據(jù)庫泛型，SQL語言，常見數(shù)據(jù)庫系統(tǒng)等

第四階段 畢業(yè)項目綜合實訓

大型寵物網(wǎng)站波奇網(wǎng)設(shè)計開發(fā)，讓學員獨立從需求分析到項目設(shè)計，以及到功能介紹，較后完成網(wǎng)站開發(fā)的全部效果。

整理設(shè)計作品，模擬面試，參加畢業(yè)設(shè)計答辯。