1. 程式人生 > >2018年web前端學習路線圖

2018年web前端學習路線圖

src 流程 靜態 框架 href request 取數 post 自定義函數

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

技術分享圖片

前端必會技能

上圖羅列了整個前端的一些技術架構,可能有些東西已經過時了,但是以下這些東西必須得了解和掌握。

  1. html的語法、格局,常用的標簽極端作用,了解標簽的嵌套。

  2. 學習運用firefox+firebug或許chrom的調試工具,可以運用這些工具調試html、css、js、斷點調試、抓包 2.怎麽引入css、js。

  3. 了解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。

  4. 了解掌握js的執行順序,基本的編程基礎(變量、運算、流程操控、數組、調用函數、自定義函數、對象)、json、js的dom操作、js的事件機制(委托、綁定、監聽,冒泡和阻撓冒泡,兼容性),了解ajax的xmlhttprequest及其創建辦法(多瀏覽器兼容)、跨域,明白其作業原理。

  5. 熟悉http協議對web開發的方方面面都有不少幫助,比如了解及運用ajax,比如調試程序、抓取數據等等,不過http是一個很雜很細的東西,內容很多,我建議也囫圇吞棗式地學習,先了解、熟悉簡略的,今後在項目中遇到深化點的再進一步學習。

  6. 樹立服務器,弄個傻瓜服務器比如wamp,phpstudy等軟件,可以一鍵樹立一個apache+php+mysql的服務器,前期可以把你的靜態頁發布到本地服務器,運用本地服務器配合ajax學習。

  7. 熟悉或者至少了解node的基本語法和用法,在現在流行的手腳架配置都離不開node,而且node可以啟動服務器,正真做一個全棧工程師。

  8. 最後推薦一下我的前端教程學習群640633433,如果你想制作酷炫的網頁,想學習前端知識,小編歡迎你的加入。小編會在群中不定期分享學習幹貨、趣味源碼,包括我精心整理的一份前端零基礎教程。歡迎各位小夥伴來一起學習!

  9. vue,angular,react至少精通其中之一,了解內部運行機制,至少熟讀源碼。

2018年web前端學習路線圖