1. 程式人生 > >2018年web前端學習路線圖,WEB前端開發新手學習路線

2018年web前端學習路線圖,WEB前端開發新手學習路線

服務器 nag 公眾 流行 理解 wid 固定 布局 調試

前端的的技術一直在變化,更新和變革,現在基本是三駕馬車(vue,angualr,react)主導整個前端框架,但是無論對於新人或者有經驗的程序員,這些知識在必須掌握,下面給大家一份詳細的表單:

html的語法、格局,常用的標簽極端作用,了解標簽的嵌套。
學習運用firefox+firebug或許chrom的調試工具,可以運用這些工具調試html、css、js、斷點調試、抓包 怎麽引入css、js。
了解id、class屬性的區別,學會css的常用選擇器,了解盒子模型(padding,margin,border,width,height,),css坐標系,css布局(position的absolute、relative 、fixed、static),css浮動(float:left、right )和清除浮動clear),display:inline、block、inline-block、flex 3。

了解掌握js的執行順序,基本的編程基礎(變量、運算、流程操控、數組、調用函數、自定義函數、對象)、json、js的dom操作、js的事件機制(委托、綁定、監聽,冒泡和阻撓冒泡,兼容性),了解ajax的xmlhttprequest及其創建辦法(多瀏覽器兼容)、跨域,明白其作業原理。
熟悉http協議對web開發的方方面面都有不少幫助,比如了解及運用ajax,比如調試程序、抓取數據等等,不過http是一個很雜很細的東西,內容很多,我建議也囫圇吞棗式地學習,先了解、熟悉簡略的,今後在項目中遇到深化點的再進一步學習。
樹立服務器,弄個傻瓜服務器比如wamp,phpstudy等軟件,可以一鍵樹立一個apache+php+mysql的服務器,前期可以把你的靜態頁發布到本地服務器,運用本地服務器配合ajax學習。
熟悉或者至少了解node的基本語法和用法,在現在流行的手腳架配置都離不開node,而且node可以啟動服務器,正真做一個全棧工程師。
vue,angular,react至少精通其中之一,了解內部運行機制,至少熟讀源碼。
如果有興趣可以對python做一定的了解,這是以後的趨勢。
小程序,微信公眾號現在的趨勢。
2018年web前端學習路線圖:

技術分享圖片

零基礎前端如何系統地學習?web前端工程師自學學習路線

看到這裏是不是感覺有點害怕了,要學這麽多啊,別怕,據統計,我們所學的知識其實真正在工作中的使用率20%左右,也就是說用20%的知識就可以勝任一份工作,那剩下的80%豈不是可以扔下了?別想太多,你還是得學。學習一項技能就像馬拉松一樣,跑道已經給你固定了,只要你沿著跑道不停的向前,肯定會到達終點。前端學習也是一個道理,知識點就那麽多,只要持續的去學習,並且活學活用,多做案例,久而久之,我們就會熟練的掌握這門技能。然後在工作中,知識就是那些知識,看你怎麽用,唯一變化的就是業務需求和邏輯。

前端是一個應用程序的門面,美不美,好不好用,都是前端工程師的鍋。同時前端貫穿在整個產品開發這條生產線上,說好聽點起著承上啟下的作用,通俗點講就是你周圍都是大爺,當然,只要咱是個好前端,我特麽就才是大爺。

前端就是後臺實現和視覺表現的橋梁,是貫穿在整個產品開發過程的紐帶,起到承上啟下的作用,一個好的前端工程師他能夠很好理解產品經理對用戶體驗的要求,也能夠很好地理解後臺工程師對數據邏輯,或者程序邏輯進行分離的要求,並將這些要求轉化成前臺的開發工作。前端就是網站的門面,它的價值遠大於 其他的客戶端開發。

2018年web前端學習路線圖,WEB前端開發新手學習路線