前端工程師要做什么？
如今，前端開發工程師的職責，不是只有切圖、制作網頁這么簡單哦！
前端開發工程師，會熟練使用時下流行的HTML5，CSS3技術，架構炫酷的頁面，3D、旋轉、粒子效果，頁面變得越來越炫，對人才的要求也越來越高。
前端開發工程師，會全面掌握PC、手機、iPad等多種設備的網頁呈遞解決方案，響應式技術，那可是看家本領
前端開發工程師，會開發微信小游戲，這可是時下全新的，別說【2048】【圍住神經貓】你沒有玩過！
前端開發工程師，會掌握Ajax技術，頁面不刷新，就能獲得數據庫中的全新數據，呈遞給用戶！多么棒的用戶體驗！
程序書寫技術，做大項目的時候，這些技術，能夠讓你的項目結構清晰，易于維護！
前端開發工程師，還會大數據前端可視化，前端測試，版本控制系統，團隊合作，低版本瀏覽器的兼容等等...

01階段前端頁面重構
01PC端網站布局
前端開發環境介紹（DreamWeaver、 Notepad++、HBuilder)
HTML基礎，CSS基礎，CSS核心屬性
CSS樣式層疊，繼承，盒模型
容器，溢出及元素類型
瀏覽器兼容與寬高自適應
- 定位，錨點與透明
- 圖片整合
- 表格，CSS屬性與濾鏡
- CSS優化
02HTML5+CSS3基礎
- HTML5新增的元素與屬性
- 表單域增強元素
- CSS3選擇器
- 文字字體相關樣式
- CSS3位移與變形處理
- CSS3 2D轉換與過度動畫
- CSS3 3D轉換與關鍵幀動畫
- 彈性盒模型
- 媒體查詢
- 響應式設計
03WebApp頁面布局
- 移動端頁面設計規范
- 移動端切圖
- 文字流式/控件彈性/圖片等比例/特殊設計的布局
- 等比縮放布局
- viewport/meta
- rem/vw的使用
- flexbox詳解
- 移動 web特別樣式處理（reset, 1px border, 高清圖片）
04Java流程控制
- 復合語句
- 條件語句
- if條件語句
- switch多分支語句
- while循環語句
- do…while循環語句
- for循環語句
02 階段JavaScript程序設計
01原生 JavaScript交互功能開發
- 循環語句
- 函數與數組
- String與 Date
- BOM與 DOM
- 事件
-- 拖拽效果
- cookie存儲
- 正則表達式
- Ajax
- 面向對象基礎
- 運動與游戲開發
02面向對象進階與 ES5/ES6應用
- Promise/A+
- 設計模式（觀察者模式等）
- 原型鏈
- 構造函數
- 執行上下文棧與執行上下文
- 變量對象與活動對象
- 閉包
- this
- ES5
- ES6
0306JavaScript工具庫自主研發
- DOM庫
- 事件庫
- AJAX庫
- 原型和繼承庫
04Java流程控制
- jQuery框架介紹
- jQuery插件擴展原理及自定制設計
- 時間軸
- tab頁面切換效果
- 網頁定位導航
- 滑動門
- 焦點圖輪播
- 導航條菜單效果
- 瀑布流
- 彈出層效果
- 倒 計 時效果
- 抽獎效果
03 階段PC端全棧項目開發
01HTTP協議、Ajax進階與后端
- Java的發展歷史
- Java的應用領域
- Java語言的特性
- Java面向對象
- Java性能分類
- 搭建Java環境
- Java工作原理
02前端工程化與模塊化應用
-Gulp
- Webpack
- Git/SVN
- CommonJS
- AMD
- CMD
- ES6模塊化
03PC端網站開發
- 大首頁、列表頁與詳情頁
- 展示與交互
- 搜索
- 登錄與注冊
- 購物車
04AngularJS
- 基礎知識（ng-app,Modules,Controller,$apply,$watch）
- 指令(ng-repeat,ng-class,ng-show,ng-hide)
- 過濾器(date,limitTo,filter)
- 表單(NgModelController，表單驗證)
- 服務（自定義服務，Angular提供的服務：$log,$timeout,$q,$http）
- 其他（Controller as 語法，安全的依賴注入方法）
- directive（指令，組件）
- ng-router
- 標準項目結構設計
手機成為大的互聯網流量入口，越來越多的人用手機進行社交，購物，娛樂。