Web網(wǎng)頁(yè)前端工程師

課程介紹:

*部分:web前端HTML5+CSS3

1. HTML5語(yǔ)法結(jié)構(gòu)、文本、圖像、鏈接、表格、列表、表單、框架；熟練掌握各種 HTML 標(biāo)簽，能夠手動(dòng)快速完成各種頁(yè)面的編寫；

基礎(chǔ)語(yǔ)法、各種選擇器（通用選擇器、元素選擇器、id和 class選擇器、后代選擇器、偽類選擇器等）、框模型與背景、文本 格式化、表格、顯示與定位、CSS 復(fù)雜選擇器（兄弟選擇器、屬性選擇器、偽類和偽元素選擇器等），理解 CSS Hack和 CSS 優(yōu)化，能夠手動(dòng)完成各種頁(yè)面樣式的定義和編寫，保證瀏覽器兼容性

基礎(chǔ)應(yīng)用及實(shí)戰(zhàn)項(xiàng)目:JavaScript基礎(chǔ)語(yǔ)法，常用界面特效、交互設(shè)計(jì)代碼分析

4.可選講解項(xiàng)目:小米首頁(yè)項(xiàng)目、淘寶網(wǎng)首面項(xiàng)目、奇虎360專題項(xiàng)目、非凡官網(wǎng)項(xiàng)目

第二部分:web前端JavaScript

基礎(chǔ)語(yǔ)法、數(shù)組 Object、Function、String 和 正則表達(dá)式、常用 內(nèi)置對(duì)象、JSON數(shù)據(jù)、錯(cuò)誤處理、面向?qū)ο缶幊?、閉包

2.核心框架與編程技術(shù):DOM編程:ocument對(duì)象、節(jié)點(diǎn)樹、節(jié)點(diǎn)操作、元素樣式編輯、Window對(duì)象、定時(shí)器、BOM模型、事件、location 、history、screen對(duì)象、HTML DOM編程；Juery核心技術(shù)

3.移動(dòng)端頁(yè)面開(kāi)發(fā)(HTML5):Canvas標(biāo)簽基礎(chǔ)知識(shí)、繪制矩形、繪制圓形、使用路徑、圖像裁剪、保存為文件、創(chuàng)建動(dòng)畫

體系的基礎(chǔ)知識(shí)、和canvas標(biāo)簽的功能對(duì)比、和canvas的區(qū)別、繪制動(dòng)畫

5.移動(dòng)端技術(shù)與服務(wù)器交互:SERVER和 HTTP協(xié)議:PHP服務(wù)器端技術(shù)簡(jiǎn)介及 Apache 服務(wù)器、PHP訪問(wèn)數(shù)據(jù)庫(kù)、服務(wù)器端組件 原理、HTTP請(qǐng)求、HTTP響應(yīng)、HTTP優(yōu)化；、JSON、Ajax 原理、Juery Ajax、Ajax 經(jīng)典案例；基礎(chǔ)、BS Grid、BS Forms、BS Input，理解 Bootstrap的原理，熟練掌握Bootstrap的核心API，能夠?qū)?現(xiàn)響應(yīng)式布局以及功能交互

6.實(shí)戰(zhàn)項(xiàng)目:可選講解項(xiàng)目:小米登錄、小米注冊(cè)、淘寶登錄、淘寶注冊(cè)、京東產(chǎn)品詳情頁(yè)的頁(yè)面動(dòng)效以及交互實(shí)現(xiàn)、非凡官網(wǎng)項(xiàng)目的典型效果實(shí)現(xiàn)、唯品會(huì)訂單頁(yè)面設(shè)計(jì)開(kāi)發(fā)

7.階段考核個(gè)人網(wǎng)站開(kāi)發(fā):教師指導(dǎo)你完成階段作品，以備應(yīng)聘時(shí)使用；從前期設(shè)計(jì)好的網(wǎng)站頁(yè)面，綜合利用所學(xué)技術(shù)，獨(dú)立完成個(gè)人網(wǎng)站代碼開(kāi)發(fā)等

8需要有靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)(ps,dw,)的基礎(chǔ)

9.保證學(xué)會(huì):出勤率達(dá)90%以上，可享受一年內(nèi)免費(fèi)重新學(xué)習(xí)

10.學(xué)習(xí)完以后可以到前端網(wǎng)頁(yè)設(shè)計(jì)的效果，可以勝任前端設(shè)計(jì)、構(gòu)架美工等職位

11.學(xué)習(xí)完以后，參加*認(rèn)證考試，可獲得教育部SIC《網(wǎng)頁(yè)美工設(shè)計(jì)師》認(rèn)證證書（考試費(fèi)用另外支付）

12.總課時(shí):120課時(shí)（45分鐘/課時(shí))學(xué)習(xí)周期:平時(shí)白天:個(gè)月、周末或晚上:4個(gè)月