前端工程師學習路線

前端工程師學習路線

第一階段

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 

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 

ionic 
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開發電子商務實戰：

前端工程師學習筆記

優達學城 第1天筆記 1.完整的html樹結構 2.解釋說明 文件的標題 瀏覽器標籤中顯示的文字 about me，將定義文件的標題，並在使用者訪問頁面時顯示在瀏覽器的標籤中 相關的 css 檔案 針對樣式 網頁使用的字符集 文字的編碼 關鍵字 作者和描述 通常對搜尋引擎優化 seo 起作用 是十分...

嵌入式工程師 學習路線

近來嵌入式挺火，於是大家都往這裡擠。我想提醒大家的是，嵌入式馬上也會成為如今的軟體業。在你進來之前請先考慮清楚。但只要我們真的學精了一樣東西，不管它將來變成什麼樣，哪怕最後只剩下乙個人，那個人也一定就是你自己。很多人以為搞嵌入式就是隨便找本書看看，在電腦上編幾個程式就完事。非也，其實嵌入式的門檻是比...

Linux運維工程師學習成長路線

正文 前幾天看到一篇新聞，linux之父建議大家找乙份基於linux和開源環境的工作。今天就來聊一聊我的想法，本人8年linux運維一線經驗，呆過很多網際網路公司，從一線運維做到運維架構師一職，也見證了中國運維行業從無人問津到可圈可點的整個演變過程。linux系統目前主要應用在企業伺服器上，學習li...