一、課程特色:
1、資深前端大牛全職教學(xué),最前沿最專業(yè)的行業(yè)技術(shù)分享;
2、理論與實(shí)踐結(jié)合,理論為輔,實(shí)踐為主,學(xué)完后可以拿著課堂作業(yè)面試工作;
3、課程生動(dòng)有趣,幽默不失深度,充分發(fā)掘?qū)W員們的主觀能動(dòng)性;
4、提供面試技巧、作品集包裝、就業(yè)后試用期的指導(dǎo)、職業(yè)技能提升,優(yōu)秀學(xué)員可推薦工作;
二、崗位細(xì)分:
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)頁、微商城的前端實(shí)現(xiàn);
4、讓每一位零基礎(chǔ)學(xué)員真正扎實(shí)的掌握前端開發(fā)的領(lǐng)先技術(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)頁整站項(xiàng)目案例
3、JavaScript入門到精通、封裝自己的JS庫、網(wǎng)頁案例實(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)用
六、課程目錄:
階段: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新增的表單屬性與元素制作登錄頁、注冊(cè)頁;
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)頁;
10、CSS3新增Transition、Transform、Animate繪制動(dòng)畫;
第二階段:JavaScript入門到精通及網(wǎng)頁常見特效案例實(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ù)的高級(jí)用法:遞歸等;
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ū)ο螅?
13、作用域的基本知識(shí)、原型與原型鏈;
14、WEB開發(fā)綜合案例引入原生項(xiàng)目;
15、初級(jí)前端工程師面試題講解,前端常用庫及框架介紹(Bootstrap);
第三階段: jQuery實(shí)戰(zhàn),常用庫及前端框架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、前端常用庫及前端框架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è)試;
學(xué)費(fèi):1980