學(xué)習(xí)者在選擇web前端培訓(xùn)機(jī)構(gòu)時(shí)，培訓(xùn)課程品質(zhì)不容忽視。就學(xué)費(fèi)而言各個(gè)培訓(xùn)機(jī)構(gòu)雖有差別，但是沒有太過懸殊。課程品質(zhì)，學(xué)習(xí)后的附加價(jià)值（如就業(yè)前景、就業(yè)方向、就業(yè)薪資等）已經(jīng)日漸成為受訓(xùn)者關(guān)注的焦點(diǎn)。千鋒互聯(lián)web前端培訓(xùn)課程，是眾多前端學(xué)習(xí)者的品質(zhì)之選 。今天千鋒小編就和大家說說千鋒互聯(lián)web前端的培訓(xùn)課程。
主要包括6個(gè)階段的學(xué)習(xí)，課程涵蓋JavaScript、html5、CSS3、NodeJS全棧開發(fā)等內(nèi)容，讓學(xué)員全方位技能，一手掌控。既適合零基礎(chǔ)的小白迅速成長，同時(shí)有助于有一定工作經(jīng)驗(yàn)的人提高項(xiàng)目實(shí)戰(zhàn)能力。
第1階段：前端頁面重構(gòu)（4周）
1）PC端網(wǎng)站布局項(xiàng)目
1.前端開發(fā)環(huán)境介紹（DreamWeaver、 Notepad 、HBuilder)
2.HTML基礎(chǔ)，CSS基礎(chǔ)，CSS核心屬性
3.CSS樣式層疊，繼承，盒模型
4.容器，溢出及元素類型
5.瀏覽器兼容與寬高自適應(yīng)
6.定位，錨點(diǎn)與透明
7.圖片整合
8.表格，CSS屬性與濾鏡
9.CSS優(yōu)化
2）html5 CSS3基礎(chǔ)項(xiàng)目
1.html5新增的元素與屬性
2.表單域增強(qiáng)元素
3.CSS3選擇器
4.文字字體相關(guān)樣式
5.CSS3位移與變形處理
6.CSS3 2D轉(zhuǎn)換與過度動畫
7.CSS3 3D轉(zhuǎn)換與關(guān)鍵幀動畫
8.彈性盒模型
9.媒體查詢
10.響應(yīng)式設(shè)計(jì)
3）WebApp頁面布局項(xiàng)目
1.移動端頁面設(shè)計(jì)規(guī)范
2.移動端切圖
3.文字流式/控件彈性/圖片等比例/特殊設(shè)計(jì)的100%布局
4.等比縮放布局
5.viewport/meta
6.rem/vw的使用
7.flexbox詳解
8.移動 web特別樣式處理（reset, 1px border, 高清圖片）
第二階段：JavaScript高級程序設(shè)計(jì)（5周）
1）原生 JavaScript交互功能開發(fā)
1.基本語法
2.循環(huán)語句
3.函數(shù)與數(shù)組
4.String與 Date
5.BOM與 DOM
6.事件
7.拖拽效果
8.cookie存儲
9.正則表達(dá)式
10.Ajax
11.面向?qū)ο蠡A(chǔ)
12.運(yùn)動與游戲開發(fā)
2）面向?qū)ο筮M(jìn)階與 ES5/ES6應(yīng)用項(xiàng)目
1.Promise/A
2.設(shè)計(jì)模式（觀察者模式等）
3.原型鏈
4.構(gòu)造函數(shù)
5.執(zhí)行上下文棧與執(zhí)行上下文
6.變量對象與活動對象
7.作用域鏈
8.閉包
9.this
10.ES5
11.ES6
3）JavaScript工具庫自主研發(fā)項(xiàng)目
1.DOM庫
2.事件庫
3.AJAX庫
4.原型和繼承庫
第三階段：PC端全棧項(xiàng)目開發(fā)（3周）
1）jQuery經(jīng)典交互特效開發(fā)
1.HTTP(s)協(xié)議詳解
2.Ajax進(jìn)階、跨域與 Defered
3.PHP基礎(chǔ)
4.MySQL基礎(chǔ)
5.Apache與 Nginx 環(huán)境搭建與配置
6.接口的定義
7.Mock數(shù)據(jù)
8.Restful
9.前后端聯(lián)調(diào)
10.前端安全(XSS,CSRF,JSON注入)
2）HTTP協(xié)議、Ajax進(jìn)階與PHP/JAVA開發(fā)項(xiàng)目
1.Gulp
2.Webpack
3.NPM
4.Git/SVN
5.CommonJS
6.AMD
7.CMD
8.ES6模塊化
3）前端工程化與模塊化應(yīng)用
1.大首頁、列表頁與詳情頁
2.展示與交互特效
3.搜索
4.登錄與注冊
5.購物車
4）PC端網(wǎng)站開發(fā)項(xiàng)目
1.基礎(chǔ)知識（ng-app,Modules,
2.Controller,$apply,$watch）
3.指令(ng-repeat,ng-class,ng-show,ng-hide)
4.過濾器(date,limitTo,filter)
5.表單(NgModelController，表單驗(yàn)證)
6.服務(wù)（自定義服務(wù)，Angular提供的服務(wù)：$log,$timeout,$q,$http）
7.其他（Controller as 語法，安全的依賴注入方法）
8.directive（指令，組件）
9.ng-router
10.標(biāo)準(zhǔn)項(xiàng)目結(jié)構(gòu)設(shè)計(jì)
5）PC端管理信息系統(tǒng)前端開發(fā)項(xiàng)目
1.jQueryUI 與 jQuery EasyUI
2.Bootstrap框架(ACE)
3.Highcharts/Echarts
4.ArtTemplate
5.velocity
6.smarty
7.云平臺系統(tǒng)前端
第四階段：移動端項(xiàng)目開發(fā)(6周)
1）Touch端項(xiàng)目
1. Canvas 基礎(chǔ)知識
2. 繪制矩形、圓弧、線段、曲線、漸變與圖像
3. Canvas 圖表繪制案例
4.localStorage、sessionStorage 與離線緩存
5.animate.css
6.Yo/Mui
7.touch.js
8.zepto.js
9.swiper
10.iScroll
2）微信場景項(xiàng)目
1.WeUI
2.Swiper animate 在微信場景項(xiàng)目中的使用
3.常見的頁面布局
4.常見的交互與動畫
5.實(shí)戰(zhàn)項(xiàng)目
3）應(yīng)用 Angular Ionic開發(fā) WebApp項(xiàng)目
1.Vue.js基礎(chǔ)
2.模塊化
3.單文件組件
4.路由
5.與服務(wù)器通信
6.狀態(tài)管理
7.單元測試
8.生產(chǎn)發(fā)布
4）應(yīng)用 Vue.js開發(fā) WebApp項(xiàng)目
1.css components
2.ionic基于 angularJS擴(kuò)展的交互指令介紹
3.blank模板的安裝
4.頭部與尾部
5.內(nèi)容區(qū)域
6.列表
7.區(qū)域滾動
8.下拉刷新與上拉加載
9.頁簽導(dǎo)航
10.背景層與旋轉(zhuǎn) SVG圖標(biāo)
11.loading 效果
12.actionsheet 效果
13.彈出窗口
14.彈出浮動層
15.底部滿屏滑動窗口
16.ionic 自帶的 swiper滑動
17.基于 swiper組件的 swiper滑動
18.頁面導(dǎo)航切換
19.側(cè)邊欄菜單
5）應(yīng)用 React.js開發(fā) WebApp項(xiàng)目
1.ReactJS基礎(chǔ)
2.JSX語法
3.組件
4.flux架構(gòu)
5.配置模塊化開發(fā)環(huán)境
6.動畫效果
7.數(shù)據(jù)雙向綁定
第五階段：混合（Hybrid,ReactNative）開發(fā)（1周）
1）微信小程序開發(fā)
1.微信小程序簡介及從技術(shù)上和產(chǎn)品上的分析
2.構(gòu)建第1個(gè)應(yīng)用：創(chuàng)建項(xiàng)目、創(chuàng)建小程序?qū)嵗c創(chuàng)建頁面
3.框架、組件、API及工具詳解
4.微信小程序項(xiàng)目開發(fā)
2）React Native
1.React Native介紹
2.BS架構(gòu)程序介紹
3.原生組件
4.異步執(zhí)行與加載
5.觸摸事件處理
6.彈性盒(Flexbox)和樣式
7.兼容通用標(biāo)準(zhǔn)和擴(kuò)展性
8.React Native項(xiàng)目開發(fā)
3）各類混合應(yīng)用開發(fā)
1.Cordova/Phone gap
2.嵌入客戶端(iOS、Android)
3.微信服務(wù)號接口(JSSDK)開發(fā)
4.html5
第六階段：NodeJS全棧開發(fā)（1周）
WebApp后端系統(tǒng)開發(fā)
一、NodeJS基礎(chǔ)與NodeJS核心模塊
1.NodeJS介紹
2.NodeJS環(huán)境搭建與入門
3.ES6在 NodeJS中的應(yīng)用
4.CommonJS模塊
5.fs與 path模塊
6.stream
7.socket.io
8.http模塊 API
9.URL模塊
10.數(shù)據(jù)的本地存儲
二、Express
1.express api
2.express 中間件
3.ejs/jade
三、noSQL數(shù)據(jù)庫
1.mongodb 與 mongoose
2.框架中間件
3.項(xiàng)目實(shí)戰(zhàn)導(dǎo)入
【北京web前端培訓(xùn)課程】點(diǎn)擊圖片了解
web前端工程師的主要職責(zé)就是用html5、CSS3、JavaScript、jQuery、Ajax等技術(shù)把UI設(shè)計(jì)的頁面效果做成網(wǎng)頁，結(jié)合AngularJS等主流的JS框架和后臺開發(fā)工程師搭線，實(shí)現(xiàn)讓大家看到的電商平臺上那些動人的精美頁面。而這些全套工作技術(shù)要點(diǎn)，在千鋒互聯(lián)的web前端培訓(xùn)課程中都能學(xué)到，選擇千鋒互聯(lián)html5培訓(xùn)，你的能力將更全面，能勝任的工作崗位將更多樣化。
關(guān)于web前端培訓(xùn)，千鋒是認(rèn)真的！ >> https://kaoshi.china.com/xuexiao/bjqf/
課程咨詢
咨詢老師：金老師
咨詢電話：010-64707530 / 15110074071
相關(guān)推薦
