轉行web前端，自學很迷茫，該怎麼辦？
有不少同窗留言說，越學越迷茫，不知道該從哪裏下手，今天梳理了一些學習web前端的經驗，以及學習的步驟，分享給你們，但願對大家學習能有幫助。php
計算機行業不少領域都符合82定律，也就是20%的東西的使用頻率佔到80%，因此很適合囫圇吞棗，所以咱們的重點就是把這20%學起來，而首先要作的就是把這20%的東西找出來。css
在我看來前端這20%的東西大概就是經常使用的html標籤，css的盒子模型，基本的原生js，以及熟練使用jquery，ajax，常見瀏覽器的兼容。html
拿下這些東西意義非凡，一方面證實你適合作前端這份工做，另外一方面這些技能能讓你找到一份工做。讓你可以從容地去學習剩下的80%。前端
總之就是專心對付最重要的東西，那些什麼less、sass、angular這類的東西，當你把我以前說的基礎打好以後，學習起來暢通無阻，隨學隨用。node
最後我以爲最難的就是實踐，只有實踐才能學到真正的技術，新人很難參與一些有價值有意義的項目，沒有這些項目又很難成長，因此本身有項目可參與應該珍惜，沒項目應該多造一些有價值的輪子。mysql
學習web前端的路線以下：jquery
一、HTML的學習 web
html的語法、格式，經常使用的標籤極其做用，理解標籤的嵌套，學習使用firefox+firebug或者chrom的調試工具，可以使用這些工具調試html、css、js、斷點調試、抓包。ajax
二、CSS、js的學習sql
如何引入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的學習
使用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學習，這樣你就能快速成爲web前端工程師啦！
一、HTML的學習
html的語法、格式，經常使用的標籤極其做用，理解標籤的嵌套，學習使用firefox+firebug或者chrom的調試工具，可以使用這些工具調試html、css、js、斷點調試、抓包。
二、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的學習
使用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學習，這樣你就能快速成爲web前端工程師啦！
一、HTML的學習
html的語法、格式，經常使用的標籤極其做用，理解標籤的嵌套，學習使用firefox+firebug或者chrom的調試工具，可以使用這些工具調試html、css、js、斷點調試、抓包。
二、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的學習
使用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學習，這樣你就能快速成爲web前端工程師啦！
專門創建的學習Q-q-u-n ⑦⑧④-⑦⑧③-零①② 分享學習方法和須要注意的小細節，互相交流學習，不停更新最新的教程和學習技巧（網頁製做，網站開發，web開發，從0基礎開始的的HTML+CSS+JavaScript。jQuery，Ajax，node，angular框架等到移動端HTML5的項目實戰【視頻＋工具＋系統路線圖】全棧工程師學習路線以及規劃都有整理，分享給小夥伴）點：學習前端，咱們是認真的
