首先我們要分清前端這部分的分工，一般來講分為：設計和開發。設計是設計師的工作，設計師按照使用者需求出設計圖，他們使用的工具一般是fireworks、Dreamweaver和photoshop這類設計工具，圖片出來後，前端開發就需要按照圖片的設計製作HTML靜態頁面，那麼這就是前端開發的主要工作了。

Web前端工程師是協調前端工程師、後端程式設計師實現網站頁面活程式的介面美化、互動體驗的IT技術開發人員,需要精通HTML、CSS、JavaScript、jQuery、Ajax等核心的Web前端技術,具備網際網路互動設計能力,熟悉Vue、React、angularjs 等最新的框架。

web前端學習主要包括：HTML、CSS、JavaScript、jQuery、Ajax

HTML：不是程式語言，僅僅是資料格式

CSS：無型別的樣式修飾語言，算弱型別語言；需理解每個元素屬性、樣式等

JavaScript：學習起來相對來說不算太難，入手快

jQuery、Ajax：如果想在前端這塊混的好，這兩門語言一定要掌握（雖然不一定要用，但一定要會）

如今學習web前端的人越來越多，作為一個初入行的新手，一定要想清楚為什麼要學習web前端，出於一種什麼樣的心態去學習，然後給自己做好定位。下面，千鋒杭州web前端培訓小編就給大家總結一下，零基礎新手在學習web前端時應該掌握哪些知識點。

1、HTML學習

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

2、CSS學習

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

3、JavaScript學習

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

4、jQuery學習

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

5、bootstrap

6、實戰

人生學習的態度是：不急不躁，不快不慢。持之以恆，相信自己。不求能改變世界，但求能改變自己的生活。我們學習web前端最終的目的是為了找到一份滿意的高薪工作，那麼實戰經驗對於我們就至關重要，所以，在學習的過程中除了學習各種基礎知識，我們還應該積累自己的實戰專案經驗。

零基礎新手想要快速學成web前端，參加培訓班無疑時最高效快捷的方式。千鋒杭州web前端培訓以實戰專案驅動教學，除了培養學員的開發技術，覆蓋熱門大資料視覺化內容，深度貫穿前端後端開發，緊貼主流企業一線需求，助力千鋒學員畢業即高薪就業。

首先要學習的知識是

A靜態頁面佈局：H5+CSS3 B JS互動設計 C Node開發 D 前端框架（Vue/React/Angular）E 小程式與App ,以上都是前端工程師需要必須掌握的知識內容。那麼如果你只是想從入門學習的話呢，應該是先要掌握H5+CSS3