很多人奔著前端好學的名頭來的，向往程序員的高薪，不論是學好什么知識，都不容易，這次小誠為小白們總結了網絡上常常能看到的一些高大上的，但是可能你還沒弄清的概念，談談如何構建前端知識體系，希望能幫到大家

一、基礎知識

我們都知道打牢基礎才有更大的發展，那么編程的基礎是什么？大學和培訓的差別在哪里？

一般來說，基礎知識包括算法、數據結構、操作系統、網絡、編碼等等，這很容易被忽略，大家都關注具體的技術實現，不愿意繼續深究。

二、技術標準

為什么有這么多種編程語言？不同的語言有什么區別？為什么這個函數定義變量？

這里誠筑說要聊聊標準，像英語中的語法，編程語言也要按照一定的規則來組織語言，才能讓計算機讀懂人的想法，計算機其實很笨，所以人要學編程語言應對計算機。

WEB標準不只是一個標準，而是一系列標準：

1. 結構方面：XML、XHTML

2. 表現方面：CSS

3. 行為方面：DOM、ECMAscript

我們常說的JS便遵循著ECMA-262第六版(ES6或者叫ES 2015語言規范)

標準很重要，開發人員按照這個寫代碼，瀏覽器按照這個展現效果。

三、開發環境

看到這四個字，你可能一頭霧水，這是啥呀？開發環境主要涉及的是程序員日常使用的工具，不同的工具構建起了前端編程開發的條件。一般常用的有這些方面：

1. 集成開發環境（IDE）

一般含有代碼編輯器、編譯、調試、用戶界面等工具，好的IDE能夠讓編程開發更加方便快捷，能夠提高程序員寫代碼的效率。常見的有vim、sublime、vs等。

2. 前端腳手架

一套工具，一套項目模板，幫助我們處理問題、構建項目，不同的技術框架，如vue，angular等都會有自己的腳手架，通常加-cli。

3. 代碼管理

大型項目需要多人合作完成，這時候團隊合作、代碼管理便顯得很重要了，常見的形式有git和svn兩種，主要還是看工作需要。

四、框架和庫

其實學好前面幾點已經可以自己建站了，這里想給大家介紹的框架和庫也是一種加速工具，能夠給大家帶來方便快捷的體驗。常用的jQuery、Angular、React、Vue等等。

說了這么多有沒有對前端學習清楚一點呢？前期不要多想，學好html、css、js，有時間的話還可以研究一下基礎知識，后面針對練習，多積累項目經驗，祝大家學習愉快！