隨著網際網路的深入發展，前端開發工程師一躍成為市場上非常搶手的人才。很多同學，包括以前做UI的、土木工程的、或者對於IT完全零基礎的同學都想學習web前端。那想學好web前端，應該先學什麼？

推薦一個web前端學習 QQ群606721798，歡迎大家加入，每天晚上在騰訊課堂都有一個技術學習課,會有老師分享乾貨,幫助大家分析解答問題

web前端學習路線分享給大家：

1、HTML5介紹

內容包括：(網際網路發展趨勢、HTML5語言的優勢、簡單易學人人都能程式設計、HTML5就業和薪資情況、HTML5常見的專案與產品、HTML5的未來與方向)

2、HTML基礎

內容包括：(HTML簡介與歷史版本、常用開發軟體、常見標籤與屬性、表格與表單、標籤規範與標籤語義化、實戰：網頁結構佈局)

3、CSS基礎

內容包括：(css簡介與基本語法、常見的各種樣式屬性、CSS選擇器與標籤型別、理解盒子模型與CSS重置、浮動與定位、利用photoshop工具測量樣式、HTML+CSS開發網頁、實戰：高仿電商首頁效果)

4、CSS3基礎

內容包括：(css3常見樣式、css3選擇器、變形與動畫、3D效果與關鍵幀、彈性盒模型、移動端佈局、移動端基本概念、viewport視窗設定、移動端佈局方案、rem、vh、vw等單位、響應式佈局、bootstrap框架)

5、JavaScript基礎

內容包括：(JS簡介、JS變數、資料型別與型別轉換、運算子與優先順序、流程控制-if..else流程控制-switch...case、流程控制-while、do..while、for迴圈、break、continue語法、函式定義與呼叫、全域性變數與區域性變數、函式傳參與返回值、函式作用域與變數作用域。而且還有DOM的基本操作、定時器使用、this指向與修改指向、陣列、字串等方法操作、時間物件與正則物件、掌握常見BOM操作、常見事件與事件細節、JSON與AJAX、JSONP跨域操作、前端cookie的使用、實戰：JS配合HTML與CSS完成電商專案)

6、jquery框架

內容包括：(jquery框架介紹及優勢介紹、jquery核心思想、jquery常見方法、jquery動畫操作、jqueryAJAX操作、jquery工具方法、利用jquery快速開發網頁)

7、PHP基礎

內容包括：(PHP簡介與基本語法、mysql資料庫及sql語法、apache伺服器與整合開發工具、PHP連結資料庫、PHP與AJAX互動、實戰：留言板、登入、註冊等)

8、H5基礎專案

內容包括：(專案簡介、專案功能演示、專案劃分及框架、編寫HTML頁面結構、設定CSS樣式、新增JS互動、可選框架：bootstrap、jquery、PHP等、專案除錯及相容、專案驗收)

如何學習提高其它方面的知識點？

當然除了以上這些基礎的知識點，軟體之外，並不能足夠解決前端開發要怎麼學的問題，作為一名優秀的前端開發工程師要時刻保持一種學無止境的態度!

首先，優秀的web前端開發工程師要在知識體系上既要有廣度和深度。做到這兩點，其實很難。所以很多大公司即使出高薪也很難招聘到理想的前端開發工程師。技術非黑即白，只有對和錯，而技巧則見仁見智。

Web前端開發在產品開發環節中的作用變得越來越重要，而且需要專業的前端工程師才能做好。Web前端開發是一項很特殊的工作，涵蓋的知識面非常廣，既有具體的技術，又有抽象的理念。簡單地說，它的主要職能就是把網站的介面更好地呈現給使用者。

web前端開發要怎麼學？基礎的知識點是必須的，但是僅僅這些不夠，web前端工程師必須不斷提升自己，不斷學習新技術、新模式;僅僅依靠今天的知識無法適應未來。web的明天與今天必將有天壤之別，而前端工程師的工作就是要搞清楚如何通過自己的web應用程式來體現這種翻天覆地的變化。

說了那麼多，希望能幫助到大家哦