前幾天看到這樣的問題
先說問題吧：感覺前端涉及到的東西太多了，自己也很浮躁泣洞，看了挺多書忧风，可是代碼缺敲得卻不多。技術(shù)菜球凰，又什么都想學(xué)狮腿，比如現(xiàn)在糾結(jié)要不要先學(xué)scss或者php或者angularjs,backbone等框架，還是深入學(xué)習(xí)html5+css3呕诉？
然后看了一些招聘要求發(fā)現(xiàn)又有一些坑要填缘厢，經(jīng)常處于焦躁狀態(tài)，感覺心好累甩挫，然后心一累贴硫，又知乎上看各種打雞血的東西，這雞血一打多伊者，頭腦就熱起來了英遭，就想畢業(yè)去北京闖一闖了，但又好擔(dān)心去了找不到工作亦渗，想問下前輩們贪绘，要找到3000以上的前端工作的話，我得在哪方面多準(zhǔn)備央碟？
計算機行業(yè)很多領(lǐng)域都符合82定律税灌，也就是20%的東西的使用頻率占到80%，所以很適合囫圇吞棗亿虽，因此我們的重點就是把這20%學(xué)起來菱涤，而首先要做的就是把這20%的東西找出來。在我看來前端這20%的東西大概就是常用的html標(biāo)簽洛勉，css的盒子模型粘秆，基本的原生js，以及熟練使用jquery收毫，ajax攻走，常見瀏覽器的兼容殷勘。拿下這些東西意義非凡，一方面證明你適合做前端這份工作昔搂，另一方面這些技能能讓你找到一份工作玲销。讓你能夠從容地去學(xué)習(xí)剩下的80%≌總之就是專心對付最重要的東西贤斜，那些什么less、sass逛裤、angular這類的東西瘩绒，當(dāng)你把我之前說的基礎(chǔ)打好之后，學(xué)習(xí)起來暢通無阻带族，隨學(xué)隨用锁荔。最后我覺得最難的就是實踐，只有實踐才能學(xué)到真正的技術(shù)蝙砌，新人很難參與一些有價值有意義的項目阳堕，沒有這些項目又很難成長，所以自己有項目可參與應(yīng)該珍惜拍霜，沒項目應(yīng)該多造一些有價值的輪子嘱丢。
- html的語法、格式祠饺，常用的標(biāo)簽極其作用越驻，理解標(biāo)簽的嵌套，學(xué)習(xí)使用firefox+firebug或者chrom的調(diào)試工具道偷，能夠使用這些工具調(diào)試html缀旁、css、js勺鸦、斷點調(diào)試并巍、抓包
- 如何引入css、js（有多少種方法换途，各種方法有什么區(qū)別）懊渡，理解id、class屬性的區(qū)別军拟，學(xué)會css的常用選擇器剃执，理解盒子模型（padding，margin懈息，border肾档，width，height，）怒见，css坐標(biāo)系俗慈，css布局（position的absolute、relative 遣耍、fixed闺阱、static），css浮動（float：left配阵、right ）和清除浮動（clear）,display:inline馏颂、block示血、inline-block棋傍、flex
- js的執(zhí)行順序，基本的編程基礎(chǔ)（變量难审、運算瘫拣、流程控制、數(shù)組告喊、調(diào)用函數(shù)麸拄、自定義函數(shù)、對象）黔姜、json拢切、js的dom操作、js的事件機制（委托秆吵、綁定淮椰、監(jiān)聽，冒泡和阻止冒泡纳寂，兼容性）主穗，了解ajax的xmlhttprequest及其創(chuàng)建方法（多瀏覽器兼容）、跨域毙芜，明白其工作原理忽媒，評論里有朋友說http協(xié)議，確實是我疏忽腋粥，http協(xié)議是web的根本晦雨，所以其重要性再怎么強調(diào)都不為過，熟悉http協(xié)議對web開發(fā)的方方面面都有不少幫助隘冲，比如理解及使用ajax闹瞧，比如調(diào)試程序、抓取數(shù)據(jù)等等对嚼，不過http是一個很雜很細(xì)的東西夹抗，內(nèi)容很多，我建議也囫圇吞棗式地學(xué)習(xí)纵竖，先了解漠烧、熟悉簡單的杏愤，以后在項目中遇到深入點的再進一步學(xué)習(xí)。
- 使用jquery解放你的開發(fā)工作已脓，學(xué)會jq選擇器珊楼，修改屬性、監(jiān)聽事件度液、修改css厕宗，學(xué)會寫jquery插件。這一步我覺得可以和第3步穿插學(xué)習(xí)
- 搭建服務(wù)器堕担，弄個傻瓜服務(wù)器比如wamp已慢，phpstudy等軟件，可以一鍵建立一個apache+php+mysql的服務(wù)器霹购，前期可以把你的靜態(tài)頁發(fā)布到本地服務(wù)器佑惠，使用本地服務(wù)器配合ajax學(xué)習(xí)。
- 學(xué)點服務(wù)器端齐疙，建議php+mysql膜楷。服務(wù)器端腳本其實很簡單，總結(jié)起來就是4個東西：SESSION贞奋、COOKIE赌厅、Request、Response轿塔，結(jié)合http協(xié)議理解如何從Request取得數(shù)據(jù)特愿，經(jīng)過處理后Response給客戶端。這就是整個過程催训。至于mysql也就是基本的sql語句洽议。如何使用php進行CURD操作。這塊其實很難總結(jié)漫拭，基本上以實現(xiàn)業(yè)務(wù)為主亚兄。
- 來點框架，理解MVC模式采驻、推薦個比較流行的MVC框架：ThinkPHP审胚，簡潔好用不解釋，國人弄的礼旅，文檔和例子什么的非常豐富膳叨。寫了亂七八糟一堆，大家湊合著看痘系，建議從1往7學(xué)習(xí)菲嘴。
我有一個前端學(xué)習(xí)交流QQ群：328058344 如果你在學(xué)習(xí)前端的過程中遇到什么問題，歡迎來我的QQ群提問，群里每天還會更新一些學(xué)習(xí)資源龄坪。禁止閑聊昭雌，非喜勿進。
