前端工程師學習路線
第一階段
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 1、Ajax簡介和異步的概念、Ajax框架的封裝、XMLHttpRequest對象詳細介紹方法、兼容性處理方法、Ajax框架的封裝、Ajax中緩存問題、XML介紹和使用 2、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開發電子商務實戰： 需求與設計、賬戶模塊注冊登錄、會員中心模塊、前台展示模塊、購物車，訂單結算、在線客服即時通訊模塊。
---------------------
作者：嚼不爛的牛肉干
來源：CSDN
原文：https://blog.csdn.net/alonebasis/article/details/80193761
版權聲明：本文為博主原創文章，轉載請附上博文鏈接！