初學者：淺談web前端就業的學習路線

初級前端

主要學習三個部分：HTML，CSS，JavaScript

 

1、html + css部分：

這部分特別簡單，到網上搜資料，書籍視頻很是多。css中盒子模型，流動，block，inline，層疊，樣式優先級等這些自學起來也是很是容易。最後再深刻了解下瀏覽器差別性，ie9如下兼容簡單瞭解就好了，ie9如下瀏覽器被淘汰掉是趨勢，低版本不必浪費大量時間去學習兼容主流瀏覽器，google chrome瀏覽器、firefox瀏覽器、safari瀏覽器、opera瀏覽器便可。瀏覽器差別內容不少，建議在實踐中多多積累。

 

2、JavaScript部分：

1.基礎學習：

難點，也是重點，要學的內容實在不少，若是沒有其餘編程語言的基礎的話，學起來可能要費些力，有不少比較抽象的概念，必需要深刻理解，好比閉包、原型、面向對象、封裝等，要理解透徹。看書是必不可少的，找一本優秀的js書從頭至尾，反覆研究學習，第一遍能夠快速翻閱，大致知道了解概念便可，第二三遍就須要深刻學習了。另外，js面向對象編程必需要學習，很是重要，我的推薦一本書， Stoyan Stefanov著，凌傑譯的《javascript面向對象指南》。邊學邊練，實踐出真知。

2.jQuery學習：

這些基礎知識掌握好以後，還須要學jQuery，這是一個很是優秀的Javascript庫，大型開發必備。它簡化了Javascript的複雜操做，消除了Javascript跨平臺兼容問題，提供了大量實用方法，有良好的文檔和幫助手冊，是一個很是成熟的Javascript庫。學習方法也很簡單，照着產品文檔作幾個頁面就好了，不用面面俱到，之後遇到問題查文檔就好了。

大概流程就是這樣，以下圖所示：

 

進階學習：

有了以上知識，對於大多數小型網站，你應該已經能夠寫出可以工做的代碼了。但要想成爲更專業的前端，你還需繼續努力。更高的要求大概還有四方面：易維護，可測試，高性能，低流量（移動端）。

 

中高級前端

1.工具學習：大型項目中，前端代碼構建已經不是簡單的壓縮一下了，依賴管理、模塊合併、各類編譯步步不可缺乏，須要學會使用grunt、gulp等前端構建工具，要學習的還有：包管理器bower、npm，代碼優化CSS Lint、JSHint、JSLint，CSS預處理器less、sass,代碼管理及版本控制svn、Git，web框架/服務器Node、Express，代碼規範、HTML模塊化、css模塊化。

2.佈局框架學習如Bootstrap。

3.新技術html5學習。

4.js框架學習，requireJS、 AngularJS等，往前端架構師靠近。

5.nodejs學習。

下圖很是好的表達了高級前端工程師須要學習的內容：

 

 

到招聘網站，參考任聘要求，準沒錯，舉例以下

 

1.精通html和css，能製做符合W3C標準的靜態頁面；

2.精通JavaScript編程，對面向對象編程思想有深入理解；

3.精通主流Javascript庫/框架jQuery；

4.理解並掌握JavaScript語言核心技術DOM、BOM有Javascript性能優化經驗；

5.對瀏覽器兼容性有深刻的研究，精通各類瀏覽器問題 ；

6.瞭解Backbone.js、AngularJs等MVC框架並有實際項目開發經驗；

7.瞭解asp.net等服務器後臺技術和擁有必定的C#編程能力者優先；

8.對交互體驗、可用性、用戶體驗有必定程度的理解；

9.有良好的責任心和團隊合做能力、能承受較大的壓力。