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量圖器。後續隨着課程推動，會慢慢介紹各類輔助工具，在這裏就羅列，以避免干擾新手小白。

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

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

查看網站 : https://tongji.baidu.com/research/site 瀏覽器份額 開發工具 開發工具不少，用什麼開發工具取決於你的我的喜愛和業務所需平臺。好的開發工具可以提高你的效率，可是沒法提高你的技術實力。

Vscode Sublime Webstorm Editplus Atom Dreamweaver wechatDev 協助工具 除了寫代碼的工具以外，咱們還須要一些其餘輔助類型的工具幫助咱們更好的完成項目內容。好比 切圖工具 量圖工具 數據監測工具 代碼管理工具等等, 當前咱們只須要掌握PS和pxCook的使用。

photoShop pxCook fiddler postMan git 前端全面技術構成 大致分爲：狀態管理、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頁面，而且全部內容都是靜態的。

全部的網頁都基於HTML頁面，由於沒有任何手段能夠控制局部內容的顯示和隱藏，所以任何局部的變化哪怕只多出一個標點符號，都只能從新下載一個新的頁面。

計算任務只能在服務端實現。因爲網速限制，與服務器通訊的過程是很是緩慢的，而且此過程是同步阻塞的，因而會出現這樣的場景：用戶提交一個表單，而後整個頁面消失，瀏覽器呈現白屏，通過漫長的等待，瀏覽器渲染出一個和以前如出一轍的頁面，只不過輸入框旁邊多了一排紅色小字：用戶名錯誤。

全部頁面都是靜態的，這意味着一個電商網站有一千種商品，哪怕頁面佈局如出一轍，也必須寫一千個單獨的頁面。

· 1995年網景推出了JavaScript，實現了客戶端的計算任務（如表單驗證）, 看起來像是玩具的腳本語言。 JavaScript之父 Brendan Eich · 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 早已穩穩的拿下了最受歡迎（使用最多）的語言排行榜 第一

GitHub 2019年終統計數據 JavaScript位列榜首

Stack Overflow 統計數據 使用率最高的語言 將來 隨着5G的到來以及Web APP基於瀏覽器擁有跨平臺的自然優點，開發週期，開發成本，維護成本全面降低，傳統Native App面臨嚴峻挑戰。Geolocation API、Vibration API、Luminosity API、Orientation API、Camera API、Hybrid、nw.js、Electron、react native、weex如雨後春筍通常，只要你能看到的領域。咱們終將插足！

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

WEB工程演化 前端框架百家爭鳴 前端工程師的待遇和發展 初中級薪資待遇大概爲： 1線城市 15K左右 2線城市 10k左右 三線城市8K左右 18線小城市 6-8k 在各行業橫向對比也算是中等水平。

前端工程師薪資一覽 職業發展路線也廣闊，你能夠選擇在一個業務領域深刻耕耘，也能夠選擇全面提高技術棧深度和廣度成爲全棧工程師，先天條件比較好的能夠深刻架構研究 進行 算法 架構 AI 圖形等領域拓展。也能夠走技術管理路線，產品路線。記住一句話 技術只是敲門磚 想要有更多的收穫必然要靠本身去打拼，坐吃山空無論什麼行業都必然會被淘汰