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年---最新「前端學習體系與前端概述」(面經必讀)

瀏覽器市場份額

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

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

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

開發工具

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

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

協助工具

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

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

前端全面技術構成

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

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

網頁&前端

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

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

WEB前端發展史

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

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

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

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

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

  1. 所有的網頁都基於HTML頁面,因為沒有任何手段可以控制局部內容的顯示和隱藏,因此任何局部的變化哪怕只多出一個標點符號,都只能重新下載一個新的頁面。
  2. 計算任務只能在服務端實現。由於網速限制,與服務器通信的過程是非常緩慢的,並且此過程是同步阻塞的,於是會出現這樣的場景:用戶提交一個表單,然後整個頁面消失,瀏覽器呈現白屏,經過漫長的等待,瀏覽器渲染出一個和之前一模一樣的頁面,只不過輸入框旁邊多了一排紅色小字:用戶名錯誤。
  3. 所有頁面都是靜態的,這意味著一個電商網站有一千種商品,哪怕頁面佈局一模一樣,也必須寫一千個單獨的頁面。
  • 1995年網景推出了JavaScript,實現了客戶端的計算任務(如表單驗證), 看起來像是玩具的腳本語言。
2020年---最新「前端學習體系與前端概述」(面經必讀)

  • 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 早已穩穩的拿下了最受歡迎(使用最多)的語言排行榜 第一

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


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

未來

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

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

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

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

前端工程師的待遇和發展

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

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

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

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



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

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


分享到:


相關文章: