1、培訓過程中，如有部分內容理解不透或消化不好，可免費在以后培訓班中重聽；
        2、培訓結束后,授課老師留給學員聯系方式,保障培訓效果,免費提供課后技術支持。
        3、培訓合格學員可享受免費推薦就業機會。

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