天津web前端培訓知識體系總匯全部都在這裡，乾貨集錦

什麼?你們以為web前端就只有htm、css和js?那你可大錯特錯了，來讓誠築說的老師告訴你除了這些你還需要掌握啥?

1. 分類

Web前端的知識點非常多，也很散亂。那麼怎麼組織，把哪些放在一起呢?這就是接下來小築要告訴大家的，當然了，你們也可以自行先思考一下。首先，知識框架第一層：理論知識、類庫框架、編碼開發、運行環境

需要一定的理論知識，不管你們是聽別人講還是自己在網上學習，都必須了解理論知識，每一種程序的開發都離開不了理論。

有了理論知識是可以開始編碼了，但是第三方框架誘惑太大，例如：jquery

理論知識和第三方框架都了解了，就能真的編碼了，但是，編碼開發不僅僅是寫代碼，這裡面還有更多門道！

開發程序的目的，視為了高效、穩定的運行在某種環境下，這裡頭還有哪些事情需要你們去做的？

2. 理論知識

軟知識：「軟」的就是能在各個程序開發中都能用到的知識，算是基礎，比如數據結構、演算法、設計模式、面向對象等。

硬知識：「硬」的就是能直接用於本程序開發的。Web前端開發需要的硬知識包含在三個標準裡面：http標準、W3C標準和EMAScript標準。

3. http標準

為什麼做web前端要了解http標準？因為瀏覽器要從服務端獲取網頁，網頁也可能將信息再提交給伺服器，這其中都有http的連接。web系統既然和http鏈接有瓜葛，你們就必須去了解它。　這裡給出的恩建議是，你們不必去非常了解http的詳細內容，但是你要了解web前端開發常用的一些http的知識。

4. W3C標準

如果說你們只知道web前端的一個標準，估計肯定是W3C標準了。它的內容非常多，這裡想起了一句話：2/8原則——20%的功能滿足80%的需求。這句話用到這裡非常合適，你們在平時開發過程中根本用不到這麼多東西。反而，你們要把平時用的多的東西搞懂了。

5. EMAScript

這裡簡稱ES，你們可能只知道javascript，而不知道ES，其實，js是在ES的基礎上，為web瀏覽器做了一部分封裝（增加了DOM操作、BOM操作等）。你們可能平時都在javascript中看到，其實他們是ES的內容。只不過javascript繼承了ES的這些特性，並且javascript用的比較廣泛，因此才會在js中討論的多一些。還是那個「2/8原則」。其實ES中的內容也非常多，而且更新很快，現在都到ES6了。

6. 框架和類庫

了解完web前端理論知識，怎麼去實踐呢?jquery一定是大部分web前端開發者不可或缺的工具。而利用jquery不僅僅停留在只使用它的API和插件上，還會自己去寫jquery插件，還會去讀jquery的源碼、了解jquery的設計思路。如果你們也能那樣做，請相信，你們會收穫到意想不到的效果。

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！