H5/web開(kāi)發(fā)精英班
|
課程模塊
|
課程內(nèi)容
|
項(xiàng)目實(shí)訓(xùn)
|
較好階段:Web開(kāi)發(fā)基礎(chǔ)
|
XHTML+CSS
|
1、XHTML(html+div)--熟練掌握 HTML 各種標(biāo)簽(文本,圖像,鏈接,表格,列表,表單,框架,層布局等) ,以便于能快速完成各種頁(yè)面的編寫(xiě)
2、Css---選擇器的介紹,樣式中屬性與屬性值介紹,以及各種頁(yè)面樣式的定義和編寫(xiě)。網(wǎng)頁(yè)導(dǎo)航的設(shè)計(jì)以及字體板式設(shè)計(jì)
3、瀏覽器的兼容性---熟悉各種瀏覽器的優(yōu)缺點(diǎn)及制作技巧。
4、 制作符合 web2.0 標(biāo)準(zhǔn)的網(wǎng)頁(yè)布局
|
途牛網(wǎng)網(wǎng)站首頁(yè)——通過(guò)學(xué)習(xí)的DIV+CSS、PS、flash等方式制作企業(yè)靜態(tài)網(wǎng)站首頁(yè)中的圖標(biāo),Banner,界面設(shè)計(jì)以及風(fēng)格解析和網(wǎng)頁(yè)設(shè)計(jì)規(guī)范。
|
Web-UI設(shè)計(jì)
|
結(jié)合商業(yè)案例來(lái)學(xué)習(xí)PS,AI使用,掌握PS,AI基本操作;能夠獨(dú)立的進(jìn)行網(wǎng)頁(yè)效果圖制作。
|
Flash動(dòng)畫(huà)效果
|
結(jié)合商業(yè)案例來(lái)學(xué)習(xí)Flash使用,掌握Flash動(dòng)畫(huà)技巧;能夠獨(dú)立制作網(wǎng)頁(yè)動(dòng)畫(huà)效果
|
Axure RP-Web/AP原型設(shè)計(jì)
|
Axure RP創(chuàng)建基于網(wǎng)站構(gòu)架圖的帶注釋頁(yè)面示意圖、操作流程圖、以及交互設(shè)計(jì),并可自動(dòng)生成用于演示的網(wǎng)頁(yè)文件和規(guī)格文件,以提供演示與開(kāi)發(fā)。
|
第二階段 web開(kāi)發(fā)進(jìn)階
|
課程模塊
|
課程內(nèi)容
|
項(xiàng)目實(shí)訓(xùn)
|
Javascript編程
|
計(jì)算機(jī)程序基礎(chǔ),認(rèn)識(shí)網(wǎng)頁(yè)交互原理,深入講解Javascript基本語(yǔ)法,了解DOM事件、屬性、樣式,學(xué)習(xí)和掌握js變量、函數(shù)(參數(shù)、返回值)、判斷語(yǔ)句、運(yùn)算符、表達(dá)式等相關(guān)知識(shí)
|
途牛網(wǎng)網(wǎng)站靜態(tài)到交互
(HTML+CSS+jQuery)——通過(guò)本階段的學(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)畫(huà)+jQuery優(yōu)質(zhì)插件
|
結(jié)合案例了解jQuery庫(kù)原理和動(dòng)畫(huà)的概念、方法,熟悉和掌握移動(dòng)網(wǎng)頁(yè)常用jQuery庫(kù)使用方法。主要內(nèi)容包括:
jQuery各種選擇器的使用,DOM節(jié)點(diǎn)操作,事件處理及事件處理機(jī)制,jQuery事件封裝機(jī)制,jQuery事件應(yīng)用,jQuery中的動(dòng)畫(huà)及動(dòng)畫(huà)時(shí)間的概念、基本動(dòng)畫(huà)方法、復(fù)雜動(dòng)畫(huà)方法、停止動(dòng)畫(huà)與參數(shù)說(shuō)明、jQuery動(dòng)畫(huà)的隊(duì)列問(wèn)題和jQuery插件的使用
|
HTTP協(xié)議
|
認(rèn)識(shí)和了解HTTP協(xié)議的結(jié)構(gòu)和通信原理,主要內(nèi)容有HTTP消息結(jié)構(gòu),HTTP方法(GET,POST,HEAD等),HTTP頭信息,HTTP狀態(tài)碼等
|
WebApp輕應(yīng)用的開(kāi)發(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庫(kù)封裝,Ajax跨域問(wèn)題和掌握Node.js環(huán)境的搭建和使用;包括Node.js的包管理和Node.js的事件循環(huán)、緩存、流文件系統(tǒng)、工具模塊、作用域、事件編程、異步編程、文件操作、web模塊和Express框架應(yīng)用及JSON的認(rèn)識(shí)和使用。
|
第三階段 Web框架與響應(yīng)式開(kāi)發(fā)
|
Html5+Css3
|
了解HTML5時(shí)代的契機(jī)及新興語(yǔ)義標(biāo)簽及屬性;介紹了H5圖形技術(shù)SVG和Canvas;掌握多媒體、Web存儲(chǔ)技術(shù)及基于瀏覽器的(LBS)地理定位技術(shù)。了解CSS3的發(fā)展歷史;掌握CSS3新選擇器,移動(dòng)端流行的伸縮布局,Web字體、漸變、過(guò)渡動(dòng)畫(huà)等技術(shù);實(shí)現(xiàn)基于網(wǎng)頁(yè)的動(dòng)畫(huà)效果。
|
途牛網(wǎng)網(wǎng)站前端與后臺(tái)交互—(HTML5+Bootstrap3+AngularJs+Mysql)通過(guò)本階段學(xué)習(xí),使用Bootstrap框架搭建響應(yīng)式開(kāi)發(fā)能力;具備快速開(kāi)發(fā)企業(yè)項(xiàng)目的能力。
|
Javascript高級(jí)
|
掌握J(rèn)avaScript面向?qū)ο笏枷?;原型設(shè)計(jì)原理及使用。掌握鼠標(biāo)、鍵盤(pán)事件,事件對(duì)象,默認(rèn)事件,事件冒泡,元素的移動(dòng)拖拽操作,模塊封裝及前端工程化開(kāi)發(fā),了解JavaScript程序的編譯原理;掌握遞歸、惰性載入、匿名、閉包及回調(diào)等高級(jí)函數(shù)的使用。深入講解javascript內(nèi)置對(duì)象(字符串對(duì)象、數(shù)組對(duì)象、日期對(duì)象、數(shù)學(xué)對(duì)象等)。
|
Bootstrap+響應(yīng)式布局及原理
|
了解設(shè)備尺寸分布;掌握響應(yīng)式設(shè)計(jì)原理及CSS3媒體查詢(xún);動(dòng)手打造屬于自己的較好個(gè)響應(yīng)式網(wǎng)站。掌握來(lái)自Twitter工程師開(kāi)發(fā)的目前流行度很高的前端響應(yīng)式框架,包括內(nèi)置樣式、組件和JavaScript插件;掌握基于Bootstrap打造的電影主題頁(yè)設(shè)計(jì)。
|
Angularjs
|
講解開(kāi)源的前端JavaScript MVC框架AngularJS。主要內(nèi)容包括:
MVC設(shè)計(jì)模式、指令、服務(wù)、表達(dá)式、路由系統(tǒng)、消息系統(tǒng)、angular動(dòng)畫(huà)等
|
Mysql
|
了解Mysql數(shù)據(jù)庫(kù),掌握數(shù)據(jù)存儲(chǔ)方式,數(shù)據(jù)庫(kù)在開(kāi)發(fā)中的作用,數(shù)據(jù)庫(kù)訪問(wèn)技術(shù),數(shù)據(jù)庫(kù)泛型,SQL語(yǔ)言,常見(jiàn)數(shù)據(jù)庫(kù)系統(tǒng)等
|
第四階段 畢業(yè)項(xiàng)目綜合實(shí)訓(xùn)
|
大型寵物網(wǎng)站波奇網(wǎng)設(shè)計(jì)開(kāi)發(fā),讓學(xué)員獨(dú)立從需求分析到項(xiàng)目設(shè)計(jì),以及到功能介紹,較后完成網(wǎng)站開(kāi)發(fā)的全部效果。
整理設(shè)計(jì)作品,模擬面試,參加畢業(yè)設(shè)計(jì)答辯。
|