前端學習目標
基礎課程: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 圖形等領域拓展。也可以走技術管理路線,產品路線。記住一句話 技術只是敲門磚 想要有更多的收穫必然要靠自己去打拼,坐吃山空不管什麼行業都必然會被淘汰
我自己是一名從事了多年的前端老程式設計師,小編為大家準備了新出的前端程式設計學習資料,免費分享給大家!