課程模塊

課程內(nèi)容

項(xiàng)目實(shí)訓(xùn)

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

XHTML+CSS

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

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

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

4、 制作符合 web2.0 標(biāo)準(zhǔn)的網(wǎng)頁布局

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

Web-UI設(shè)計(jì)

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

Flash動(dòng)畫

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

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

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

第二階段 web開發(fā)

課程模塊

課程內(nèi)容

項(xiàng)目實(shí)訓(xùn)

Javascript編程

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

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

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

BOM+DOM編程

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

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

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

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

HTTP

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

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

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

Ajax+Node.js+Json

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

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

Html5+Css3

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

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

Javascript

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

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

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

Angularjs

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

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

Mysql

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

第四階段 畢業(yè)項(xiàng)目綜合實(shí)訓(xùn)

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

整理設(shè)計(jì)作品，，參加畢業(yè)設(shè)計(jì)答辯。