1、培訓(xùn)過程中，如有部分內(nèi)容理解不透或消化不好，可免費(fèi)在以后培訓(xùn)班中重聽；
        2、培訓(xùn)結(jié)束后,授課老師留給學(xué)員聯(lián)系方式,保障培訓(xùn)效果,免費(fèi)提供課后技術(shù)支持。
        3、培訓(xùn)合格學(xué)員可享受免費(fèi)推薦就業(yè)機(jī)會(huì)。

了解Web前端及開發(fā)前的準(zhǔn)備
1.WEB前端現(xiàn)狀
2.IDE環(huán)境介紹安裝配置
3.WebStorm使用
4.WebStorm快捷鍵
DTD文檔模型及HTML基礎(chǔ)元素
1.DTD文檔模型介紹
2.HTML基礎(chǔ)元素
3.HTML骨架
HTML框架集與布局
1.frameset框架集
2.iframe內(nèi)聯(lián)框架
3.div css布局
4.table布局
HTML Form表單提交
1.基礎(chǔ)表單
2.input輸入框
3.輸入框類型
4.文本域
5.列表
6.label
HTML5新增元素(一)
1.HTML5新增元素（footer、header等）
2.HTML實(shí)體
3.編碼格式
CSS基本樣式、基礎(chǔ)選擇器、選擇器優(yōu)先級(jí)
1.類選擇器
2.id選擇器
3.元素選擇器
4.關(guān)系選擇器
5.屬性選擇器
6.偽類選擇器
7.偽元素選擇器
8.選擇器優(yōu)先級(jí)
9.基本樣式（背景，字體等）
CSS浮動(dòng)、定位
1.浮動(dòng)
2.清除浮動(dòng)
3.定位（position）
4.z-index
CSS盒子模型
1.內(nèi)邊距（padding）
2.外邊距（margin）
3.邊框
怪異盒子模型、伸縮盒子模型
1.怪異盒子模型
2.新伸縮盒子
3.舊伸縮盒子
4.伸縮盒子屬性
HTML與CSS實(shí)例操作
1.HTML與CSS布局使用及樣式添加
CSS3動(dòng)畫
1.2D變換
2.過渡
3.動(dòng)畫
CSS3媒體查詢、CSS3多列布局
1.媒體查詢（Media Queries）
2.grid
3.多列布局
4.用戶界面
CSS3繪制特殊圖形
1.繪制三角形
2.繪制矩形
3.繪制梯形
4.繪制特殊圖形
雪碧圖、滑動(dòng)門
1.CSS Sprite
2.雪碧圖優(yōu)化
3.CSS滑動(dòng)門
4.滑動(dòng)門實(shí)例操作
滑動(dòng)門導(dǎo)航欄實(shí)例操作
1.模擬各大網(wǎng)站導(dǎo)航滑動(dòng)門效果實(shí)現(xiàn)
Bootstrap詳解(一)
1.BS柵格系統(tǒng)
2.BS排版
3.BS代碼
4.BS表格
5.BS表單
6.BS按鈕
7.BS圖片
8.BS輔助類
9.BS響應(yīng)式工具
Bootstrap詳解(二)
1.BS字體圖標(biāo)
2.BS下拉菜單
3.BS按鈕組
4.BS輸入框
5.BS導(dǎo)航
6.BS徽章
7.BS巨幕
8.BS頁面
9.BS縮略圖
10.BS警告框
11.BS進(jìn)度條
12.BS面板
13.BS Well
深入定位
1.子父級(jí)定位的深度講解
HTML與CSS實(shí)例操作
1.使用BS完成站點(diǎn)搭建
HTML5新增元素(二)
1.HTML5新增元素（表單新增屬性）
認(rèn)識(shí)JavaScript
1.導(dǎo)論
2.JavaScript歷史
3.基本語句
4.變量
5.大小駝峰命名規(guī)則
數(shù)據(jù)類型、條件語句、分支語句
1.數(shù)據(jù)類型
2.if結(jié)構(gòu)
3.if…else
4.switch語句
5.while
6.for循環(huán)
7.do…while
8.break和continue
9.typeof
10.null和undefined
字符串詳解
1.定義
2.轉(zhuǎn)義
3.字符串與數(shù)組
4.length屬性
5.字符集
6.Base64轉(zhuǎn)碼
7.String屬性
8.String方法
數(shù)組詳解
1.數(shù)組定義
2.數(shù)組本質(zhì)
3.length屬性
4.類似數(shù)組對(duì)象
5.in運(yùn)算符
6.for…in
7.數(shù)組空位
8.數(shù)組的靜態(tài)方法
9.Array的實(shí)例方法
10.ES5新加入的數(shù)組方法
對(duì)象、函數(shù)、數(shù)值
1.對(duì)象定義
2.對(duì)象創(chuàng)建
3.with語句
4.函數(shù)概述
5.函數(shù)的屬性和方法
6.函數(shù)作用域
7.函數(shù)參數(shù)
8.數(shù)值精密計(jì)算
Math函數(shù)、作用域
1.Math函數(shù)
2.Math函數(shù)方法
3.作用域詳解
DOM操作（1）
1.Node節(jié)點(diǎn)
2.Document節(jié)點(diǎn)
3.Element節(jié)點(diǎn)
4.Text節(jié)點(diǎn)和DocumentFragment
DOM操作（2）
1.Event對(duì)象
2.CSS操作
排序算法
1.冒泡排序
2.快速排序
3.插入排序
4.數(shù)組去重
5.遞歸
6.隨機(jī)數(shù)算法
實(shí)戰(zhàn)操作
1.ofans靜態(tài)布局
2.動(dòng)態(tài)修改數(shù)據(jù)
事件詳解
1.事件流
2.事件處理程序
3.事件對(duì)象
4.事件類型
5.內(nèi)存和性能
6.模擬事件
BOM對(duì)象
1.window對(duì)象
2.location對(duì)象
3.navigator對(duì)象
4.screen對(duì)象
5.history對(duì)象
6.定時(shí)器
預(yù)解釋
1.帶var關(guān)鍵字預(yù)解釋
2.帶function關(guān)鍵字預(yù)解釋
3.無節(jié)操預(yù)解釋
作用域
1.局部作用域
2.全局作用域
this關(guān)鍵字
1.自執(zhí)行函數(shù)this指向
2.DOM中this指向調(diào)用元素
3.函數(shù)中，誰調(diào)用了當(dāng)前函數(shù)，this就指向誰
4.在構(gòu)造函數(shù)模式類中，this.xxx =xxx;this指向當(dāng)前類的實(shí)例對(duì)象
5.我們使用call和apply可以任意修改類的指向問題
call和apply
1.call關(guān)鍵字
2.apply關(guān)鍵字
閉包
1.閉包與變量
2.關(guān)于this關(guān)鍵字
3.內(nèi)存泄露
原型和原型鏈
1.原型詳解
2.原型圖繪制
3.原型鏈
面向?qū)ο?br> 1.理解對(duì)象
2.創(chuàng)建對(duì)象
3.繼承
封裝、繼承和多態(tài)
1.封裝
2.原型回顧
3.繼承
4.多態(tài)
DOM實(shí)現(xiàn)原理和DOM深入
1.DOM實(shí)現(xiàn)原理
2.DOM深入
正則表達(dá)式及實(shí)戰(zhàn)
1.正則對(duì)象的屬性和方法
2.字符串對(duì)象的方法
3.匹配規(guī)則
4.電話號(hào)碼、郵箱等驗(yàn)證
JSON和JSON解析
1.JSON對(duì)象
2.JSON格式
3.JSON方法
4.JSON解析
事件原理及自定義事件
1.事件原理
2.自定義事件
拖拽和原生拖拽事件
1.拖拽實(shí)現(xiàn)
2.原生拖拽
Http協(xié)議及Ajax
1.Http協(xié)議
2.Ajax請(qǐng)求
3.XHR對(duì)象
4.狀態(tài)碼
Ajax詳解及跨域處理
1.理解跨域訪問
2.解決跨域訪問
3.跨域訪問原理
4.跨域訪問多種處理方案
惰性函數(shù)及函數(shù)柯里化
1.惰性函數(shù)
2.函數(shù)柯里化
3.實(shí)例引入
Bootstrap JS部分
1.BS過渡效果
2.BS模態(tài)框
3.BS下拉菜單
4.BS滾動(dòng)監(jiān)聽
5.BS標(biāo)簽頁
6.BS工具提示
7.BS彈出框
8.BS警告框
9.BS按鈕
10.Collapse
11.Carousel
實(shí)戰(zhàn)操作使
用原生js完成頁面效果及異步請(qǐng)求
本地存儲(chǔ)
1.Web Sql
2.Local Storage
3.session Storage
4.cookie
5.Application Cache
jQuery選擇器
1.屬性選擇器
2.基礎(chǔ)選擇器
3.子元素選擇器
4.內(nèi)容過濾
jQuery DOM屬性
1.class屬性
2.復(fù)制元素
3.DOM插入
4.DOM移除
5.DOM替換
6.通用屬性
7.CSS屬性
jQuery事件
1.瀏覽器事件
2.文檔加載
3.綁定事件處理器
4.事件對(duì)象
5.表單事件
6.鍵盤事件
7.鼠標(biāo)事件
jQuery特效及遍歷
1.基本特效
2.自定義
3.漸變
4.滑動(dòng)
5.過濾
6.遍歷
jQuery Ajax
1.全局Ajax事件處理器
2.輔助函數(shù)
3.底層接口
4.快捷方法
jQuery實(shí)戰(zhàn)
1.實(shí)戰(zhàn)操作
jQuery動(dòng)畫
1.常用的jquery動(dòng)畫庫
jQuery實(shí)戰(zhàn)
1.jquery實(shí)戰(zhàn)操作
前后臺(tái)交互
1.了解后端
2.了解數(shù)據(jù)來源
3.掌握數(shù)據(jù)獲取方式
4.掌握數(shù)據(jù)庫，后端前端的交互方式
地圖定位及開放平臺(tái)接入
1.地圖定位
2.百度平臺(tái)
3.騰訊平臺(tái)
設(shè)計(jì)模式
1.構(gòu)造函數(shù)模式
2.單例模式
3.工廠模式
設(shè)計(jì)模式
1.命令模式
2.模塊模式
3.原型模式
4.組合模式
5.觀察者模式
工具庫開發(fā)
1.事件庫
2.DOM庫
實(shí)戰(zhàn)開發(fā)
實(shí)戰(zhàn)開發(fā)
了解nodejs
1.搭建node環(huán)境
2.HTTP
3.搭建node服務(wù)器
4.node鏈接MongoDB
Angular入門
1.AngularJS簡介
2.開發(fā)第?一個(gè)AngularJS程序
3.前端MVC的設(shè)計(jì)和搭建
4.數(shù)據(jù)雙向綁定
5.Controllers
6.$scope
Angular服務(wù)
1.service
2.使用$http查詢mysql
Angular路由與多視圖
1.Angular路由與多視圖
Angular實(shí)戰(zhàn)
1.Angular實(shí)戰(zhàn)
Grunt和Gulp構(gòu)建工具
1.grunt介紹
2.grunt環(huán)境搭建
3.grunt任務(wù)編寫
4.gulp介紹
5.gulp環(huán)境搭建
6.gulp任務(wù)編寫
SVN及Git協(xié)同開發(fā)
1.SVN環(huán)境搭建
2.使用SVN協(xié)同開發(fā)
3.Git命令
4.使用GIt協(xié)同開發(fā)
了解ES6
1.ES6介紹
2.ES6語法改變
3.ES6新增
React
1.React
前端開發(fā)優(yōu)化
1.前端開發(fā)優(yōu)化
移動(dòng)端開發(fā)
1.移動(dòng)端開發(fā)
PHP基礎(chǔ)
1.PHP簡介
2.PHP語法
3.PHP變量
4.PHP運(yùn)算符
5.PHP循環(huán)語句
6.PHP分支語句
7.PHP函數(shù)
8.PHP數(shù)組
PHP表單
1.PHP表單處理
2.PHP表單驗(yàn)證
3.PHP表單必填
PHP文件操作
1.PHP文件
2.PHP文件打開/讀取
3.PHP文件創(chuàng)建/寫入
4.PHP文件上傳
5.Cookies
6.Sessions
PHP鏈接MySql
1.MySql介紹
2.MySql Connect
3.MySql增刪改查
PHP與AJAX
1.PHP AJAX