Web前端的學習路線

第一階段——HTML的學習

超文字標記語言（HyperText Mark-up Language 簡稱HTML）是一個網頁的骨架，無論是靜態網頁還是動態網頁，最終返回到瀏覽器端的都是HTML程式碼，瀏覽器將HTML程式碼解釋渲染後呈現給使用者。因此，我們必須掌握HTML的基本結構和常用標記及屬性。

第二個階段——CSS的學習

CSS是英文Cascading Style Sheets的縮寫，叫做層疊樣式表，是能夠真正做到網頁表現與內容分離的一種樣式設計語言。相對於傳統HTML的表現而言其樣式是可以複用的，這樣就極大地提高了我們開發的速度，降低了維護的成本。

第三個階段——JavaScript的學習

JavaScript是一種在客戶端廣泛使用的腳步語言，在JavaScript當中為我們提供了一些內建函式、物件和DOM操作，藉助這些內容我們可以來實現一些客戶端的特效、驗證、互動等，使我們的頁面看起來不那麼呆板，屌絲瞬間逆襲高富帥！有麼有？

第四個階段——jQUery的學習

jQuery是一個免費、開源的輕量級的JavaScript庫，並且相容各種瀏覽器（jQuery2.0及後續版本放棄了對IE6/7/8瀏覽器的支援），同時現在有很多基於jQuery的外掛可供選擇，這樣在我們實現一些豐富的動態效果時更方便快捷，大大節省了我們開發的時間，提高了開發速度，這也充分體現了其write less,do more的核心宗旨。這個Feel倍兒爽！有麼有？

前端從基礎學起還是比較容易的，可以先從HTML學起，菜鳥教程是個不錯的練手起步的網站，學習HTML後學習CSS ，然後在學習js。HTML決定網頁的結構，CSS決定網頁的樣式，js決定網頁的邏輯。學習了基礎的之後，可以去學習一些常用的框架，layUI等。

女孩子建議UI設計，前端不是你想的那麼好學的，光是JavaScript就不是那麼好學的，一個原型鏈、this、閉包等，估計讓你學天書一樣頭疼。

現在在20-30水的前端開發中，基本女孩子多，但是技術大牛還是男的多，女的一般30歲結婚生小孩，前端職業生涯基本就結束了。

目前優質免費影片教程最多的地方就是 嗶哩嗶哩 網站了。

怎麼學習呢？

建議刷bilibili的影片，一個月後，自己獨立仿做一下網站專案

怎麼平整心態呢？

如果你現在 20-27，一顆心學習就夠了，什麼談戀愛，逼婚先放著。

如果你現在27了，正準備學，那就需要慎重。

開發行業裡預設的職業規劃年限是3年 5年 8年 10年，每一個階段都是一個坎，學習最好的年紀就是25歲下。

一、只要認真學就能學好；

二、女孩可以學，並且有很多優秀的女程式設計師。

有關前端的技能還是比較多的，比如HTML、CSS、Javascript等，這些是最基礎的，必須要掌握的，另外還需要學習一些流行框架，比如：jQuery、vue、nodejs等，還需要懂一些後端的知識...，就不一一列舉了，總之需要你花大量的時間和精力，如若不然，是沒有結果了。

因為我就是前端開發教學的，所以知道其中的艱苦，如果沒有興趣，最好就不要學了。

首先，你需要學習一下關於javascript、css、html的基礎知識。

那麼，關於這塊基礎知識的學習，您可以到w3school線上學習。

然後，是一些常用框架的學習，比如jQuery、bootstrap、vue。

為什麼要學習jQuery呢？因為如果使用前面學習的原生的JavaScript來操作dom，執行Ajax操作等都非常麻煩，所以這個也是必學的。同樣可以在w3school學習。

學習boostrap則可以讓你有比較好的UI。一些後臺管理系統用的比較多。

可以到https://www.bootcss.com/學習bootstrap。

vue用於透過簡單的API將響應的資料繫結到相應的檢視元件上。可以到https://cn.vuejs.org/學習。

這些學完以後，建議找一個一般的應用做做，熟悉和鞏固一下前面所學的。

最後，推薦幾本前端的學習書籍。

《鋒利的jQuery》

學習jQuery必讀的一本書，也是講解jQuery的經典之作。本書深入淺出的介紹了jQuery的程式碼風格、選擇器、事件及動畫等，結合豐富的例項讓讀者能夠快速理解與應用。

《編寫可維護的Javascript》

這是一本幫助大家改善Javascript程式設計風格與編碼規範的書籍。在我們的日常開發中，往往維護程式碼的時間佔據著很大比重， 既然這樣那麼為什麼我們不在編寫程式碼的時候就重視它呢？

《Web前端開發最佳實踐》

主要講解了HTML、CSS、Javascript以及移動端開發的最佳實踐方案。

最後的最後，不論是學習前端還是其他知識，都需要一定的毅力，不能遇到問題就放棄，堅持！