北大青鳥南通恒熙Web前端課程大綱 | ||||
模塊 | 課程內(nèi)容 | 技術(shù)目標(biāo) | 學(xué)習(xí)時(shí)間 | |
階段 預(yù)科課程 | 1.計(jì)算機(jī)基礎(chǔ) | 1.認(rèn)識計(jì)算機(jī)的組成原理、軟硬件構(gòu)成 2.了解計(jì)算機(jī)網(wǎng)絡(luò)知識 3.了解常見網(wǎng)絡(luò)應(yīng)用操作 | 1.了解計(jì)算機(jī)理論 2.了解網(wǎng)絡(luò)基礎(chǔ)知識 | 4個(gè)月 |
2.PS基礎(chǔ) | 1.熟悉常見PS操作 如PS鋼筆、PS摳圖、圖層與濾鏡、色彩搭配等PS常見操作 | 1.掌握PS基本用法 2.能勝任前端工作中非常重要的切圖工作 | ||
第二階段 網(wǎng)頁制作 | 3.網(wǎng)頁制作基礎(chǔ) | 1.學(xué)習(xí)常見的HTML標(biāo)簽、CSS樣式、網(wǎng)頁布局之盒子模式、浮動(dòng)、定位等基礎(chǔ)網(wǎng)頁操作 2.階段項(xiàng)目實(shí)戰(zhàn):京東1號店網(wǎng)站 | 1.可以制作簡單的網(wǎng)頁 2.使用CSS美化頁面布局 3.可以熟練掌握各種常用CSS選擇器以及CSS樣式的定義和使用 4.能夠手動(dòng)完成各項(xiàng)定義與編寫 | |
4.HTML5基礎(chǔ)開發(fā) | 1.學(xué)習(xí)H5新增元素與屬性、CSS3基礎(chǔ)與、動(dòng)畫 2.階段項(xiàng)目實(shí)戰(zhàn):使用CSS3制作QQ會(huì)員頁面 | 1.能夠使用HTML5和CSS3的新元素更好的制作網(wǎng)頁元素和效果 2.熟練運(yùn)用制作網(wǎng)頁動(dòng)畫 | ||
第三階段 Javascript開發(fā) | 5.Javascript基礎(chǔ) | 學(xué)習(xí)JS基礎(chǔ)語法: 1.常見的選擇結(jié)構(gòu) 2.循環(huán)結(jié)構(gòu) 3.雙重循環(huán) 4.JS內(nèi)置對象與函數(shù)操作、閉包作用 | 1.能夠掌握J(rèn)avascript客戶端腳本語言的基礎(chǔ)語法、邏輯流程、函數(shù)等相關(guān)內(nèi)容 2.實(shí)現(xiàn)網(wǎng)頁 | |
6.Javascript | 1.學(xué)習(xí)使用JS操作BOM和DOM、 2.學(xué)習(xí)使用常見的JS事件和表單驗(yàn)證 3.學(xué)習(xí)使用cookie與ajax 4.學(xué)習(xí)使用同源策略與jsonp跨域問題 5.學(xué)習(xí)js面向?qū)ο缶幊趟枷?br/>6.學(xué)習(xí)原型鏈與構(gòu)造函數(shù)階段項(xiàng)目實(shí)戰(zhàn):手風(fēng)琴畫冊、課工廠導(dǎo)航頁 | 1.熟練掌握J(rèn)avascript語言 2.能夠熟練使用Javascript完成各種交互效果以及用戶行為控制 3.學(xué)會(huì)封裝插件等 | ||
第四階段 jQuery開發(fā) | 7.使用jQuery制作網(wǎng)頁 | 1.學(xué)習(xí)使用jQuery基礎(chǔ)語法與工作原理2.學(xué)習(xí)使用DOM對象與jQuery對象之間區(qū)別于轉(zhuǎn)換 3.學(xué)習(xí)使用各類jQuery選擇器、過濾器、常用屬性、事件和方法;jQuery動(dòng)畫、操作CSS、自定義動(dòng)畫、jQuery操作表單、數(shù)據(jù)驗(yàn)證 4.熟練使用各類基于jQuery的插件;jQuery實(shí)現(xiàn)ajax技術(shù)、XML與 JSON格式數(shù)據(jù)的處理 5.定制化jQuery階段項(xiàng)目實(shí)戰(zhàn):使用jQuery制作1號店整站 | 1.學(xué)會(huì)利用jQuery制作網(wǎng)頁常見 2.學(xué)會(huì)置頂操作 3.學(xué)會(huì)瀑布流技術(shù) 4.學(xué)會(huì)二級導(dǎo)航菜單等 | |
第五階段 移動(dòng)端開發(fā) | 8.移動(dòng)端開發(fā) | 1.學(xué)習(xí)彈性盒模型Flex布局 2.學(xué)習(xí)響應(yīng)式布局與自適應(yīng)布局技巧 3.學(xué)習(xí)移動(dòng)端頁面布局與事件 4.學(xué)習(xí)zepto框架基礎(chǔ)與核心API方法、手勢事件 5.階段項(xiàng)目實(shí)戰(zhàn): zepto實(shí)現(xiàn)移動(dòng)端輪播圖、瀑布流、飛機(jī)大戰(zhàn)、app端愛旅行項(xiàng)目、找房無憂等 | 1.學(xué)會(huì)移動(dòng)端網(wǎng)頁的布局與事件響應(yīng)等 2.能夠熟練使用zepto制作移動(dòng)端網(wǎng)頁 | |
第六階段 框架開發(fā) | 9.Vue.js框架開發(fā) | 1.學(xué)習(xí)Vue的mvvm思想 2.學(xué)習(xí)雙向數(shù)據(jù)綁定與組件化思想 3.學(xué)習(xí)常用指令、聲明周期與鉤子函數(shù) 4.學(xué)習(xí)組件定義與父子組件之間傳值 5.學(xué)習(xí)數(shù)據(jù)請求之a(chǎn)xIos、路由router定義、node環(huán)境搭建與vue-cli腳手架工具使用等 6.階段項(xiàng)目實(shí)戰(zhàn):APP端豆瓣項(xiàng)目實(shí)戰(zhàn) | 1.能夠熟練使用Vue2框架開發(fā)實(shí)戰(zhàn)項(xiàng)目 2.熟悉使用webpack打包工具 3.熟悉使用移動(dòng)端項(xiàng)目的數(shù)據(jù)請求交換 4.熟悉使用單頁面路由轉(zhuǎn)換與組件交互等 | |
第七階段 綜合項(xiàng)目案例 | 10.使用Nodejs進(jìn)行全棧開發(fā) | 1.學(xué)習(xí)NodeJs的介紹與安裝 2.學(xué)習(xí)NodeJs搭建后臺(tái) 3.學(xué)習(xí)NodeJs前后端的數(shù)據(jù)請求交互 4.學(xué)習(xí)NodeJs第三方模塊的引入與管理 5.學(xué)習(xí)NodeJsExpress框架的講解 6.學(xué)習(xí)NodeJs其他常用模塊,如NodeJs及時(shí)通訊等 | 1.熟悉NodeJs在服務(wù)器端開發(fā)的相關(guān)知識 2.熟悉NodeJs模塊的引用 3.熟悉NodeJs npm包管理器的相關(guān)操作 3.熟悉NodeJs基于Express框架的靈活使用與項(xiàng)目搭建等 | |
11.使用mongodb進(jìn)行全棧開發(fā) | 1.學(xué)習(xí)mongodb的基礎(chǔ)語法 2.Redis的應(yīng)用 | 1.掌握mongodb的安裝 2.掌握mongodb數(shù)據(jù)的操作 | ||
第八階段 畢業(yè)項(xiàng)目 | 4.畢業(yè)項(xiàng)目 | 綜合項(xiàng)目,導(dǎo)師確定 | ||
第九階段 求職面試 | 5.求職面試 | 1.穿著禮儀 2.電話禮儀 3.簡歷撰寫 4.面試技巧 | 模擬面試 | |