課程介紹xa0
Javascript+HTML5+移動(dòng)端最新課程體系xa0
面向人群:xa0
喜歡從事互聯(lián)網(wǎng)端開發(fā)的人員前xa0
有一定HTML+CSS基礎(chǔ),可以自己編寫出簡(jiǎn)單的靜態(tài)頁面xa0
學(xué)習(xí)流程:xa0
JS基礎(chǔ)知識(shí)免費(fèi)課(兩周) => JS和移動(dòng)端深入學(xué)習(xí)以及項(xiàng)目實(shí)戰(zhàn)開發(fā)(九周)xa0
在免費(fèi)課學(xué)習(xí)階段,大家需要把JS基礎(chǔ)知識(shí)掌握,并且通過珠峰培訓(xùn)正式課的入學(xué)考試后,才可以報(bào)名繼續(xù)學(xué)習(xí) (這一塊是珠峰培訓(xùn)的特色亮點(diǎn),推廣珠峰培訓(xùn)教學(xué)理念,我們不是以賺錢為目,是以培養(yǎng)人為目的,我們期望在免費(fèi)課讓大家掌握基礎(chǔ)知識(shí)的同時(shí),把大家的學(xué)習(xí)狀態(tài)培養(yǎng)出來,這樣到正式課后才能跟的上,班里面的學(xué)習(xí)成績(jī)才能基本上在同一條水平線上,老師們才能更好的教學(xué)…以后在宣傳的時(shí)候這是一塊亮點(diǎn))xa0
JS基礎(chǔ)知識(shí)免費(fèi)課大綱xa0
1.1:JS中的命名規(guī)范以及數(shù)據(jù)類型的詳細(xì)解讀xa0
1.2:常用的判斷語句:if else、switch case、三元運(yùn)算符xa0
1.3:常用的循環(huán)語句:for、for in、while…xa0
1.4:站在核心原理角度去學(xué)習(xí)JS中的函數(shù)xa0
在這部分課程體系中,我們不僅詳細(xì)的講解每一個(gè)知識(shí)的原理,而且還會(huì)帶著大家完成一些經(jīng)典的項(xiàng)目案例,例如:百度視頻的開關(guān)燈案例、騰訊新聞選項(xiàng)卡案例、99乘法表案例等xa0
1.5:數(shù)組基礎(chǔ)及常用的方法:pop、push、splice、slice、sort、forEach…xa0
1.6:編程中常用的算法:冒泡排序、插入排序、快速排序、數(shù)組去重、遞歸…xa0
1.7:字符串基礎(chǔ)知識(shí)和常用的方法:substr、substring、replace、indexOf…xa0
1.8:數(shù)學(xué)函數(shù)(Math)中常用方法:abs、ceil、round、random、max…xa0
這部分課程體系中,每一個(gè)方法都會(huì)去詳細(xì)的講解;在算法部分培養(yǎng)大家的編程思想,帶著大家完成QQ隨機(jī)驗(yàn)證碼的案例。xa0
1.9:DOM基礎(chǔ)知識(shí):獲取元素的方法、節(jié)點(diǎn)屬性、元素的增刪改操作…xa0
1.10:日期對(duì)象Date的基礎(chǔ)知識(shí)xa0
1.11:定時(shí)器的基礎(chǔ)知識(shí):setTimeout、setInterval…xa0
這部分課程體系中,會(huì)帶著大家完成京東倒計(jì)時(shí)搶購案例;免費(fèi)課還有一個(gè)特色亮點(diǎn)在于,在授課過程中,老師們會(huì)給大家出很多的BAT面試題,讓大家去了解大公司的面試風(fēng)格,去感受一下基礎(chǔ)知識(shí)的重要性。xa0
JS+HTML5+移動(dòng)端正式課大綱xa0
2.1、預(yù)解釋、作用域、thisxa0
2.2、面向?qū)ο蟆卫J?、原型模式、類的封裝繼承和多態(tài)xa0
第一周是JS編程的核心內(nèi)容,讓大家深入去理解Javascript,也為后面的課程做鋪墊;在課程中我們會(huì)出很多的BAT經(jīng)典面試題,讓大家不斷的強(qiáng)化練習(xí),把核心基礎(chǔ)知識(shí)打牢靠。xa0
2.3、this及面向?qū)ο笊钊?、call和apply、表格排序以及DOM性能優(yōu)化xa0
2.4、正則基礎(chǔ)到實(shí)戰(zhàn)、正則捕獲、replace實(shí)戰(zhàn)案例、正向預(yù)查和負(fù)向預(yù)查xa0
第二周第一部分內(nèi)容是對(duì)第一周課程的加深,本周課程中將融入實(shí)戰(zhàn)案例,讓學(xué)員深入理解面向?qū)ο缶幊桃约癉OM渲染的核心原理(DOM重繪回流);第二部分正則的講解是目前所有培訓(xùn)機(jī)構(gòu)中講解最深入最具實(shí)戰(zhàn)價(jià)值的(不服可以來戰(zhàn));xa0
3.3、JS盒子模型常用屬性及實(shí)戰(zhàn)、同步異步編程、圖片延遲加載實(shí)戰(zhàn)練習(xí)xa0
3.4、DOM深入、編寫兼容所有瀏覽器的DOM庫、選項(xiàng)卡組件的封裝xa0
第三周課程首先對(duì)于前兩周的內(nèi)容進(jìn)行了沉淀和提升,本周實(shí)戰(zhàn)案例比較的多,而且都是項(xiàng)目中最經(jīng)典的案例,鍛煉大家實(shí)戰(zhàn)能力;本周課程將初步培養(yǎng)大家封裝庫和組件的能力,我們封裝的DOM庫,基本上囊括了JQ中常用的DOM操作方法,而且兼容所有的瀏覽器。xa0
3.5、定時(shí)器深入解讀、編寫TWEEN算法動(dòng)畫庫、輪播圖案例的實(shí)現(xiàn)以及組件封裝xa0
3.6、jQuery常用方法使用及源碼解讀,使用JQ完成一些經(jīng)典的案例xa0
3.7、ECMAscript 6基礎(chǔ)知識(shí)到深入xa0
第四周課程動(dòng)畫部分是珠峰培訓(xùn)的得意之作,我們編寫的TWEEN算法動(dòng)畫庫,實(shí)現(xiàn)的運(yùn)動(dòng)效果比JQ還要強(qiáng)大;輪播圖是項(xiàng)目中最常用的案例,我們帶著學(xué)員不僅實(shí)現(xiàn)出對(duì)應(yīng)的效果,而且還能封裝成為公用的組件;分析JQ源碼講解JQ的方式,中國(guó)只此一家;ES6是我們邀請(qǐng)來自美團(tuán)的前端架構(gòu)師給大家進(jìn)行講解,第四周的課程絕對(duì)震爆你的眼球。xa0
3.8、事件對(duì)象及基礎(chǔ)知識(shí)、事件冒泡傳播、事件委托、以及DOM2事件兼容處理xa0
3.9、封裝事件庫、JS設(shè)計(jì)模式之發(fā)布訂閱模式…xa0
這部分內(nèi)容是第五六周的課程,在這兩周我們的項(xiàng)目實(shí)戰(zhàn)案例會(huì)非常的多(例如:京東放大鏡、鼠標(biāo)跟隨案例、拖拽案例、多級(jí)菜單案例、商城導(dǎo)航案例、照片墻拖拽案例、拋物線動(dòng)畫案例…);而且對(duì)于事件的解讀也非常的深入,會(huì)帶著大家基于發(fā)布訂閱模式封裝一款高性能的事件庫;本周課程結(jié)束后,基本上我們看到的PC端頁面中,需要由前端實(shí)現(xiàn)的交互效果,我們都可以去實(shí)現(xiàn)了…xa0
3.10、前后端交互、NODE基礎(chǔ)、AJAX從基礎(chǔ)到深入再到AJAX組件庫封裝、深入解讀JQ中的AJAX方法xa0
3.11、JSONP原理到類庫封裝、了解其它的跨域方式xa0
3.12、解讀API文檔,帶著學(xué)員一同開發(fā)CRM客戶管理系統(tǒng),初步成為全棧開發(fā)工程師,講解模板引擎數(shù)據(jù)綁定…xa0
這周的課程對(duì)于前端非常的重要,也是工作中最重要的部分,我們除了和以前一樣:把知識(shí)點(diǎn)從基礎(chǔ)到深入再到封裝類庫組件外,本周的特色在于,帶著學(xué)員完成一套基礎(chǔ)版CRM客戶管理系統(tǒng),這個(gè)項(xiàng)目綜合性很強(qiáng),前后端都需要我們來完成,完成后我們就可以被稱之為初級(jí)全棧開發(fā)工程師…xa0
3.13、HTML5基礎(chǔ)知識(shí):新增語義化標(biāo)簽、表單新特性、音視頻audio和video、canvas、localStorage本地存儲(chǔ)、H5離線緩存技術(shù)…xa0
3.14、CSS3基礎(chǔ)知識(shí):css3選擇器、css3常用屬性、背景的變革、transform和3D動(dòng)畫效果、transition過渡動(dòng)畫、animation幀動(dòng)畫、animate.css、box-sizing、flexbox、精美炫酷的案例…xa0
3.15、移動(dòng)端touch和gesture事件、zepto、swiper、fastclick、iscroll、H5拖拽事件…xa0
3.16、css預(yù)編譯語言less、移動(dòng)端響應(yīng)式布局@media和rem、H5場(chǎng)景交互型簡(jiǎn)歷開發(fā)、響應(yīng)式布局頁面開發(fā)(獵豹原版案例)、webApp實(shí)戰(zhàn)開發(fā)(騰旭原版案例、鳳凰原版案例)、hybrid混合開發(fā)模式、微信二次開發(fā)、微信小程序分享課…xa0
本階段的課程注重實(shí)戰(zhàn)訓(xùn)練,學(xué)完后,學(xué)員可以開發(fā)大公司的真實(shí)案例,移動(dòng)端需要的知識(shí)點(diǎn)我們這里都囊括在內(nèi),本階段課程也是對(duì)前面課程的總結(jié)和實(shí)戰(zhàn)訓(xùn)練,讓大家在B模塊結(jié)束后,可以成為一名合格的前端開發(fā)工程師,本階段結(jié)束后,學(xué)員在市場(chǎng)上的薪資價(jià)位參考范圍:10K~16K(根據(jù)學(xué)員掌握情況而定)xa0
下載地址: