Web前端開發要學習的知識內容會非常廣泛，雖然主要是html、css、JavaScript等基礎知識點，但是除了學習這些基礎知識之外，學生還需要對其進行延伸和深入。而且，隨著互聯網時代的不斷發展，掌握這些新技術、新技能必然會讓職場競爭力倍增。零基礎該如何快速學習web前端？

首先要學習的是基礎知識：html、css和JavaScript。HTML是內容，CSS是表達，JavaScript是行為。前端開發的門檻其實很低，相比服務器端語言的學習曲線，前端開發的學習曲線是先快后慢。

所以前端開發對于從事IT工作的人來說是一個很好的起點。正因為如此，前端開發領域有很多同行都是自學成才的。HTML是最基礎的，現在流行HTML5設計，可以更好的服務于移動終端，所以首先要學會網頁的布局。CSS用于美化HTML頁面，為頁面提供布局和格式。然后，學習JavaScript。

下面總結了一條web前端 的學習路線，供大家參考。

1.css和html

初學者應該重點學習css和html的基礎知識。關于CSS(3)，你需要了解以下知識點：Web標準、HTML相關概念、HTML標簽、路徑相關概念、錨點等、表格標簽、表單標簽、綜合案例、注冊頁面、CSS選擇、CSS字體示例、CSS外觀屬性、模式、CSS復合選擇器、標簽顯示模式、CSS背景、CSS三大特性等等。一般來說，學習CSS和HTML還是比較簡單的。

2、JavaScript

JavaScript一直是前端工程師進步的基石，對JavaScript的理解深度決定了前端開發人員的職業發展。JavaScript的學習內容包括執行js進程的瀏覽器、js變量、數據類型、運算符、流控制語句(if  else、三元表達式、switch)、循環(for、while、do  while)、數組、冒泡排序、函數、作用域、預解析、對象、內置對象、簡單類型和復雜類型等。只有熟悉了JavaScript的基本語法，才能繼續研究前端開發技術。

3.庫工具 

我們常用的庫工具包括JQuery、下劃線、zepto、Moment等。JQuery:降低了開發者操作DOM的復雜度；UnderScore:提供實用功能；Zepto: JQuery的簡化版；Moment:日期和時間操作庫。這些庫為我們提供了極大的便利，節省了我們編寫相關方法的時間，使我們的程序更加健壯。當然，對于這些庫，我們不僅需要學習API，還需要學習它的源代碼。看看我們自己寫相關的方法是不是也是這樣想的。這些圖書館工具也是很好的學習工具，我們不應該忽視。

4.Node和Ajax

學習內容包括節點環境安裝、節點模塊化、大口使用、服務器和http協議、Ajax函數封裝、同源策略、JSONP、CORS、Aajx方法在jQuery中的使用、Ajax補充內容。完成這部分學習路線基本可以掌握前后數據交互的工作，基于前后分離模式和傳統模式的開發。因此能夠滿足企業的基本用工標準，達到初級前端開發工程師的水平。

5、vue

vue的優點是：靈活選擇模板和渲染功能；簡單的語法和項目配置；渲染速度更快，體積更小。在這一部分，我們需要學習vue指令、修飾符、風格綁定、v-model的底層原理、計算屬性、過濾器、監聽器、vue組件、Promise、Fetch、axios、Vue路由、前端工程和模塊化等等。學完以上，大家都可以實現基于Vue技術棧項目的開發能力，基本達到中級前端開發工程師的水平。

其實關于前端的學習路線并不固定，但根據目前的市場趨勢，以上總結的知識點是前端開發工程師必須掌握的技能，希望大家都能朝著自己的目標一步一步的前進。