2020年---最新「前端學習體系與前端概述」（面經必讀）

前端學習目標

基礎課程：HTML + CSS javaScript DOM BOM AJAX HTML5 + CSS3

應用課程：jQuery easyUI 移動端開發 響應式開發 PHP基礎 H5UI bootstrap less/stylus 模板引擎 swiper iscroll select2

工程課程：ES5/6/7 git&GitHub nodeJS mongoDB mySQL webpack gulp babel VUE 微信小程序 REACT

學習前端所需要用到的工具

欲善其事必先利器，工具花樣不在多，重點在人的技術本身。

最簡化工具有  chrome瀏覽器、  editplus編輯器、 pxCook量圖器。后續隨著課程推進，會慢慢介紹各種輔助工具，在這里就羅列，以免干擾新手小白。

在這里小編建了一個前端學習交流扣扣群：132667127，我自己整理的最新的前端資料和高級開發教程，如果有想需要的，可以加群一起學習交流

瀏覽器

瀏覽器是網頁的載體，是咱們前端工程師的主戰場。瀏覽器常用的有 IE系列、火狐（FireFox）、谷歌（chrome）、Safari（蘋果）、Opera等

瀏覽器市場份額

在2020年，瀏覽器的霸主地位已經確立，Chrome憑借超簡約的界面以及強大的擴展性奪得寶座，當然少不了國內瀏覽器大量使用chromium內核帶來的二次推廣的貢獻

查看網站 : https://#baidu.com/research/site

開發工具

開發工具很多，用什么開發工具取決于你的個人喜好和業務所需平臺。好的開發工具能夠提升你的效率，但是無法提升你的技術實力。

協助工具

除了寫代碼的工具之外，我們還需要一些其他輔助類型的工具幫助我們更好的完成項目內容。比如 切圖工具 量圖工具 數據監測工具 代碼管理工具等等, 當前我們只需要掌握PS和pxCook的使用。

前端全面技術構成

大體分為：狀態管理、UI 組件、小程序、跨平臺、框架層、編程語言、工程化、監控、測試和服務端。

網頁&前端

網頁是構成網站的基礎單元，是承載各種網站應用的平臺。通俗地說，您每天通過瀏覽器甚至部分APP上網沖浪所看到的就是網頁，網頁主要由文字、圖像、超鏈接、文本、多媒體等元素構成。

前端開發是創建Web頁面或app等前端界面呈現給用戶的過程，通過HTML，CSS及javaScript以及衍生出來的各種技術、框架、解決方案，來實現互聯網產品的用戶界面交互。雖然現在前端技術棧百花齊放衍生出各種 工具 概念 技術 ;在工程化與現代化的路上高歌猛進,但本質上還是做網頁。就跟我們能源技術發展到了核能階段，依然只是為了“燒開水“。

WEB前端發展史

1991年8月6日 歷史上第一個網頁誕生了 互聯網之父  蒂姆·伯納斯·李 在alt.hypertext新聞組上貼了萬維網項目簡介的文章，這就是第一個運行在瀏覽器上的網頁。

1994年可以看做前端歷史的起點，這一年10月13日網景推出了第一版Navigator；這一年，Tim Berners-Lee創建了W3C；這一年，Tim的基友發布了CSS。還是這一年，為動態web網頁設計的服務端腳本PHP以及筆者本人誕生。

隨著網頁從學術機構走向公眾社會，網頁承載的功能便超出了學術范圍而變得愈加豐富，因此早期網頁的局限性也逐漸顯露出來。網頁的早期形態和Document一樣，完全基于HTML頁面，并且所有內容都是靜態的。

1. 所有的網頁都基于HTML頁面，因為沒有任何手段可以控制局部內容的顯示和隱藏，因此任何局部的變化哪怕只多出一個標點符號，都只能重新下載一個新的頁面。
2. 計算任務只能在服務端實現。由于網速限制，與服務器通信的過程是非常緩慢的，并且此過程是同步阻塞的，于是會出現這樣的場景：用戶提交一個表單，然后整個頁面消失，瀏覽器呈現白屏，經過漫長的等待，瀏覽器渲染出一個和之前一模一樣的頁面，只不過輸入框旁邊多了一排紅色小字：用戶名錯誤。
3. 所有頁面都是靜態的，這意味著一個電商網站有一千種商品，哪怕頁面布局一模一樣，也必須寫一千個單獨的頁面。

• 1995年網景推出了JavaScript，實現了客戶端的計算任務（如表單驗證）, 看起來像是玩具的腳本語言。

• 1997年，以JavaScript1.1為藍本的建議被提交給了歐洲計算機制造商協會（ECMA，European Computer Manufactures Association）該協會指定39號技術委員會負責將其進行標準化。
• 2006年，XMLHttpRequest被W3C正式納入標準。John Resig發布了jQuery。
• 2008年問世的谷歌V8引擎改變了這一局面。現代瀏覽器的崛起終結了微軟的壟斷時代!
• 2009年AngularJS誕生，隨后被谷歌收購。
• 2009年Ryan Dahl發布了NODE，新的時代在這一天悄然開啟。
• 2010年backbone.js誕生。
• 2011年React和Ember誕生。
• 2014年，第五代HTML標準發布。2014年Vue.js誕生, 前端進入了新時代。

當下

如今前端工程已經不再是角落里的小可憐，在最新2019年的GitHub的數據統計中顯示 前端的主力語言  javaScript 早已穩穩的拿下了最受歡迎（使用最多）的語言排行榜  第一

未來

隨著5G的到來以及Web APP基于瀏覽器擁有跨平臺的天然優勢，開發周期，開發成本，維護成本全面下降，傳統Native App面臨嚴峻挑戰。Geolocation API、Vibration API、Luminosity API、Orientation API、Camera API、Hybrid、nw.js、Electron、react native、weex如雨后春筍一般，只要你能看到的領域。我們終將插足！

模塊化、組件化、前后端分離、工程化、全棧開發、微服務。每天都有大量的開發者在為前端的發展做出貢獻。

前端工程師的待遇和發展

初中級薪資待遇大概為： 1線城市 15K左右 2線城市 10k左右 三線城市8K左右 18線小城市 6-8k 在各行業橫向對比也算是中等水平。

[前端工程師薪資一覽](

職業發展路線也廣闊，你可以選擇在一個業務領域深入耕耘，也可以選擇全面提升技術棧深度和廣度成為全棧工程師，先天條件比較好的可以深入架構研究 進行 算法 架構 AI 圖形等領域拓展。也可以走技術管理路線，產品路線。記住一句話  技術只是敲門磚 想要有更多的收獲必然要靠自己去打拼，坐吃山空不管什么行業都必然會被淘汰