前端開發工程師

前端工程師學習路線

第一階段

html+css 
html進階、css進階、div+css佈局、html+css整站開發
JS基礎 
js基礎教程、js內置對象經常使用方法、常見dom樹操做大全、ES、DOM、BOM、定時器和焦點圖
JS基本特效 
常見特效：tab、導航、頁面滾動、輪播圖、JS製做幻燈片、淡出層、手風琴菜單、瀑布流佈局、滾動事件、滾差視圖。
JS高級特徵 
正則表達式、排序算法、遞歸算法、閉包、函數節流、做用域鏈、基於距離運動框架、面向對象基礎。
jQuery 
懸着器、dom操做、特效和動畫。方法鏈、拖拽、變形、jQueryUI組件基本使用

 

第二階段 html和移動web開發

HTML5 
HTML新語義標籤。H5表單、音頻與視頻、離線和本地存儲、SVG、Web Socket、Canvas
CSS3 
CSS3新選擇器、僞元素、臉色表示法、邊框、陰影、background系列屬性改變、Transition、動畫、景深和深透、3D效果製做、Velocity.js框架、元素進場、出場、策略炫酷CSS3網頁製做。
Bootstrap 
響應式概念、媒體查詢、響應式網站製做、刪格系統、柵格系統原理、Bootstrap經常使用模版、LESS和SASS
移動Web開發 
跨終端Web和主流設備簡介、視口、流式佈局、彈性盒子、tem、移動終端JS事件、手機中常見JS效果製做、Zepto.js、手機聚划算頁面、手機滾屏。

 

第三階段 HTTP服務和Ajax編程

WEB服務器基礎 
服務器基礎知識、Apache服務器和其餘WEB服務器介紹、Apache服務器搭建、HTTP介紹
PHP基礎 
PHP基礎語法、使用PHP處理簡單的GET或者POST請求
AJAX 
一、Ajax簡介和異步的概念、Ajax框架的封裝、XMLHttpRequest對象詳細介紹方法、兼容性處理方法、Ajax框架的封裝、Ajax中緩存問題、XML介紹和使用 
二、JSON和JAON解析。數據庫綁定和模版技術。JSONP/跨域技術、圖片預讀和lazy-load技術、jQuery框架中AjaxAPI、使用Ajax實現瀑布流案例

 

第四階段 面向對象進階

面向對象終極篇 
從內存角度到理解JS面向對象、基本類型、複雜類型、原型鏈、ES6中得1面向對象、屬性讀寫權限、設置器、訪問器
面向對象三大特徵 
繼承性、多態性、封裝性、接口
設計模式 
面向對象編程思惟、單例模式、工廠模式、策略模式、觀察者模式、模版模式、模版方法模式、代理模式、裝飾者模式、適配器模式、面向切面模式

 

第五階段 封裝一個屬於本身的框架

框架封裝基礎 
事件流、冒泡、捕獲、事件對象、事件框架、選擇框架
封裝框架中級 
運動原理、單體運動框架、多物體運動框架、運動框架面向對象封裝
封裝高級和補充 
jQuery框架高級雛形、可擴展性、模塊化、封裝屬於本身的框架

 

第六階段 模塊化組件開發

面向組件編程 
面向組件編程的方式、面向組件編程的實現原理、面向組件編程實戰、基於組件化思想開發網站應用程序 
-面向模塊編程 
ADM設計規範。CMD設計規範。RequireJS、LoadJS、淘寶的SeaJS

 

第七階段 主流的流行框架

Web開發工做流 
Git/SVN、Yeoman腳手架、NPM/Bowder依賴工具、Grunt/Gulp/Webpack
MVC/MVVW/MVW框架 
Angular.js、Backbone.js/Knockout/Ember
經常使用庫 
React.js、Vue.js、Zepto.js

 

第八階段 H5原生移動應用開發

Corsova 
WebApp/NativeApp/HybirdAPP簡介、與PhoneGap之間的關係、開發環境的搭建、Cordova實戰（建立項目、配置、編譯、調試、部署發佈）
Ionic 
Ionic簡介和同類對比、模板項目解析、常見組件及使用、結合Angular構建APP、常見效果（下拉刷新、上拉加載、側滑導航、選項卡）
React Native 
React Native簡介、React Native環境配置、建立項目、編譯、調試、部署、原生模塊和UI組件、原生經常使用API
H5+ 
H5+中國產業聯盟、H5 Plus Runtime環境、Hbuider開發工具、MUI框架、H5+開發和部署

 

第九階段 Node.js全棧開發

快速入門 
Node.js發展、生態圈、Io.js、Linnux/Windowns/OS環境配置、REPL環境和控制檯程序、異步編程、非阻塞I/O 、模塊概念、模塊管理工具、開發流程、調試、測試
核心模塊和對象： 
全局對象global，process，console，util、事件驅動，事件發射器、加密解密，路徑操做，序列化和反序列化、文件流操做、HTTP服務端與客戶端
Web開發基礎： 
HTTP協議，請求響應處理過程、關係型數據庫操做和數據訪問、非關係型數據庫操做和數據訪問、原生的Node.js開發Web應用程序、Web開發工做流、Node.js開發Blog案例。
快速開發框架： 
Express簡介+MVC簡介、Express經常使用API、Express路由模塊、Jade/Ejs模板引擎、使用Express重構Blog案例、Koa等其餘常見MVC框架。
Node.js開發電子商務實戰： 
需求與設計、帳戶模塊註冊登陸、會員中心模塊、前臺展現模塊、購物車，訂單結算、在線客服即時通信模塊。

 

---------------------做者：咕咕寫故事