【課程特色】

1、前端大牛全職教學(xué)，前沿專業(yè)的行業(yè)技術(shù)分享；

2、理論與實(shí)踐結(jié)合，理論為輔，實(shí)踐為主，學(xué)完后可以拿著課堂作業(yè)面試工作；

3、課程生動(dòng)有趣，幽默不失深度，充分發(fā)掘?qū)W員們的主觀能動(dòng)性；

4、提供面試技巧、作品集包裝、就業(yè)后試用期的指導(dǎo)、職業(yè)技能提升，學(xué)員可推薦工作；

【就業(yè)方向】

WEB前端工程師、移動(dòng)前端開發(fā)工程師、HTML5工程師

【學(xué)習(xí)目標(biāo)】

1、熟悉網(wǎng)站項(xiàng)目的開發(fā)流程，具備商業(yè)建站能力；

2、掌握官網(wǎng)、專題、商城、互動(dòng)、游戲等商業(yè)網(wǎng)站的前端實(shí)現(xiàn)；

3、掌握移動(dòng)端H5廣告、手機(jī)網(wǎng)頁(yè)、微商城的前端實(shí)現(xiàn)；

4、讓每一位零基礎(chǔ)學(xué)員真正扎實(shí)的掌握前端開發(fā)的技術(shù)，并且學(xué)完會(huì)員課程參加工作能夠獨(dú)當(dāng)一面。

【學(xué)習(xí)語言】

HTML5    CSS3    JavaScript  jQuery   Bootstrap  前端框架

【課程大綱】

1、HTML基礎(chǔ)、HTML5新增標(biāo)簽、官網(wǎng)案例布局

2、CSS基礎(chǔ)知識(shí)CSS3動(dòng)畫、網(wǎng)頁(yè)整站項(xiàng)目案例

3、JavaScript入門到精通、封裝自己的JS庫(kù)、網(wǎng)頁(yè)案例實(shí)戰(zhàn)

4、jQuery實(shí)戰(zhàn)、瀑布流案例等

5、Ajax異步訪問、Ajax開發(fā)實(shí)例

6、Bootstrap學(xué)習(xí)、開發(fā)響應(yīng)式網(wǎng)站

7、移動(dòng)端Zepto.js學(xué)習(xí)、綜合案例運(yùn)用

8、移動(dòng)端WEUI學(xué)習(xí)、使用WEUI開發(fā)移動(dòng)端商城

9、Angular.js學(xué)習(xí)、使用Angular.js開發(fā)WEB應(yīng)用

【學(xué)習(xí)目標(biāo)】

階段：HTML5及CSS3基礎(chǔ)知識(shí)及PC整站項(xiàng)目案例（10節(jié)課）

1、HTML5簡(jiǎn)介及優(yōu)勢(shì)；HTML標(biāo)簽語法規(guī)則及常見標(biāo)簽屬性學(xué)習(xí)；HTML5新增元素及通用屬性的使用；

2、表單及表單控件的使用, 以及HTML5新增的表單屬性與元素制作登錄頁(yè)、注冊(cè)頁(yè)；

3、HTML5新增audio、video元素結(jié)合JS創(chuàng)建多媒體播放器；；

4、CSS3選擇器介紹及新增偽類選擇器的使用規(guī)范；

5、CSS對(duì)字體、文本、段落的控制，服務(wù)器字體、字體圖標(biāo)的使用方法；

6、CSS3對(duì)顏色、背景、圖像、邊框及補(bǔ)丁的控制；

7、CSS3對(duì)大小、定位、輪廓的應(yīng)用，浮動(dòng)及清除浮動(dòng)；

8、布局、盒模型、display屬性、對(duì)盒添加陰影，PC端整站項(xiàng)目實(shí)戰(zhàn)；

9、新增media query功能語法使用,創(chuàng)建響應(yīng)式布局的網(wǎng)頁(yè)；

10、CSS3新增Transition、Transform、Animate繪制動(dòng)畫；

第二階段:JavaScript入門到精通及網(wǎng)頁(yè)常見案例實(shí)戰(zhàn)（15節(jié)課）

1、JavaScript概述、引入方式、語法、關(guān)鍵字及變量；

2、JavaScript基本數(shù)據(jù)類型、基本運(yùn)算符、賦值運(yùn)算；

3、JavaScript中的語句，流程控制語句，循環(huán)語句、判斷語句；

4、函數(shù)的基本概念，函數(shù)的聲明與調(diào)用，參數(shù)和返回值，函數(shù)的用法：遞歸等；

