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

開發工具

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

協助工具

除了寫代碼的工具之外,我們還需要一些其他輔助類型的工具幫助我們更好的完成項目內容。比如 切圖工具 量圖工具 數據監測工具 代碼管理工具等等, 當前我們只需要掌握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頁面,並且所有內容都是靜態的。

所有的網頁都基於HTML頁面,因為沒有任何手段可以控制局部內容的顯示和隱藏,因此任何局部的變化哪怕只多出一個標點符號,都只能重新下載一個新的頁面。計算任務只能在服務端實現。由於網速限制,與服務器通信的過程是非常緩慢的,並且此過程是同步阻塞的,於是會出現這樣的場景:用戶提交一個表單,然後整個頁面消失,瀏覽器呈現白屏,經過漫長的等待,瀏覽器渲染出一個和之前一模一樣的頁面,只不過輸入框旁邊多了一排紅色小字:用戶名錯誤。所有頁面都是靜態的,這意味著一個電商網站有一千種商品,哪怕頁面佈局一模一樣,也必須寫一千個單獨的頁面。 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 圖形等領域拓展。也可以走技術管理路線,產品路線。記住一句話 技術只是敲門磚 想要有更多的收穫必然要靠自己去打拼,坐吃山空不管什麼行業都必然會被淘汰


我自己是一名從事了多年的前端老程序員,小編為大家準備了新出的前端編程學習資料,免費分享給大家!

如果你也想學習前端,可以觀看【置頂】文章。也可以私信【1】拿