課程簡介
為什么學(xué)WEB全棧工程師?
前端技術(shù)生態(tài)都是建立在JavaScript基礎(chǔ)上
JavaScript是前端工程師使用的編程語言
沒有競爭對手且不會(huì)過時(shí)
WEB全棧工程師培訓(xùn)課程大綱
深圳北大青鳥WEB全棧工程師培訓(xùn)課程分為預(yù)科與正式課程兩部分,預(yù)科課程主要為提升學(xué)員的計(jì)算機(jī)基礎(chǔ)水平,正式課程則通過理論、項(xiàng)目實(shí)戰(zhàn)以及COT訓(xùn)練等全面提升學(xué)員技術(shù)水平,成為符合企業(yè)要求的專業(yè)技術(shù)人才。
基礎(chǔ)班
計(jì)算機(jī)基礎(chǔ)
主講內(nèi)容
1.認(rèn)識(shí)計(jì)算機(jī)硬件 | 2.計(jì)算機(jī)組成原理 | 3.計(jì)算機(jī)軟件知識(shí) | 4.計(jì)算機(jī)網(wǎng)絡(luò)知識(shí) | 5.常用網(wǎng)絡(luò)應(yīng)用操作
6.認(rèn)識(shí)計(jì)算機(jī)病毒
PS基礎(chǔ)
主講內(nèi)容
1.Photoshop CS6入門簡介 | 2.PS鋼筆工具 | 3.玩轉(zhuǎn)PS摳圖工具 | 4.PS形狀工具 | 5.圖層與濾鏡
6.蒙版 | 7.色彩基礎(chǔ)及色彩搭配 | 8.設(shè)計(jì)版式及布局
網(wǎng)頁制作基礎(chǔ)
主講內(nèi)容
1.走進(jìn)HTML | 2.網(wǎng)頁穿上美麗外衣 | 3.列表表格及表單 | 4.盒子模型 | 5.浮動(dòng) | 6.定位 | 7.PS切圖
8.制作1號(hào)店首頁
HTML5基礎(chǔ)開發(fā)
主講內(nèi)容
1.HTML5新增元素及屬性 | 2.CSS3基礎(chǔ) | 3.CSS高級(jí)特效 | 4.CSS3動(dòng)畫 | 5.用CSS3制作QQ會(huì)員頁面
階段項(xiàng)目
可掌握的核心能力
綜合使用H5+CSS3相應(yīng)內(nèi)容實(shí)現(xiàn)綜合項(xiàng)目
階段項(xiàng)目
1號(hào)店完整版
JavaScript基礎(chǔ)
主講內(nèi)容
1.JavaScript基礎(chǔ)語法 | 2.選擇結(jié)構(gòu) | 3.循環(huán)結(jié)構(gòu) | 4.雙重循環(huán)與跳轉(zhuǎn) | 5.JS內(nèi)置對象(上)
6.JS內(nèi)置對象(下) | 7.函數(shù)
JavaScript高級(jí)
主講內(nèi)容
1.JavaScript操作BOM&DOM | 2.DOM—節(jié)點(diǎn)操作(一) | 3.DOM—節(jié)點(diǎn)操作(二) 4.JavaScript事件(一) | 5.JavaScript事件(二) | 6.正則表達(dá)式&表單驗(yàn)證 | 7.cookie和Ajax
8.JS面向?qū)ο?nbsp; | 9.JS面向?qū)ο蟾呒?jí) | 10.項(xiàng)目實(shí)戰(zhàn)-手風(fēng)琴畫冊 | 11.項(xiàng)目實(shí)戰(zhàn)-課工場導(dǎo)航頁
使用jQuery制作網(wǎng)頁特效
主講內(nèi)容
1.jQuery基礎(chǔ) | 2.jQuery基本操作 | 3.jQuery事件與特效 | 4.使用jQuery處理Ajax
5.定制化jQuery
階段項(xiàng)目
可掌握的核心能力
綜合使用H5+CSS3+JavaScript+jQuery相應(yīng)內(nèi)容實(shí)現(xiàn)綜合項(xiàng)目
主講內(nèi)容
1.使用jQuery實(shí)現(xiàn)1號(hào)店特效 | 2.網(wǎng)頁UI設(shè)計(jì)師課程頁
HTML5高級(jí)開發(fā)與Bootstrap框架
主講內(nèi)容
1.多媒體播放 | 2.使用Canvas繪制圖形 | 3.用Canvas繪制風(fēng)景時(shí)鐘 | 4.項(xiàng)目實(shí)戰(zhàn)-見縫插針游戲
5.項(xiàng)目實(shí)戰(zhàn)-QQ彩貝 | 6.Bootstrap入門及布局 | 7.CSS組件 | 8.JavaScript插件 | 9.Bootstrap綜合案例
階段項(xiàng)目
可掌握的核心能力
綜合使用H5+CSS3+JS/jQuery相應(yīng)內(nèi)容實(shí)現(xiàn)綜合項(xiàng)目
主講內(nèi)容
1.嗨果視頻網(wǎng) | 2.制作PC端愛旅行網(wǎng) | 3.極果網(wǎng)站面 | 4.課工場前端LP頁面
移動(dòng)開發(fā)
主講內(nèi)容
1.移動(dòng)端基礎(chǔ) | 2.自適應(yīng)布局和響應(yīng)式布局 | 3.Flex彈性盒布局 | 4.移動(dòng)端頁面布局 | 5.移動(dòng)端事件
6.zepto框架 | 7.開發(fā)技巧 | 8.zepto項(xiàng)目實(shí)戰(zhàn):輪播圖 | 9.zepto項(xiàng)目實(shí)戰(zhàn):滑動(dòng)解鎖
10.zepto項(xiàng)目實(shí)戰(zhàn):瀑布流 | 11.zepto項(xiàng)目實(shí)戰(zhàn):飛機(jī)大戰(zhàn)游戲
階段項(xiàng)目
可掌握的核心能力
綜合使用H5+CSS3+jQuery+Bootstrap技術(shù)實(shí)現(xiàn)綜合項(xiàng)目
主講內(nèi)容
1.制作愛旅行APP | 2.制作京東APP
高手班
ES6項(xiàng)目實(shí)戰(zhàn)—淘寶雙11數(shù)據(jù)分析系統(tǒng)
主講內(nèi)容
1.需求及需求分析 | 2.詳細(xì)設(shè)計(jì) | 3.環(huán)境搭建 | 4.登錄與用戶信息修改 | 5.公共類封裝
6.Portal界面設(shè)計(jì) | 7.Panel組件設(shè)計(jì) | 8.項(xiàng)目功能整合
Vue.js框架開發(fā)
主講內(nèi)容
1.初識(shí)Vue | 2.Vue.js指令 | 3.TodoList練習(xí) | 4.交互與實(shí)例的生命周期 | 5.生命周期交互練習(xí)
6.組件(一) | 7.組件(二) | 8.項(xiàng)目環(huán)境配置及單文件組件 | 9.路由配置 | 10.Vue.js項(xiàng)目實(shí)戰(zhàn)(一)
11.Vue.js項(xiàng)目實(shí)戰(zhàn)(二) | 12.Vue.js項(xiàng)目實(shí)戰(zhàn)(三)
React框架開發(fā)
主講內(nèi)容
1.淺談前端工程化 | 2.初識(shí)Node.js | 3.學(xué)習(xí)Gulp | 4.搭建前端框架 | 5.學(xué)習(xí)React
6.使用React開發(fā)Todo List | 7.React+Flux | 8.Single Page Application
階段項(xiàng)目
主講內(nèi)容
使用React制作愛旅行網(wǎng)
AngularJS 2.0 框架開發(fā)
主講內(nèi)容
1.TypeScript概述 | 2.常量、解構(gòu)、函數(shù)以及面向?qū)ο笠?nbsp; | 3.面向?qū)ο蠖?nbsp; | 4.面向?qū)ο蠓庋b關(guān)鍵詞和webpack
5.裝飾器、導(dǎo)入導(dǎo)出和模塊化開發(fā) | 6.接口和模塊化開發(fā)二 | 7.AngularJS2環(huán)境搭建和概述
8.路由、組件、常用指令 | 9.服務(wù) | 10.jQuery和其他插件的應(yīng)用 | 11.搭建起點(diǎn)項(xiàng)目
ES6項(xiàng)目實(shí)戰(zhàn)—淘寶雙11數(shù)據(jù)分析系統(tǒng)
主講內(nèi)容
1.需求及需求分析 | 2.詳細(xì)設(shè)計(jì) | 3.環(huán)境搭建 | 4.登錄與用戶信息修改 | 5.公共類封裝
6.Portal界面設(shè)計(jì) | 7.Panel組件設(shè)計(jì) | 8.項(xiàng)目功能整合
Vue.js框架開發(fā)
主講內(nèi)容
1.初識(shí)Vue | 2.Vue.js指令 | 3.TodoList練習(xí) | 4.交互與實(shí)例的生命周期 | 5.生命周期交互練習(xí)
6.組件(一) | 7.組件(二) | 8.項(xiàng)目環(huán)境配置及單文件組件 | 9.路由配置 | 10.Vue.js項(xiàng)目實(shí)戰(zhàn)(一)
11.Vue.js項(xiàng)目實(shí)戰(zhàn)(二) | 12.Vue.js項(xiàng)目實(shí)戰(zhàn)(三)
React框架開發(fā)
主講內(nèi)容
1.淺談前端工程化 | 2.初識(shí)Node.js | 3.學(xué)習(xí)Gulp | 4.搭建前端框架 | 5.學(xué)習(xí)React
6.使用React開發(fā)Todo List | 7.React+Flux | 8.Single Page Application
階段項(xiàng)目
主講內(nèi)容
使用React制作愛旅行網(wǎng)
AngularJS 2.0 框架開發(fā)
主講內(nèi)容
1.TypeScript概述 | 2.常量、解構(gòu)、函數(shù)以及面向?qū)ο笠?nbsp; | 3.面向?qū)ο蠖?nbsp; | 4.面向?qū)ο蠓庋b關(guān)鍵詞和webpack
5.裝飾器、導(dǎo)入導(dǎo)出和模塊化開發(fā) | 6.接口和模塊化開發(fā)二 | 7.AngularJS2環(huán)境搭建和概述
8.路由、組件、常用指令 | 9.服務(wù) | 10.jQuery和其他插件的應(yīng)用 | 11.搭建起點(diǎn)項(xiàng)目
實(shí)戰(zhàn)項(xiàng)目
綜合使用 Vue全家桶+ES6+axios+Webpack+node+git + snail mock+mockJS相應(yīng)內(nèi)容實(shí)現(xiàn)綜合項(xiàng)目
主講內(nèi)容
1.Git入門 | 2.Git高級(jí) | 3.HTML5本地存儲(chǔ) | 4.HTML5離線緩存 | 5.地理定位Geolocation API
6.大麥網(wǎng)
使用Nodejs進(jìn)行全棧開發(fā)
主講內(nèi)容
1.NodeJS介紹和安裝 | 2.搭建后臺(tái) | 3.前后端交互 | 4.第三方模塊 | 5.Express框架
6.NodeJs其他常用模塊 | 7.即時(shí)通訊
使用mongodb/Redis完成淘寶雙11數(shù)據(jù)分析系統(tǒng)全棧項(xiàng)目開發(fā)
主講內(nèi)容
1.MongoDB的基礎(chǔ)語法 | 2.Redis應(yīng)用
就業(yè)擴(kuò)展技術(shù)
主講內(nèi)容
1.今日頭條小程序 | 2.開屏頁與推薦頁 | 3.閱讀頁與閱讀詳情頁 | 4.電影頁與電影詳情頁
5.視頻頁面
網(wǎng)站SEO與前端安全
主講內(nèi)容
1.網(wǎng)站SEO技巧—關(guān)鍵詞選取秘籍 | 2.網(wǎng)站SEO技巧—代碼基礎(chǔ)及優(yōu)化 | 3.網(wǎng)站SEO技巧—內(nèi)鏈結(jié)構(gòu)分析
4.網(wǎng)站SEO技巧—內(nèi)容質(zhì)量優(yōu)化 | 5.網(wǎng)站SEO技巧—網(wǎng)站外鏈全解析 | 6.前端安全-CSRF | 7.前端安全-XSS
北大青鳥的優(yōu)勢
- 畢業(yè)薪資更高、就業(yè)更廣
- 真正以實(shí)戰(zhàn)項(xiàng)目驅(qū)動(dòng)教學(xué)
- 線上+線下全方位 無死角立體學(xué)習(xí)
- 自主研發(fā) 智慧教材
- 安心就業(yè)
- 提供CC(職業(yè)關(guān)懷)服務(wù)