web前端學習路線

　　引言　　

　　隨着互聯網的深刻發展，前端開發工程師已成爲市場上極具競爭力的人才。許多學生，包括之前的UI，java，或徹底零基礎，想學習的前端。下面的思惟導圖是在互聯網上普遍傳播的前端學習地圖。許多初學者說，當他們看到這些密集的知識點時會感到頭暈目眩。事實上，前端是一個寬泛的主題。但你須要學習前端你沒必要驚慌，雖然內容比較多，但不是沒有規律可循，只要一步一步地不怕學習很差的前端！

　　那麼前端開發到底須要學習些什麼呢？我應該怎樣學習？

　　一是  引進前端開發

　　　　在介紹階段，您必須首先學習最基本的技能：基於UI設計草案的HTML靜態頁面生成。這要求您掌握HTML的技巧、CSS頁面的佈局、樣式的風格等。

　　　　在這個階段，你須要學習：

　　　　1，HTML + CSS基礎

　　　　　　掌握HTML的標籤使用、排版、CSS佈局、樣式美化和瀏覽器兼容性。

　　　　2，JavaScript的基礎

　　　　　　掌握js的基本語法、條件、語句和循環，並學習加強邏輯的經常使用算法。

　　　　3，常見的前端工具

　　　　　　如Webstrom、Sublime text三、Dreamweaver等。掌握快速鍵設置等技術，能夠快速提升開發和調試的效率。

　　　　這個階段的學習相對比較困難，學習完這些以後，咱們就能夠完成靜態頁面的製做了。固然，這只是一個介紹，若是你想使用這些技能，很難找到工做。

　　二是 前端開發

　　　　在下一階段，咱們的目標是知足前端發展行業的基本要求，讓咱們有勇氣出去找一份月薪超過8000元的工做。

　　　　現階段應注意這兩方面的能力：

　　　　1，使用jQuery、引導等框架開發複雜的交互功能和效果。

　　　　2，使用HTML5，CSS3，畫布上開發移動終端。

　　　　考慮到第一方面的能力，你須要學習：

　　　　1，javascript的基本特效

　　　　　　它實現了木馬、拖放、放大鏡等常見的網絡特效。

　　　　2，jQuery的基礎

　　　　　　掌握通常的API使用jQuery，並可以熟悉jQuery的插件開發機制。

　　　　三、引導響應

　　　　　　掌握機器響應的機理，在引導過程當中使用網格佈局和響應佈局，開發複雜的頁面佈局。

　　　　四、ajax基礎

　　　　　　充分理解Ajax原理，掌握Ajax原生和jQuery的ajax用法。

　　　　五、UI流行框架

　　　　　　掌握JQueryUI的使用，網頁的做用是實現快速有效的。

　　　　學習這些技能，能夠獨立建立業務和業務網站，實現普通JS的動態效果，在jQuery的指導下實現酷效和複雜的功能。

　　　　對於移動端開發的第二個方面，您須要學習：

　　　　1，JavaScript的新功能，還有HTML5和CSS3

　　　　　　在移動端，掌握HTML5和CSS3的使用技巧。

　　　　2，油畫的基礎

　　　　　　掌握畫布的基本繪圖API，在應用程序報表和廣告中顯示畫布，實現顯示效果。

　　　　3， 移動Web框架

　　　　　　它能夠由JS在移動終端上基於jQuery移動/ Zepto框架。

　　　　有了這兩項主要技能，你就能夠知足市場前端工程師的基本要求。根據市場反饋數據，工資通常在八千至一萬三千澳元/月之間。

　　三是 前端開發步驟

　　　　我知道你是一個理想的人，不會對主要的前端開發感到滿意。下一步，走先進的發展道路，提升本身的能力。工資也會漲一級！

　　　　可是，若是您是一個新的前端，您可能沒有使用或聽到在下一篇文章中的一些知識。別擔憂，你能夠先收集文章，而後慢慢理解。

　　　　那麼，在這個階段，咱們應該集中精力掌握如下兩個方面的能力：

　　　　1，咱們要考慮代碼的優雅性，並注意代碼的性能和可重用性。

　　　　2，深入理解前端框架實現的原則和開發和從新配置前端的通常終端組件的能力。

　　　　在這個階段，您須要學習如下內容：

　　　　1，關於面向對象開發的思考

　　　　2，面向對象的JavaScript

　　　　3，javascript閉包、範圍鏈、原型鏈等高級功能

　　　　4，經常使用的設計模式

　　　　5，使用本機JavaScript原理實現框架封裝

　　　　6，jQuery框架封裝原理

　　　　7，實現原理，jQuery插件

　　　　　　掌握jQuery插件的實現原理，深刻理解插件實現機制的兩個擴展。

　　　　8，基於組件和模塊化的發展：SeaJS、RequireJS

　　　　若是你掌握了這些技能，你就有能力解決複雜的問題和技術問題，並可以獨立設計和開發複雜的功能模塊。若是你達到了這個水平，祝賀你，你已經知足了前端工業的中間需求。根據市場反饋的數據，平均工資是每個月13000-20000元。

　　四是 先進的前端開發

　　　　在下一階段，咱們的目標是進入整個堆棧開發工程師！整個堆棧開發工程師不只是前端，並且是後端，能夠快速解決問題和快速解決問題。根據統計數據的收集，在20k-50k工資開發工程師北京組高達60%，而這樣的人才是很短缺的！

　　　　爲了改進一堆開發工程師，咱們必須在現階段作到這一點：

　　　　1，咱們能夠從前端的全局角度理解流行框架的原理和實現模式；

　　　　2，深入理解移動應用的發展模式和技術選擇；

　　　　3，熟悉全棧Node.js解；

　　　　4，瞭解主流背景技術和協做方法，從全局的角度來理解項目的整個生命週期。

　　　　所以，您須要學習如下內容：

　　　　1，網站開發所需的各類工做流框架。　　　　

　　　　2，MVC/MVVM框架：AngularJS等

　　　　　　掌握前端MVC/MVVM框架的實現機制，瞭解AngularJS的MVC開發模式的實踐，並瞭解雙向數據綁定的相關概念。

　　　　3，HTML5響應框架

　　　　4，UI流行框架：JQueryUI、EasyUI、ExtJS等

　　　　　　掌握通用的UI框架打包原理，經過對源代碼的分析，深刻理解基於組件開發的概念。

　　　　5，離子，角度

　　　　　　咱們應該掌握移動終端的混合開發模式，結合離子和角的理解整個過程和HTML5和CSS3的JS實現機制。

　　　　六、對天然的反應

　　　　　　掌握移動終端的開發模式。

　　　　7，HTML5 Plus

　　　　8，全部堆棧Node.js的發展

　　　　　　掌握Node.js全棧的解決方案和在服務器端JS高效開發。

　　　　若是你能掌握上述四個階段的知識技能，就能知足前端和移動發展行業的先進需求。

 

轉自：C語言三人行+