208
如何從前端小白變身為前端大神
作為剛剛接觸前端的童鞋，對學習的方向可能會感到迷茫，通過閱讀者篇文章相信會對你的學習方向有所幫助！
A. 初級階段
本階段主要是基本的網頁技術，學會這些技術你就會製作一些常見的網頁和簡單的特效。
Photoshop：幾乎無人不知的作圖軟件，對於做前端的朋友來說可以作圖，還可以用來切圖；
https://www.ps-xxw.cn/shiyongjiqiao/2538.html
互聯網原理和HTML：作為前端工程師就要了解互聯網的基本原理，像是協議、網站運行原理等等；HTML不用多說必須熟練掌握的超文本標記語言；
https://www.w3school.com.cn/html/index.asp
CSS基礎和高級技巧：CSS作為層疊樣式表是一種用來表現HTML或XML等文件樣式的計算機語言。CSS不僅可以靜態地修飾網頁，還可以配合各種腳本語言動態地對網頁各元素進行格式化，作為前端工程師必須掌握。
https://www.w3school.com.cn/css/index.asp
JavaScript：一種直譯式腳本語言，是一種動態類型、弱類型、基於原型的語言，內置支持類型。它的解釋器被稱為JavaScript引擎，為瀏覽器的一部分，廣泛用於客戶端的腳本語言，作為前端工程師必須掌握，否則你就隻能算是個美工；
https://www.w3school.com.cn/js/index.asp
DOM：文檔對象模型，是W3C組織推薦的處理可擴展標誌語言的標準編程接口。在網頁上，組織頁麵（或文檔）的對象被組織在一個樹形結構中，用來表示文檔中對象的標準模型就稱為DOM。
https://www.w3school.com.cn/htmldom/index.asp
jQuery：一個快速、簡潔的JavaScript框架，寫更少的代碼，做更多的事情。它封裝JavaScript常用的功能代碼，提供一種簡便的JavaScript設計模式，優化HTML文檔操作、事件處理、動畫設計和Ajax交互。是前端最常用的框架之一；
https://www.w3school.com.cn/jquery/index.asp
B. 中級階段
本階段主要是一Java Script為主進行深入的學習了解，與此同時了解一門後端語言，這對今後於後端對接時有一定幫助；
JavaScript 進階：對原生 JavaScript 的閉包、函數式編程、原型等知識點進行學習和深入理解。掌握好 JavaScript，首先一點是必須摒棄一些其他高級語言如 Java、C# 等類式麵向對象思維的幹擾，全麵地從函數式語言的角度理解 JavaScript 原型式麵向對象的特點。把握好這一點之後，才有可能進一步使用好這門語言。
https://www.w3school.com.cn/js/index_pro.asp
Ajax ：他是將之前學到的HTML、CSS、XML、js等web知識結合起來使用的一門技術,通過XMLHttpRequest對象實現異步的操作，可以在不重新加載整個頁麵的情況下，與服務器交換數據並更新部分網頁。這使得Web應用程序更為迅捷地回應用戶動作，並避免了在網絡上發送那些沒有改變的信息。
https://www.w3school.com.cn/ajax/index.asp
服務器知識和PHP：了解學習些服務器的知識同時學習一門後端語言，這對今後進一步學習至關重要；
https://www.w3school.com.cn/php/index.asp
HTML5：主要是在HTML的基礎上進行了增減了，針對增減內容學習即可，像是canvas標簽 vidoe標簽等等；
https://www.w3school.com.cn/html5/index.asp
CSS3：CSS3語言開發是朝著模塊化發展的。以前的規範作為一個模塊實在是太龐大而且比較複雜，所以，把它分解為一些小的模塊，更多新的模塊也被加入進來。這些模塊包括： 盒子模型、列表模塊、超鏈接方式 、語言模塊 、背景和邊框 、文字特效 、多欄布局等。
https://www.w3school.com.cn/css3/index.asp
Bootstrap：是目前很受歡迎的前端框架。Bootstrap 是基於 HTML、CSS、JAVASCRIPT 的，它簡潔靈活，使得 Web 開發更加快捷。響應式布局佳品；
C. 高級階段
這個階段主要對各個組六框架學習，通過這些框架可以自己發服務器端，手機端等等！
Node.js：基於Chrome JavaScript運行時建立的平台， 用於方便地搭建響應速度快、易於擴展的網絡應用。Node.js 使用事件驅動， 非阻塞I/O 模型而得以輕量和高效，非常適合在分布式設備上運行數據密集型的實時應用。
Angular.js：AngularJS有著諸多特性，最為核心的是：MVC、模塊化、自動化雙向數據綁定、語義化標簽、依賴注入等等。
https://www.runoob.com/angularjs/angularjs-tutorial.html
Backone.js：複雜Javascript應用程序提供模型(models)、集合(collections)、視圖(views)的結構。其中模型用於綁定鍵值數據和自定義事件；集合附有可枚舉函數的豐富API； 視圖可以聲明事件處理函數，並通過RESTful JSON接口連接到應用程序
https://www.css88.com/doc/backbone/
vue.js：一套構建用戶界麵的漸進式框架。與其他重量級框架不同的是，Vue 采用自底向上增量開發的設計。Vue 的核心庫隻關注視圖層，並且非常容易學習，非常容易與其它庫或已有項目整合。另一方麵，Vue 完全有能力驅動采用單文件組件和Vue生態係統支持的庫開發的複雜單頁應用。
react native：開源的跨平台移動應用開發框架，是Facebook早先開源的UI框架 React 在原生移動應用平台的衍生產物，目前支持iOS和安卓兩大平台。RN使用Javascript語言，類似於HTML的JSX，以及CSS來開發移動應用，因此熟悉Web前端開發的技術人員隻需很少的學習就可以進入移動應用開發領域。
React.js：用於構建用戶界麵的 JAVASCRIPT 庫。React主要用於構建UI，很多人認為 React 是 MVC 中的 V（視圖）。React 擁有較高的性能，代碼邏輯非常簡單，越來越多的人已開始關注和使用它。
最後更新：2017-08-13 22:49:05