2020年全新前端學習路線圖分享給大家！

學習是一個循序漸進的過程，是一件非常難得堅持的事情。如果真的想學習前端開發，一定要下決心！

我這裡分享給你的前端學習路線圖，希望對你有幫助，以下為2020年更新版本。

在2020年更新前端開發學習路線圖，把2019年新技術，新課程囊括其中，也寫了技術樹，每個極端需要學習的技術，跟著學完你就是中高階程式設計師！

前端學習框架

一、web前端基礎

HTML+CSS基礎是前端中級程式設計師的起點，是幫助你從小白到懂得程式設計的必經之路。

在前端基礎板塊中有三塊構成了web世界，這也是大家總所周知的事情。分別是：HTML、CSS、JavaScript。而每一部分都是要很多的知識積累才能運用的刃有餘。

1、HTML具有更好的語義特性、本地儲存特性、裝置相容特性、網頁多媒體特性、css3特性等。他是web的新一代開發標準。只不過h5大大提升了對移動端的支援能力。現在有些桌面瀏覽器對html5的支援還不健全，有些新特性不見得能生效（現代瀏覽器支援度較高），而移動裝置上（android、ios）的瀏覽器（或webview）大都是webkit核心，對html5的支援度較高，所以一般在移動裝置上使用不會出太大的相容性問題。

2、javascript剛開始是有Netscape公司開發出來的，命名是為了跟上java這股熱風（但和java毫無關係）。隨後微軟進入了瀏覽器市場，由此催生了javascript的標準化，而這個標準名稱就叫ECMAScript，從此javacript正式成為一門語言。實際上，javascript是ECMAScript的超集，可以認為是和typescript一樣的存在。他們都實現了ECMAScript的標準。我們現在所說的標準規範都指ECMAScript規範，當前流行的最著名的就是ES5、ES6等標準。

配套資料：

https://sourl.cn/XZAaEn

二、JavaScript

JavaScript 是 Web 的程式語言。

所有現代的 HTML 頁面都使用 JavaScript。

JavaScript 非常容易學。

主要學習的內容：JavaScript基礎、JavaScript函式、JavaScript陣列與物件、DOM、事件例項、json解析、面向物件、原型與原型鏈和bootstrap。

配套資料

：ahttps：//sourl。cn/XZAaEn

三、jQuery

jQuery 是一個 JavaScript 庫。

jQuery 極大地簡化了 JavaScript 程式設計。

主要學習的內用有：jQuery基礎、jQuery常見方法、jQuery節點操作和jQuery實戰聯絡

配套資料

：ahttps：//sourl。cn/XZAaEn

四、Ajax

AJAX = Asynchronous JavaScript and XML（非同步的 JavaScript 和 XML）。

AJAX 不是新的程式語言，而是一種使用現有標準的新方法。

AJAX 最大的優點是在不重新載入整個頁面的情況下，可以與伺服器交換資料並更新部分網頁內容。

AJAX 不需要任何瀏覽器外掛，但需要使用者允許JavaScript在瀏覽器上執行。

AJAX 應用

運用XHTML+CSS來表達資訊；

運用JavaScript操作DOM（Document Object Model）來執行動態效果；

運用XML和XSLT操作資料；

運用XMLHttpRequest或新的Fetch API與網頁伺服器進行非同步資料交換；

注意：AJAX與Flash、Silverlight和Java Applet等RIA技術是有區分的。

配套資料

：ahttps：//sourl。cn/XZAaEn

五、H5新特性

HTML就是你跟瀏覽器下達命令的語言。

比如要把一篇文章顯示在瀏覽器上，文章既有圖片又有文字，你要告訴它哪些是文字，哪些是圖片，並且分別都放在哪個地方，需要用什麼樣式（顏色、大小、對齊……），我們把瀏覽器顯示的頁面叫做網頁。

主要內容：常用框架、移動端與REM、canvas元素和H5新特性

配套資料

：ahttps：//sourl。cn/XZAaEn

六、angularJS

AngularJS 是一個

JavaScript 框架

。它可透過