Web前端工程師學習基礎

1. HTML5 + CSS3 + JavaScript

Web開發基礎中的基礎，HTML是負責網頁結構，CSS負責網頁樣式，JS則負責邏輯交互。前二者更像是標記語言，沒有什麼邏輯，JS纔是前端的重中之重。HTML5新增的技術大部分須要結合JS學習。

每一個人學習進度可能不一樣，這個階段主要是多仿站，熟悉基礎，試試用CSS寫響應式頁面，瞭解JS深刻性的知識，好比原型鏈、閉包、設計模式等須要更多的積累，逐漸理解並實踐掌握。

2. JQuery + BootStrap + Ajax + Json

jQuery是JS的一個應用庫，可以提高原生JS開發效率。Bootstrap則是響應式框架，更簡單的實現手機/平板/PC多個設備的頁面支持。Ajax技術用於異步交互，不刷新頁面就能更新數據，好比地圖應用等。Json是一種數據格式，被普遍應用在各大編程語言中。

jQuery和bootstrap會簡化不少編寫的代碼量，用着不亦樂乎，但對於基礎還不是很紮實的人建議仍是少用。Ajax和json一般用於和後端交互，在實際業務中也常常用到。

3. Git/SVN

版本管理工具，主要用於團隊開發時避免文件衝突，也可回檔。前端推薦學習Git。

4. Nodejs + Mysql/MongoDB(可選)

運行在服務器端的JavaScript。Express是其拓展MVC框架。其中nodejs最經常使用到的就是npm包管理器，不用到各個網站去下載資源包。[數據庫]的學習能夠選擇MongoDB或者MySQL，前者與Nodejs的契合度更好，不過如今大多數網站都是PHP+Mysql的組合，若是有學PHP的打算的話，能夠先學習Mysql。

5. ECMAScript 6

JavaScript的語言標準。ES6中加入了不少新的概念，也彌補了以前版本中JS的不少缺陷，愈來愈多的項目開始運用ES6進行開發。學以前最好把ES5先搞懂了，目前實際項目中考慮到兼容性，ES6是須要經過Babel將其編譯爲ES5來部署的。

6. Angular/React/Vue

前端三大框架，各自也有着各自的生態系統，根據需求自行選擇學習。目前企業需求量最大的仍然是Angular，但近期趨勢來看react和vue則更受歡迎。由於如今前端技術發展太過於日新月異，工具和框架的更新比翻書還快，建議學習仍是看文檔比較好。學習過程當中也會遇到不少用到各類構建工具的時候。

7. 其餘經常使用工具

這個同樣是根據需求自行選擇學習。比較經常使用的如今有Webpack，能夠將多個不一樣編程風格的文件打包，好比ES6/AMD/CMD之類的模塊化都能識別並編譯成瀏覽器能運行的文件。Sass/Less，CSS預編譯框架，能夠用帶有邏輯性的方式編寫CSS代碼。Gulp/Grunt構建工具，能夠自動化對代碼進行壓縮合並等工做。

8. 其餘後端編程語言

目前市場對前端基本都要求會一門後端語言，PHP/JAVA/Nodejs/Python等。

學習編程重要的仍是實踐，多敲代碼，多去嘗試。獨立解決問題的能力、探究鑽研的精神是必不可少的。有興趣的話也能夠本身搭建一個技術博客，往github上傳幾個開源項目，這些都是不錯的加分點。

引自：http://www.iwebxy.com/post/1007