HTML5是萬維網(wǎng)的核心語言辽装，標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用超文本標(biāo)記語言（HTML）的第五次重大修改，一方面提升了用戶體驗(yàn)相味，另一方面HTML5技術(shù)跨平臺拾积，適配多終端，改變了傳統(tǒng)開發(fā)者需針對不同操作系統(tǒng)進(jìn)行研發(fā)的局面丰涉。千鋒全棧HTML5融合大數(shù)據(jù)可視化內(nèi)容拓巧、深化PHP+MySQL，學(xué)員求職可任項(xiàng)目leader一死！
一.HTML5初級開發(fā)工程師
1.HTML5介紹
互聯(lián)網(wǎng)發(fā)展趨勢
H5語言的優(yōu)勢
簡單易學(xué)人人都能編程
H5就業(yè)和薪資情況
H5常見的項(xiàng)目與產(chǎn)品
H5的未來與方向
2.HTML基礎(chǔ)
HTML簡介與歷史版本
常用開發(fā)軟件
常見標(biāo)簽與屬性
表格與表單
標(biāo)簽規(guī)范與標(biāo)簽語義化
實(shí)戰(zhàn)：網(wǎng)頁結(jié)構(gòu)布局
3.CSS基礎(chǔ)
css簡介與基本語法
常見的各種樣式屬性
CSS選擇器與標(biāo)簽類型
理解盒子模型與CSS重置
浮動(dòng)與定位
利用photoshop工具測量樣式
HTML+CSS開發(fā)網(wǎng)頁
實(shí)戰(zhàn)：高仿電商首頁效果
4.CSS3基礎(chǔ)
css3常見樣式
css3選擇器
變形與動(dòng)畫
3D效果與關(guān)鍵幀
彈性盒模型
5.移動(dòng)端布局
移動(dòng)端基本概念
viewport窗口設(shè)置
移動(dòng)端布局方案
rem肛度、vh、vw等單位
響應(yīng)式布局
bootstrap框架
6.JavaScript基礎(chǔ)
JS簡介
JS變量
數(shù)據(jù)類型與類型轉(zhuǎn)換
運(yùn)算符與優(yōu)先級
流程控制-if..else
流程控制-switch...case
流程控制-while投慈、do..while承耿、for循環(huán)
break冠骄、continue語法
函數(shù)定義與調(diào)用
全局變量與局部變量
函數(shù)傳參與返回值
函數(shù)作用域與變量作用域
DOM的基本操作
定時(shí)器使用
this指向與修改指向
數(shù)組、字符串等方法操作
時(shí)間對象與正則對象
掌握常見BOM操作
常見事件與事件細(xì)節(jié)
JSON與AJAX
JSONP跨域操作
前端cookie的使用
實(shí)戰(zhàn)：JS配合HTML與CSS完成電商項(xiàng)目
7.jquery框架
jquery框架介紹及優(yōu)勢介紹
jquery核心思想
jquery常見方法
jquery動(dòng)畫操作
jqueryAJAX操作
jquery工具方法
利用jquery快速開發(fā)網(wǎng)頁
8.PHP基礎(chǔ)
PHP簡介與基本語法
mysql數(shù)據(jù)庫及sql語法
apache服務(wù)器與集成開發(fā)工具
PHP鏈接數(shù)據(jù)庫
PHP與AJAX交互
實(shí)戰(zhàn)：留言板加袋、登錄凛辣、注冊等
9.H5基礎(chǔ)項(xiàng)目
項(xiàng)目簡介
項(xiàng)目功能演示
項(xiàng)目劃分及框架
編寫HTML頁面結(jié)構(gòu)
設(shè)置CSS樣式
添加JS交互
可選框架：bootstrap、jquery职烧、PHP等
項(xiàng)目調(diào)試及兼容
項(xiàng)目驗(yàn)收
二.HTML5中高級開發(fā)工程師
1.面向?qū)ο蠡A(chǔ)
面向?qū)ο蟾攀?/p>
對象和構(gòu)造函數(shù)（類）之間的關(guān)系
對象的屬性和方法
原型與原型鏈
包裝對象與內(nèi)部實(shí)現(xiàn)
對象中實(shí)現(xiàn)繼承方式
設(shè)計(jì)模式及實(shí)際運(yùn)用
2.JavaScript高級
JS算法與排序算法
promise異步處理
運(yùn)動(dòng)與tween算法
閉包與模塊化
JS組件開發(fā)
打造小型jquery框架
JS性能優(yōu)化
ES6新增功能
3.前端工程化
gulp基本使用
less扁誓、sass、babel等預(yù)編譯框架
理解模塊概念蚀之，AMD與CMD規(guī)范
前端模塊框架seaJS蝗敢、requireJS
webpack基本使用
4.多人協(xié)作
svn基本用法與可視化工具
多人開發(fā)流程
git基本用法
命令行操作
分區(qū)及分支等概念
遠(yuǎn)程github操作
實(shí)戰(zhàn)：多人協(xié)作開發(fā)項(xiàng)目
5.HTML5新功能
canvas繪圖
svg繪圖
音頻與視頻
本地存儲與離線存儲
地理信息
web Worker
web Socket
6.NodeJS基礎(chǔ)
node與npm概念及使用
node模塊方式
node常用內(nèi)置模塊
node爬蟲與文件自動(dòng)化處理
node搭建服務(wù)器與簡單路由
mongodb非關(guān)系數(shù)據(jù)庫
mongodb安裝與db操作
mongodb增刪改查
mongodb與node結(jié)合開發(fā)
mongoose數(shù)據(jù)建模
mongoose與node結(jié)合開發(fā)
express框架
中間件與ejs模板引擎
Robomongo與postman工具
express+mongoose搭建后端框架
設(shè)計(jì)Restful API
實(shí)戰(zhàn)：前后端分離式開發(fā)
7.微信端開發(fā)
移動(dòng)端交互與移動(dòng)端事件
微信場景與swiper框架
微信公眾號介紹
網(wǎng)頁授權(quán)與JSSDK
微信web開發(fā)者工具使用
微信小程序開發(fā)
實(shí)戰(zhàn)：公眾號與小程序項(xiàng)目同步開發(fā)
三.HTML5大神級開發(fā)工程師
1.VueJS框架
Vue框架簡介
漸進(jìn)式與響應(yīng)式
模板語法與計(jì)算屬性
指令與數(shù)據(jù)處理器
生命周期
組件與組件通信
Vuex狀態(tài)管理
Vue動(dòng)畫與路由
單文件組件與腳手架
基于Vue的組件框架
實(shí)戰(zhàn)：Vue與Node全棧開發(fā)
2.ReactJS框架
React框架簡介
JSX語法
組件與組件通信
屬性與狀態(tài)設(shè)置
虛擬DOM
生命周期
redux架構(gòu)
react-redux使用
react-router使用
Mem腳手架使用
實(shí)戰(zhàn)：React與Node全棧開發(fā)
3.AngularJS框架
Angular框架簡介
TypeScript基礎(chǔ)與進(jìn)階
開發(fā)環(huán)境配置
架構(gòu)、模塊與組件
模板恬总、元數(shù)據(jù)與數(shù)據(jù)顯示
服務(wù)于指令
依賴注入
路由
實(shí)戰(zhàn)：Angular與Node全棧開發(fā)
4.Hybrid App開發(fā)
App介紹與分類
Android/ios與H5通信
Cordova/Phonegap框架
HTML5+基于HB工具
React Native
5.前端架構(gòu)
單元測試與編寫測試用例
自動(dòng)化測試方案
前端安全與HTTP協(xié)議
項(xiàng)目上線與一鍵部署
數(shù)據(jù)統(tǒng)計(jì)與SEO優(yōu)化
搭建組件庫與按需載入
瀏覽器渲染與瀏覽器引擎
深入理解后端開發(fā)模式
最后
“相信有很多想學(xué)前端的小伙伴前普，今年年初我花了一個(gè)月整理了一份最適合2018年學(xué)習(xí)的web前端干貨，從最基礎(chǔ)的HTML+CSS+JS到移動(dòng)端HTML5到各種框架都有整理壹堰，送給每一位前端小伙伴拭卿，53763，
1707這里是小白聚集地贱纠，歡迎初學(xué)和進(jìn)階中的小伙伴峻厚。”
