每一個人都是從零開始，分享牛逼的前端工程師的牛逼學習方法

做爲剛接觸web前端開發的你，是否會有這樣的疑問，網上的教程不少，各式各樣，那麼零基礎從哪裏開始學習web前端呢，針對這個問題，就帶你們一塊兒來探討下，零基礎學習web前端，從哪裏開始學習

第一階段——HTML的學習

超文本標記語言HTML是一個網頁的骨架，不管是靜態網頁仍是動態網頁，最終返回到瀏覽器端的都是HTML代碼，瀏覽器將HTML代碼解釋渲染後呈現給用戶。所以，咱們必須掌握HTML的基本結構和經常使用標記及屬性。

HTML 的學習是一個記憶和理解的過程，在學習過程當中能夠藉助Dreamweaver的「拆分」視圖輔助學習。在「設計」視圖中看效果，在「代碼」視圖中學本質， 將各類視圖的優點發揮到極致，這種對照學習的方法彌補了單純識記HTML標籤和屬性的枯燥乏味，想必對各位初學的小盆友們來講一定是極好的!在學習了HTML以後，咱們只是掌握了各類「原材料」的製做方法，要想蓋一幢樓房就還須要把這些「原材料」按照咱們設計的方案組合佈局在一塊兒並進行一些樣式的美化。

第二階段——CSS的學習

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

同時CSS中的盒子模型、相對佈局、絕對佈局等可以實現對網頁中各對象的位置排版進行像素級的精確控制。經過此階段的學習，咱們就能夠順利完成「一幢樓房」的建設。

「樓房」建設完成以後，咱們能夠交給用戶使用，可是若是想讓用戶得到更佳的體驗，咱們還能夠對「樓房」進行更深一步的「裝修」，讓它看起來更「豪華」一些。

第三階段——JavaScript的學習

JavaScript是一種在客戶端普遍使用的腳步語言，在JavaScript當中爲咱們提供了一些內置函數、對象和DOM操做，藉助這些內容咱們能夠來實現一些客戶端的特效、驗證、交互等，使咱們的頁面看起來不那麼呆板。

第四階段——jQuery的學習

jQuery 是一個免費、開源的輕量級的庫，而且兼容各類瀏覽器(jQuery2.0及後續版本放棄了對IE6/7/8瀏覽器的支持)，同時如今有不少基於jQuery的插件可供選擇，這樣在咱們實現一些豐富的動態效果時更方便快捷，大大節省了咱們開發的時間，提升了開發速度，這也充分體現了其 write less,do more的核心宗旨。

若是你依然在編程的世界裏迷茫，不知道本身的將來規劃，打算深刻了解這個行業的朋友，咱們的前端學習扣qun :767-273-102，不論你是學生仍是想轉行的朋友，我都歡迎，在前端工做6年了，每晚分享乾貨

零基礎從哪裏開始學習web前端零基礎學習web前端，基礎知識不能少，HTML，css，js，，jq等基礎知識學習紮實，才能更好地運用，學習框架的知識。