WEB 前端菜鳥,感受很迷茫,該怎麼作?

前幾天看到這樣的問題php

先說問題吧:感受前端涉及到的東西太多了,本身也很浮躁,看了挺多書,但是代碼缺敲得卻很少。技術菜,又什麼都想學,好比如今糾結要不要先學scss或者php或者angularjs,backbone等框架,仍是深刻學習html5+css3?css

而後看了一些招聘要求發現又有一些坑要填,常常處於焦躁狀態,感受心好累,而後心一累,又知乎上看各類打雞血的東西,這雞血一打多,頭腦就熱起來了,就想畢業去北京闖一闖了,但又好擔憂去了找不到工做,想問下前輩們,要找到3000以上的前端工做的話,我得在哪方面多準備?html


計算機行業不少領域都符合82定律,也就是20%的東西的使用頻率佔到80%,因此很適合囫圇吞棗,所以咱們的重點就是把這20%學起來,而首先要作的就是把這20%的東西找出來。在我看來前端這20%的東西大概就是經常使用的html標籤,css的盒子模型,基本的原生js,以及熟練使用jquery,ajax,常見瀏覽器的兼容。拿下這些東西意義非凡,一方面證實你適合作前端這份工做,另外一方面這些技能能讓你找到一份工做。讓你可以從容地去學習剩下的80%。總之就是專心對付最重要的東西,那些什麼less、sass、angular這類的東西,當你把我以前說的基礎打好以後,學習起來暢通無阻,隨學隨用。最後我以爲最難的就是實踐,只有實踐才能學到真正的技術,新人很難參與一些有價值有意義的項目,沒有這些項目又很難成長,因此本身有項目可參與應該珍惜,沒項目應該多造一些有價值的輪子。前端

  1. html的語法、格式,經常使用的標籤極其做用,理解標籤的嵌套,學習使用firefox+firebug或者chrom的調試工具,可以使用這些工具調試html、css、js、斷點調試、抓包.(web前端學習交流羣:328058344 禁止閒聊,非喜勿進!)
  2. 如何引入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協議,確實是我疏忽,http協議是web的根本,因此其重要性再怎麼強調都不爲過,熟悉http協議對web開發的方方面面都有很多幫助,好比理解及使用ajax,好比調試程序、抓取數據等等,不過http是一個很雜很細的東西,內容不少,我建議也囫圇吞棗式地學習,先了解、熟悉簡單的,之後在項目中遇到深刻點的再進一步學習。
  4. 使用jquery解放你的開發工做,學會jq選擇器,修改屬性、監聽事件、修改css,學會寫jquery插件。這一步我以爲能夠和第3步穿插學習
  5. 搭建服務器,弄個傻瓜服務器好比wamp,phpstudy等軟件,能夠一鍵創建一個apache+php+mysql的服務器,前期能夠把你的靜態頁發佈到本地服務器,使用本地服務器配合ajax學習。
  6. 學點服務器端,建議php+mysql。服務器端腳本其實很簡單,總結起來就是4個東西:SESSION、COOKIE、Request、Response,結合http協議理解如何從Request取得數據,通過處理後Response給客戶端。這就是整個過程。至於mysql也就是基本的sql語句。如何使用php進行CURD操做。這塊其實很難總結,基本上以實現業務爲主。
  7. 來點框架,理解MVC模式、推薦個比較流行的MVC框架:ThinkPHP,簡潔好用不解釋,國人弄的,文檔和例子什麼的很是豐富。寫了亂七八糟一堆,你們湊合着看,建議從1往7學習。