作為一個(gè)想學(xué)習(xí)HTML5的人，你需要精通的知識(shí)有哪些？因?yàn)镠TML5簡(jiǎn)單、易上手，所以很多想要從事IT行業(yè)的人都選擇HTML5作為他們?nèi)腴T的第1門語(yǔ)言。不過HTML5相較其它編程語(yǔ)言雖然比較簡(jiǎn)單、易學(xué)，但由于它并沒有完整的學(xué)習(xí)流程，所以在參加HTML5學(xué)習(xí)時(shí)，很多人都走了不少的彎路。
所以今天兄弟連HTML5培訓(xùn)團(tuán)隊(duì)來(lái)教大家如何快速掌握HTML5開發(fā)語(yǔ)言。
第1階段
HTML5 CSS3
經(jīng)典表格布局制作簡(jiǎn)歷
1. HTML5簡(jiǎn)介及發(fā)展史 2. HTTP協(xié)議介紹
3. HTTP消息類型 4. 互聯(lián)網(wǎng)發(fā)展形式
5. web開發(fā)所需要的構(gòu)件 6. 編輯器的使用
7. HTML基本語(yǔ)法與規(guī)范（標(biāo)簽元素、屬性）
8. 第1個(gè)HTML網(wǎng)頁(yè) 9.表格標(biāo)簽
規(guī)范代碼盒模型布局小米等網(wǎng)站
1. 文檔頭和編碼聲明 2. 基礎(chǔ)標(biāo)簽
3. 文本類標(biāo)簽 4. 列表標(biāo)簽
5. 語(yǔ)義化標(biāo)簽的使用 6. 字符實(shí)體
7. 表格標(biāo)簽 8. HTML5標(biāo)簽的兼容處理
9. HTML5標(biāo)簽SEO的作用
10. HTML5表單新特性 11. 多媒體標(biāo)簽
3D旋轉(zhuǎn) 動(dòng)畫制作正方體
1. CSS的定義 2. CSS引入
3. CSS選擇器 4. CSS3與CSS2的區(qū)別
5. 長(zhǎng)度單位 6. 顏色單位
7. 常用屬性 8. CSS屬性
流行的pc端，App頁(yè)面響應(yīng)式布局
1. W3C盒子模型 2. Div CSS網(wǎng)頁(yè)布局
3. 彈性盒子 4. HTML5兼容處理
5. 使用HTML5布局元素的布局
6. Media Query響應(yīng)式布局
7. 百分比網(wǎng)頁(yè)布局
工作要求，實(shí)戰(zhàn)大型電商網(wǎng)站靜態(tài)頁(yè)面
1. W3C盒子模型 2. Div CSS網(wǎng)頁(yè)布局
3. 彈性盒子 4. HTML5兼容處理
5. 使用HTML5布局元素的布局
6. Media Query響應(yīng)式布局
7. 百分比網(wǎng)頁(yè)布局
第二階段
Java jQuery實(shí)例
前端核心語(yǔ)言java語(yǔ)法
1. Java簡(jiǎn)介 2. 在頁(yè)面中使用Java
3. Java的語(yǔ)法 a) 變量聲明規(guī)范 b)語(yǔ)句結(jié)束 c)腳本注釋 d)代碼塊 e)數(shù)據(jù)類型 f)類型轉(zhuǎn)換 g)運(yùn)算符 h)流程控制語(yǔ)句 i）函數(shù) j）內(nèi)置對(duì)象
原生Js功能開發(fā)
1. 更換頁(yè)面皮膚 2. 五彩小球 3. 隨機(jī)點(diǎn)名器
4. 輪播圖 5. 網(wǎng)站時(shí)間顯示 6. 商城搶購(gòu)活動(dòng)
7. 購(gòu)物車的全選、反選、全不選 8. 選項(xiàng)卡
前端后臺(tái)交互功能開發(fā)
9. 進(jìn)度條 10. 拖拽div 11. 放大鏡 12. 城市地址二級(jí)、三級(jí)聯(lián)動(dòng) 13. 隨機(jī)浮動(dòng)廣告 14. 無(wú)縫連接
15. 仿百度登錄
Jquery庫(kù)交互特效開發(fā)
1. JQuery簡(jiǎn)介 2. JQuery安裝
3. JQuery CSS操作 4. JQuery選擇器 5. JQuery篩選 6. JQuery html 文檔處理 7. JQuery事件 8. JQuery效果 9. JQuery Ajax 10. JQuery其他操作 11. JQuery插件
工作要求，實(shí)戰(zhàn)大型電商網(wǎng)站靜態(tài)頁(yè)面
1.PS切圖 2.CSS重置樣式表 3.網(wǎng)頁(yè)規(guī)范
4.兼容性 5.SASS 6.Compass精靈圖 7.代碼壓縮
8.常見網(wǎng)站效果 9.rem相對(duì)大小布局
第三階段
Node.JS MongoDB Express Vue.js
Vue.js前端熱組件化開發(fā)框架
1. 介紹 2. 安裝 3. 模板/數(shù)據(jù)綁定 4. Class／Style綁定 5. 事件 6. 組件 7. 混合 8. 插件 9. 服務(wù)/路由
后端Js-Node.js搭建前端腳手架
1. Node.js簡(jiǎn)介 2. Node.js安裝 3. NPM工具使用 4. 模塊、Package 5. 回調(diào)函數(shù) 6. Buffer，事件 7. 文件處理模塊 8. Http，URL，Querystring Path等模塊 9. POST/GET請(qǐng)求 10. 安裝模板引擎
Mongodb數(shù)據(jù)庫(kù)操作
1. NoSQL基礎(chǔ)概念 2. MongoDB 簡(jiǎn)介 3. 數(shù)據(jù)庫(kù)、集合、文檔概念 4. 數(shù)據(jù)庫(kù)操作 5. 集合操作
6. 文檔CURD操作 7. 條件操作符 8. Limit與Skip方法 9. 排序 10. Node.Js的mongoose模塊 操作MongoDB
基于node.js搭建express服務(wù)器
1. Express 簡(jiǎn)介 2. 安裝 Express 3. 路由
4. 中間件 5. 視圖 6. 模板引擎 7. AJAX
8. 跨域/JSONP 9. 搜索分頁(yè) 10. 文件上傳
11. 登陸注冊(cè)
實(shí)戰(zhàn)-大型單頁(yè)應(yīng)用
1. Web Socket 2. SSE 3. 網(wǎng)絡(luò)爬蟲（實(shí)現(xiàn)多人聊天時(shí)，服務(wù)器主動(dòng)推送消息） 4. 常用工具使用Webpack 5. 壓縮混淆 6. AMD/CMD規(guī)范
7. 結(jié)合Vue.JS實(shí)現(xiàn)單頁(yè)面應(yīng)用 8. Web APP 打包
第四階段
HTML5新特性 微信開發(fā) 微信小程序
HTML5新特性(1)
1.音頻/視頻API 2.本地存儲(chǔ)LocalStorage 3.Geolocation（地理定位） 4.百度地圖API5.瀏覽器多線程Web Workers6.應(yīng)用程序緩存（Application Cache）
HTML5新特性(2)
7. Canvas畫圖、SVG 8. 拖拽事件、API 9.FileReader API 10. PAJAX 11. Bootstrap 12.插件：Swiper、圖表、Iconfont
微信公眾號(hào)開發(fā)
1. 接入微信公眾平臺(tái) 2. 賬號(hào)申請(qǐng) 3. 微信JSSDK使用 4. 分享接口 5. 圖像接口 6. 音頻接口
7. 智能接口 8. 設(shè)備信息 9. 地理位置
微信小程序開發(fā)
10. 界面操作 11. WEUI框架 12. 微信小程序開發(fā)
13. 創(chuàng)建項(xiàng)目 14. 工具 15. 框架 16. WXML
17. 組件 18. API
實(shí)戰(zhàn)--團(tuán)隊(duì)協(xié)作工具
1. Git協(xié)作 2. 前端項(xiàng)目規(guī)范化 3. H5新特性
4. 即時(shí)通訊 5. 互聯(lián)網(wǎng)服務(wù)接口調(diào)用
兄弟連HTML5培訓(xùn)團(tuán)隊(duì)一致認(rèn)為：沒有教不會(huì)的千里馬只有不及格的伯樂，選對(duì)課也要跟對(duì)人，學(xué)員打分制嚴(yán)格把控教學(xué)質(zhì)量 ，講師好不好你說了算！
課程咨詢
咨詢老師：金老師
聯(lián)系方式：010-64707530
