有很多同學留言說，越學越迷茫，不知道該從哪裡下手，今天梳理了一些學習web前端的經驗，以及學習的步驟，分享給大家，希望對你們學習能有幫助。 電腦行業很多領域都符合82定律，也就是20%的東西的使用頻率占到80%，所以很適合囫圇吞棗，因此我們的重點就是把這20%學起來，而首先要做的就是把這20%的東 ...
有很多同學留言說，越學越迷茫，不知道該從哪裡下手，今天梳理了一些學習web前端的經驗，以及學習的步驟，分享給大家，希望對你們學習能有幫助。
電腦行業很多領域都符合82定律，也就是20%的東西的使用頻率占到80%，所以很適合囫圇吞棗，因此我們的重點就是把這20%學起來，而首先要做的就是把這20%的東西找出來。
在我看來前端這20%的東西大概就是常用的html標簽，css的盒子模型，基本的原生js，以及熟練使用jquery，ajax，常見瀏覽器的相容。
拿下這些東西意義非凡，一方面證明你適合做前端這份工作，另一方面這些技能能讓你找到一份工作。讓你能夠從容地去學習剩下的80%。
總之就是專心對付最重要的東西，那些什麼less、sass、angular這類的東西，當你把我之前說的基礎打好之後，學習起來暢通無阻，隨學隨用。
最後我覺得最難的就是實踐，只有實踐才能學到真正的技術，新人很難參與一些有價值有意義的項目，沒有這些項目又很難成長，所以自己有項目可參與應該珍惜，沒項目應該多造一些有價值的輪子。
學習web前端的路線如下：
1、HTML的學習
html的語法、格式，常用的標簽極其作用，理解標簽的嵌套，學習使用firefox+firebug或者chrom的調試工具，能夠使用這些工具調試html、css、js、斷點調試、抓包。
2、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。
3、基本編程的學習
js的執行順序，基本的編程基礎（變數、運算、流程式控制制、數組、調用函數、自定義函數、對象）、json、js的dom操作、js的事件機制（委托、綁定、監聽，冒泡和阻止冒泡，相容性），瞭解ajax的xmlhttprequest及其創建方法（多瀏覽器相容）、跨域，明白其工作原理，
有朋友說http協議，確實是我疏忽，http協議是web的根本，所以其重要性再怎麼強調都不為過，熟悉http協議對web開發的方方面面都有不少幫助，比如理解及使用ajax，比如調試程式、抓取數據等等，不過http是一個很雜很細的東西，內容很多，我建議也囫圇吞棗式地學習，先瞭解、熟悉簡單的，以後在項目中遇到深入點的再進一步學習。
4、jQuery的學習
使用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學習，這樣你就能快速成為web前端工程師啦！
我目前是在職前端開發，如果你現在也想學習前端開發技術，
在入門學習前端的過程當中有遇見任何關於學習方法，學習路線，學習效率等方面的問題，
你都可以申請加入我的前端學習交流裙：前面：603 中間：985 最後：993。裡面聚集了一些正在自學前端的初學者裙文件裡面也有我做前端技術這段時間整理的一些前端學習手冊，前端面試題，
前端開發工具，PDF文檔書籍教程，需要的話都可以自行來獲取下載。
