寫給學習web前端路上正在迷茫的你 小白必看

隨著移動端的快速發展，web前端人員的需求量也是越來越大。與此同時web前端中的HTML5技術更是日趨成熟，HTML5是移動互聯網前端的主流開發語言，目前還沒有任何一種前端開發技術能夠取代HTML5。因此，無論是PC端還是APP端的應用，前端樣式都離不開HTML5. 通過手機與電腦上網的使用率來看，從事html5或者web相關的開發工作，就業前景還是比較可觀的。而且現在的網站開發都往移動設備上轉移，所以html5或者web前端是眾望所歸。

對這方面感興趣，想要學習web前端開發或者想要了解web前端開發可以加群：六二三九六六八零六

學習web前端的路線如下：

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、flex

3、js的執行順序，基本的編程基礎（變數、運算、流程式控制制、數組、調用函數、自定義函數、對象）、json、js的dom操作、js的事件機制（委託、綁定、監聽，冒泡和阻止冒泡，兼容性），了解ajax的xmlhttprequest及其創建方法（多瀏覽器兼容）、跨域，明白其工作原理，

有朋友說http協議，確實是我疏忽，http協議是web的根本，所以其重要性再怎麼強調都不為過，熟悉http協議對web開發的方方面面都有不少幫助，比如理解及使用ajax，比如調試程序、抓取數據等等，不過http是一個很雜很細的東西，內容很多，我建議也囫圇吞棗式地學習，先了解、熟悉簡單的，以後在項目中遇到深入點的再進一步學習。

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，簡潔好用不解釋，國人弄的，文檔和例子什麼的非常豐富。

對這方面感興趣，想要學習web前端開發或者想要了解web前端開發可以加群：六二三九六六八零六

希望小夥伴們在以後的學習過程中可以有一個明確的學習路線和學習方向，少走一些彎路，節省一些時間和精力，可以高效的學習。祝小夥伴們都可以早日成為大牛，走上人生巔峰。

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！