5、數(shù)組的基本知識(shí)，數(shù)組的聲明、訪問、遍歷等，數(shù)組的相關(guān)API：排序、添加元素、刪減元素等；

6、正則表達(dá)式，JS異常處理，基礎(chǔ)綜合練習(xí)；

7、內(nèi)置對(duì)象、面向?qū)ο笈c原型、瀏覽器對(duì)象模型、文檔對(duì)象模型；

8、DOM基礎(chǔ)與進(jìn)階，DOM操作表格、樣式、元素尺寸、位置等 ；

9、事件入門、事件對(duì)象、事件綁定及深入；

10、事件處理，滾動(dòng)類效果、碰壁反彈效果、無縫滾動(dòng)效果、輪播效果；

11、計(jì)時(shí)器的原理與應(yīng)用，不同數(shù)據(jù)類型數(shù)據(jù)的操作方法；

12、構(gòu)造函數(shù)的基本知識(shí)，閉包、面向?qū)ο螅?/p>

13、作用域的基本知識(shí)、原型與原型鏈；

14、WEB開發(fā)綜合案例引入原生項(xiàng)目；

15、初級(jí)前端工程師面試題講解，前端常用庫(kù)及框架介紹（Bootstrap）；

第三階段: jQuery實(shí)戰(zhàn)，常用庫(kù)及前端框架Bootstrap的學(xué)習(xí)（5節(jié)課）

1、jQuery的基本語法，常用選擇器，對(duì)事件的處理；

2、jQuery的動(dòng)畫知識(shí)與應(yīng)用、JQ文檔操作、JQ對(duì)屬性、CSS的修改和設(shè)置；

3、jQuery性能優(yōu)化指南、使用技巧和經(jīng)驗(yàn)分享、初學(xué)者常見問題答疑；

4、使用jQuery簡(jiǎn)化 AJAX開發(fā)、jQuery  AJAX異步訪問、jQuery  AJAX加載片段；

5、前端常用庫(kù)及前端框架Bootstrap的學(xué)習(xí)；

第四階段:H5廣告、微信商城、手機(jī)網(wǎng)站等HTML5手機(jī)端項(xiàng)目實(shí)戰(zhàn)（10節(jié)課）

1、Zepto.js入門、選擇器基礎(chǔ)知識(shí)；

2、Zepro.js Core、事件、插件等知識(shí)；

3、Zepro.js的目錄結(jié)構(gòu)、JS邏輯、移動(dòng)端案例；

4、移動(dòng)端開發(fā)框架介紹、WEUI基礎(chǔ)入門；

5、使用WEUI開發(fā)移動(dòng)端商城；

6、Angular.js發(fā)展歷程及入門介紹；

7、Angular.js MVC、路由、模塊；

8、Angular.js的Provider與Injector、指令；

9、用AngularJS開發(fā)移動(dòng)APP；

10、基于AngularJS的復(fù)雜業(yè)務(wù)系統(tǒng)的代碼架構(gòu)探索、前端自動(dòng)化測(cè)試；

【關(guān)于我們】

云中帆教育，職業(yè)技能高效率在線學(xué)習(xí)平臺(tái)，致力于為學(xué)習(xí)者提供優(yōu)質(zhì)的在線學(xué)習(xí)服務(wù)，幫助學(xué)習(xí)者提升各方面的能力，獲得更好的生活品質(zhì)。目前機(jī)構(gòu)的課程覆蓋了平面設(shè)計(jì)、室內(nèi)設(shè)計(jì)、影視后期、園林景觀設(shè)計(jì)、機(jī)械設(shè)計(jì)、插畫手繪、UI設(shè)計(jì)、會(huì)計(jì)文秘等20多個(gè)熱門領(lǐng)域精品課程，匯聚了行業(yè)的精英教師。你可以自由選擇感興趣的網(wǎng)絡(luò)課程在線學(xué)習(xí)，創(chuàng)新的個(gè)性化學(xué)習(xí)體驗(yàn)，自由開放的交流互動(dòng)環(huán)境，邀你一起來學(xué)習(xí)和分享！

師資力量

云中帆目前已經(jīng)有50余名專職講師，師資隊(duì)伍由來自業(yè)內(nèi)一線設(shè)計(jì)總監(jiān)、設(shè)計(jì)師、項(xiàng)目經(jīng)理、以及5年以上實(shí)際工作經(jīng)驗(yàn)人員組成。精英講師仍在招募中。我們的目標(biāo)是匯集精英講師，打造精品課程，做高效的在線學(xué)習(xí)平臺(tái)！