計算機行業很多都符合82定律，也就是20%的東西的使用頻率佔到80%，所以很適合囫圇吞棗，我們的首要目標就是把這20%學起來，而重點就是把這20%的東西找出來。
在我看來前端這20%的東西大概就是常用的html標籤，css的盒子模型，基本的原生js，以及熟練使用jquery，ajax，常見瀏覽器的兼容。
拿下這些東西意義非凡，一方面證明你適合做前端這份工作，另一方面這些技能能讓你找到一份工作。讓你能夠從容地去學習剩下的80%。
總之就是專心對付最重要的東西，那些什麼less、sass、angular這類的東西，當你把我之前說的基礎打好之後，學習起來暢通無阻，隨學隨用。
最後我覺得最難的就是實踐，只有實踐才能學到真正的技術，新人很難參與一些有價值有意義的項目，沒有這些項目又很難成長，所以自己有項目可參與應該珍惜，沒項目應該多造一些有價值的輪子。
感謝不點讚的都是耍流氓！！！！
耍流氓！！！
耍流氓！！！
一夜之間贊已接近最高票，受寵若驚，決定一不做二不休，把最高贊給奪過來。
評論裏 @吳林朋友說寫個提綱或者專欄，專欄就搞不起了，那就簡單列個提綱，以期拋磚引玉。
1.html的語法、格式，常用的標籤極其作用，理解標籤的嵌套，學習使用firefox+firebug或者chrom的調試工具，能夠使用這些工具調試html、css、js、斷點調試、抓包
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
3.js的執行順序，基本的編程基礎（變量、運算、流程控制、數組、調用函數、自定義函數、對象）、json、js的dom操作、js的事件機制（委託、綁定、監聽，冒泡和阻止冒泡，兼容性），瞭解ajax的xmlhttprequest及其創建方法（多瀏覽器兼容）、跨域，明白其工作原理，評論裏有朋友說http協議，確實是我疏忽，在學習ajax這部分免不了需要懂點http協議，比如什麼是get和post，這兩種如何傳遞參數，設置cookie等
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學習。
在我看來前端這20%的東西大概就是常用的html標籤，css的盒子模型，基本的原生js，以及熟練使用jquery，ajax，常見瀏覽器的兼容。
拿下這些東西意義非凡，一方面證明你適合做前端這份工作，另一方面這些技能能讓你找到一份工作。讓你能夠從容地去學習剩下的80%。
總之就是專心對付最重要的東西，那些什麼less、sass、angular這類的東西，當你把我之前說的基礎打好之後，學習起來暢通無阻，隨學隨用。
最後我覺得最難的就是實踐，只有實踐才能學到真正的技術，新人很難參與一些有價值有意義的項目，沒有這些項目又很難成長，所以自己有項目可參與應該珍惜，沒項目應該多造一些有價值的輪子。
感謝不點讚的都是耍流氓！！！！
耍流氓！！！
耍流氓！！！
一夜之間贊已接近最高票，受寵若驚，決定一不做二不休，把最高贊給奪過來。
評論裏 @吳林朋友說寫個提綱或者專欄，專欄就搞不起了，那就簡單列個提綱，以期拋磚引玉。
1.html的語法、格式，常用的標籤極其作用，理解標籤的嵌套，學習使用firefox+firebug或者chrom的調試工具，能夠使用這些工具調試html、css、js、斷點調試、抓包
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
3.js的執行順序，基本的編程基礎（變量、運算、流程控制、數組、調用函數、自定義函數、對象）、json、js的dom操作、js的事件機制（委託、綁定、監聽，冒泡和阻止冒泡，兼容性），瞭解ajax的xmlhttprequest及其創建方法（多瀏覽器兼容）、跨域，明白其工作原理，評論裏有朋友說http協議，確實是我疏忽，在學習ajax這部分免不了需要懂點http協議，比如什麼是get和post，這兩種如何傳遞參數，設置cookie等
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學習。
作者：walle
鏈接：https://www.zhihu.com/question/28187933/answer/77050877
來源：知乎
著作權歸作者所有。商業轉載請聯繫作者獲得授權，非商業轉載請註明出處。