前幾天看到這樣的問題 先說問題吧：感覺前端涉及到的東西太多了，自己也很浮躁，看了挺多書，可是代碼缺敲得卻不多。技術菜，又什麼都想學，比如現在糾結要不要先學scss或者php或者angularjs,backbone等框架，還是深入學習html5+css3？ 然後看了一些招聘要求發現又有一些坑要填，經常 ...
前幾天看到這樣的問題
先說問題吧：感覺前端涉及到的東西太多了，自己也很浮躁，看了挺多書，可是代碼缺敲得卻不多。技術菜，又什麼都想學，比如現在糾結要不要先學scss或者php或者angularjs,backbone等框架，還是深入學習html5+css3？
然後看了一些招聘要求發現又有一些坑要填，經常處於焦躁狀態，感覺心好累，然後心一累，又知乎上看各種打雞血的東西，這雞血一打多，頭腦就熱起來了，就想畢業去北京闖一闖了，但又好擔心去了找不到工作，想問下前輩們，要找到3000以上的前端工作的話，我得在哪方面多準備？
電腦行業很多領域都符合82定律，也就是20%的東西的使用頻率占到80%，所以很適合囫圇吞棗，因此我們的重點就是把這20%學起來，而首先要做的就是把這20%的東西找出來。在我看來前端這20%的東西大概就是常用的html標簽，css的盒子模型，基本的原生js，以及熟練使用jquery，ajax，常見瀏覽器的相容。拿下這些東西意義非凡，一方面證明你適合做前端這份工作，另一方面這些技能能讓你找到一份工作。讓你能夠從容地去學習剩下的80%。總之就是專心對付最重要的東西，那些什麼less、sass、angular這類的東西，當你把我之前說的基礎打好之後，學習起來暢通無阻，隨學隨用。最後我覺得最難的就是實踐，只有實踐才能學到真正的技術，新人很難參與一些有價值有意義的項目，沒有這些項目又很難成長，所以自己有項目可參與應該珍惜，沒項目應該多造一些有價值的輪子。
- 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
- js的執行順序，基本的編程基礎（變數、運算、流程式控制制、數組、調用函數、自定義函數、對象）、json、js的dom操作、js的事件機制（委托、綁定、監聽，冒泡和阻止冒泡，相容性），瞭解ajax的xmlhttprequest及其創建方法（多瀏覽器相容）、跨域，明白其工作原理，評論里有朋友說http協議，確實是我疏忽，http協議是web的根本，所以其重要性再怎麼強調都不為過，熟悉http協議對web開發的方方面面都有不少幫助，比如理解及使用ajax，比如調試程式、抓取數據等等，不過http是一個很雜很細的東西，內容很多，我建議也囫圇吞棗式地學習，先瞭解、熟悉簡單的，以後在項目中遇到深入點的再進一步學習。
- 使用jquery解放你的開發工作，學會jq選擇器，修改屬性、監聽事件、修改css，學會寫jquery插件。這一步我覺得可以和第3步穿插學習
- 搭建伺服器，弄個傻瓜伺服器比如wamp，phpstudy等軟體，可以一鍵建立一個apache+php+mysql的伺服器，前期可以把你的靜態頁發佈到本地伺服器，使用本地伺服器配合ajax學習。
- 學點伺服器端，建議php+mysql。伺服器端腳本其實很簡單，總結起來就是4個東西：SESSION、COOKIE、Request、Response，結合http協議理解如何從Request取得數據，經過處理後Response給客戶端。這就是整個過程。至於mysql也就是基本的sql語句。如何使用php進行CURD操作。這塊其實很難總結，基本上以實現業務為主。
- 來點框架，理解MVC模式、推薦個比較流行的MVC框架：ThinkPHP，簡潔好用不解釋，國人弄的，文檔和例子什麼的非常豐富。寫了亂七八糟一堆，大家湊合著看，建議從1往7學習。
我有一個前端學習交流QQ群：328058344 如果你在學習前端的過程中遇到什麼問題，歡迎來我的QQ群提問，群里每天還會更新一些學習資源。禁止閑聊，非喜勿進。
