伴隨著“互聯(lián)網(wǎng) ”時代的到來，越來越多的公司開始著手布局和開發(fā)屬于自己的網(wǎng)站和APP，搶占市場先機(jī)，html5成了企業(yè)的絕佳選擇，被企業(yè)稱為靈活且節(jié)約成本的應(yīng)用開發(fā)工具**。廣州web前端培訓(xùn)排名哪家好？千鋒互聯(lián)html5培訓(xùn)靠實力和口碑占得榜首，位置實至名歸。
作為業(yè)內(nèi)**創(chuàng)建完整html5課程體系的培訓(xùn)機(jī)構(gòu)，千鋒互聯(lián)的html5課程無論是師資還是課程都是前端培訓(xùn)領(lǐng)域首屈一指的。今天小編就給大家介紹千鋒互聯(lián)html5培訓(xùn)的課程大綱，希望對準(zhǔn)備報名學(xué)習(xí)前端開發(fā)的同學(xué)有幫助。
第1階段：前端頁面重構(gòu)（4周）
1）PC端網(wǎng)站布局項目
1.前端開發(fā)環(huán)境介紹（DreamWeaver、 Notepad 、HBuilder)
2.HTML基礎(chǔ)，CSS基礎(chǔ)，CSS核心屬性
3.CSS樣式層疊，繼承，盒模型
4.容器，溢出及元素類型
5.瀏覽器兼容與寬高自適應(yīng)
6.定位，錨點與透明
7.圖片整合
8.表格，CSS屬性與濾鏡
9.CSS優(yōu)化
2）HTML5 CSS3基礎(chǔ)項目
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è)計
3）WebApp頁面布局項目
1.移動端頁面設(shè)計規(guī)范
2.移動端切圖
3.文字流式/控件彈性/圖片等比例/特殊設(shè)計的100%布局
4.等比縮放布局
5.viewport/meta
6.rem/vw的使用
7.flexbox詳解
8移動 web特別樣式處理（reset, 1px border, 高清圖片）
第二階段：JavaScript高級程序設(shè)計（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)用項目
1.Promise/A
2.設(shè)計模式（觀察者模式等）
3.原型鏈
4.構(gòu)造函數(shù)
5.執(zhí)行上下文棧與執(zhí)行上下文
6.變量對象與活動對象
7.作用域鏈
8.閉包
9.this
10.ES5
11.ES6
3）JavaScript工具庫自主研發(fā)項目
1.DOM庫
2.事件庫
3.AJAX庫
4.原型和繼承庫
第三階段：PC端全棧項目開發(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ā)項目
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ā)項目
1.基礎(chǔ)知識（ng-app,Modules,
2.Controller,$apply,$watch）
3.指令(ng-repeat,ng-class,ng-show,ng-hide)
4.過濾器(date,limitTo,filter)
5.表單(NgModelController，表單驗證)
6.服務(wù)（自定義服務(wù)，Angular提供的服務(wù)：$log,$timeout,$q,$http）
7.其他（Controller as 語法，安全的依賴注入方法）
8.directive（指令，組件）
9.ng-router
10.標(biāo)準(zhǔn)項目結(jié)構(gòu)設(shè)計
5）PC端管理信息系統(tǒng)前端開發(fā)項目
1.jQueryUI 與 jQuery EasyUI
2.Bootstrap框架(ACE)
3.Highcharts/Echarts
4.ArtTemplate
5.velocity
6.smarty
7.云平臺系統(tǒng)前端
第四階段：移動端項目開發(fā)(6周)
1）Touch端項目
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）微信場景項目
1.WeUI
2.Swiper animate 在微信場景項目中的使用
3.常見的頁面布局
4.常見的交互與動畫
5.實戰(zhàn)項目
3）應(yīng)用 Angular Ionic開發(fā) WebApp項目
1.Vue.js基礎(chǔ)
2.模塊化
3.單文件組件
4.路由
5.與服務(wù)器通信
6.狀態(tài)管理
7.單元測試
8.生產(chǎn)發(fā)布
4）應(yīng)用 Vue.js開發(fā) WebApp項目
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項目
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個應(yīng)用：創(chuàng)建項目、創(chuàng)建小程序?qū)嵗c創(chuàng)建頁面
3.框架、組件、API及工具詳解
4.微信小程序項目開發(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項目開發(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.項目實戰(zhàn)導(dǎo)入
隨著h5行業(yè)的快速發(fā)展，未來必將會面臨更多的競爭，所以只有不遺余力的把自己打造成一把利劍，從專業(yè)度到職業(yè)素質(zhì)，只有比別人更突出和優(yōu)秀，才能夠在這個相互選擇的世界當(dāng)中擁有更多的選擇權(quán)利。
千鋒互聯(lián)html5培訓(xùn)課程幫助學(xué)員快速掌握所學(xué)知識和技能，靠譜的html5培訓(xùn)是千鋒互聯(lián)，它是你的明智之選。
關(guān)于web前端工程師培訓(xùn)，千鋒互聯(lián)是專業(yè)的！>> https://kaoshi.china.com/xuexiao/bjqf/
以上就是小編簡單的介紹，希望對你有所幫助，還有更多關(guān)于web前端工程師相關(guān)的訊息，歡迎咨詢，驚喜多多，收獲多多。
課程咨詢
咨詢老師：金老師
咨詢電話：010-64707530
咨詢微信：15110074071
相關(guān)推薦
| 課程 | 班型 | 費用 |
| 千鋒互聯(lián)UI設(shè)計培訓(xùn)班 | 白天班/晚班/周末班 | 點擊了解 |
| 千鋒互聯(lián)python培訓(xùn)班 | 白天班/晚班/周末班 | 點擊了解 |
| 千鋒互聯(lián)HTML5培訓(xùn)班 | 白天班/晚班/周末班 | 點擊了解 |
| 千鋒互聯(lián)軟件測試培訓(xùn)班 | 白天班/晚班/周末班 | 點擊了解 |
| 千鋒互聯(lián)大數(shù)據(jù)培訓(xùn)班 | 白天班/晚班/周末班 | 點擊了解 |
| 千鋒互聯(lián)Linux云計算培訓(xùn)班 | 白天班/晚班/周末班 | 點擊了解 |
