要學的東西看看思維導圖，相比後端開發前端難度要低一些：

1)簡單點評： HTML5前端開發工程師簡稱前端開發工程師，它是隨著Web的發展，細分出來的行業，是近年來開始受到重視的新興職業，隨著Web2.0概念的普及和W3C組織的推廣，Web前端技術發生了翻天覆地的變化。前端開發工程師崗位需求與日俱增。同時也對現有的前端開發人員提出了更高的技術要求，也給UI，美工提供了發展空間。而且跨PC/移動裝置平臺的需求也需要H5來實現，要不開發多個版本成本就高了。

2）發展前景：

HTML5前端開發適應面很廣，Web端、APP端、微信小程式都可以使用，與後臺伺服器端程式語言無關，無論是Java、PHP、Python都可以結合使用。因此HTML5前端人才需求也相當旺盛，高校也沒有專門培養前端開發人才，社會需求一直得不到滿足，目前還是挺緊缺的，發展前景良好。

3）行業定位：

目前開發行業前後端分離已成標配，前端框架也層出不窮，發展非常快，在強呼叫戶體驗與個性化需求的現在，前端開發人員在IT公司中地位越來越高，前端開發已經與後端開發並駕齊驅。

4）面向專業： 計算機、數學與統計、物理、電子、通訊工程、物聯網、網路工程等相關專業大專以上學生。推薦中下游學生學習。

5）薪酬分析：

不得不說，想要入行Web前端的門檻並不高。

Web前端開發的前期是網頁製作，簡單的ps和dw就可以製作網頁，後來為了更好的使用者體驗，應用於企業，那麼就需要掌握基本的Web前端開發技術。

雖然不同的公司都有Web前端開發，但是職能也有不同，可以是做網站設計、網頁介面開發的，只做網頁介面開發的，做網頁介面開發、前臺資料繫結和前臺邏輯的處理的，也有設計、開發、資料的。

主要是根據具體的公司職位需求來定，但是需要掌握的技術還是沒差的。

Web前端開發學習

基礎：HTML、CSS 、JavaScript

前端三大基礎，學習順序為：HTML＞CSS＞JavaScript。

瞭解HTML的基礎知識，學會將頁面分為多個部分，知道如何正確的建立DOM，最好至少能夠製作五個頁面（這裡的重點是瞭解頁面結構）。

然後我們再來考慮美觀問題，認識CSS，網格和彈性盒子的知識要去了解，還有媒體查詢和響應式知識，然後把CSS樣式套用到你製作的HTML網頁。

基礎知識的最後一步JavaScript，這裡會比前面兩點稍有提升，但是不難，瞭解語法和基本的結構，開始學習操作DOM，理解一些相關概念，瞭解Ajax（XHR）。

推薦幾本書籍：

《html5從入門到精通》

這本書講的很系統，作為入門書籍，也比較容易懂，最重要的是有光碟教學，可以放電腦上看看。

css的書籍，這本書也有涵蓋html5，有承上啟下的作用。

比較出名的一本javascript，被讀者稱為犀牛書，很推薦。

框架：React、Angular 或者 Vue

這裡就提出Vue 、Angular 、React，大部分人稱為VAR，這三個是目前最流行的前端框架。

為什麼沒有jQuery？確實，初學者認為使用jQuery就可以寫出任何特效效果，但是它並不是前端的全部，在工作時間久了之後才會發現，jQuery只是滿足當下的業務需求，技術框架是隨時會變的。

當然，學習jQuery沒有問題，只是多學會框架，有助於提升你的個人技術能力，和你的職場競爭力。

打包工具：Webpack 和 gulp

進階：Node.js 體系（包括 Node.js 服務端開發，npm 等）還需要什麼？

不急，還沒完呢，前端開發中有一個重要的知識：前端佈局，主要是對頁面模組和內容進行科學合理的組織與呈現。

其實前端佈局沒有引起多大的重視，但是它又是Web前端開發的核心，在工作中的比重也不小。

可能在你認為已經掌握了前端知識後，信心滿滿的去面試，但是卻被一個看似簡單的切圖問題給難倒了，即便是混過了面試，工作中也不得心應手。

佈局的好壞直接影響著後續的所有工作進展的順利與否與效率的高低。

對於如何掌握前端佈局的技能，W3Cschool APP最近新上線了一個專欄，有興趣的可以看看。

最後我想說，Web前端開發的前景好不好，還是得看你的技術怎麼樣，技能過關，網站介面做得好看，使用者體驗好，那自然好，如果想要更上一層樓，建議瞭解一下Web全棧開發，這是前端行業內重要的發展趨勢。

謝謝邀請！先直接回應一下樓主的問題，如今一個合格的web前端開發需要掌握的技術有很多，只會簡單的HTML，CSS和JS已經遠遠滿足不了目前市場的需要了。下面我分幾個部分來回答一下一、前端領域的技術革新速度快，對前端工作師的要求越來越高。真正瞭解前端技術的工程師都會感覺前端技術發展變化遠快於其他端。瀏覽器特性，程式語言標準，前端框架，前端工具，多終端瀏覽器等都在快速換代更新。作為一名前端工程師，不僅要掌握現有的技術來實現業務需求，解決業務問題，還要不斷快速學習新的技術知識，為新技術時代的到來做準備，對於 後接觸的人來說，需要了解掌握的東西會越來越多。接下來，小鄭直接了當的說一下需要掌握的一些相關技能（說技術不如說技能）。二，前端開發需要掌握的技能從下面5個方面來說1. 語言相關的學習（語言學習和一些相關特性的熟知和了解是最基本的技能）1）HTML（HTML5相關特性）2）CSS（CSS3相關特性，CSS4展望），CSS的能力體現在頁面佈局上。平時多注意積累和思考。3）JavaScript（JavaScript新舊標準實踐，Node.js相關特性及應用）上面三點，任意一點往深的研究和學習都不簡單，都可以學習的很深入，同時也都需要花時間和做專案經驗積累。為什麼說語言相關了，因為除了上面三點，前端還有一個重要且基礎知識需要掌握就是協議（重點關注HTTP協議），總結起來，前端基礎就是三層結構和一協議。2. 工具的使用會選擇和利用工具是前端一個很重要的技能。所謂的工具不單純指程式碼編寫工具，有多個分類。1）編碼工具推薦使用sublime/vscode/westrom。用一款自己比較熟悉的編碼工具，能極大提高編碼效率。2）處理圖工具photoshop/sketch，之前可以用ps比較多一點，現如今sketch是一款前端也必需學會使用的圖處理工具。3）程式碼除錯工具chrome瀏覽器除錯工具fiddler另外MAC是也有一些抓包工具4）程式碼管理工具cornerstonesourcetree3. 掌握程式碼管理工具的使用1）svn2）git 不多說了，掌握這兩的使用是前端工程師必備的能力，尤其是GIT。4. 框架的研究這裡，因為是講需要掌握哪些技能，所以我不進一步說明為什麼會出現一些MV*框架等問題。但是我覺得這些問題都很重要，可以自己多研究研究。比較流行的框架，React，VUE，angularjs，還有一些個支援服務端渲染的框架都可以瞭解和學習。這些都現在前端工程師必備的技能。5. 溝通能力的提升最後，很重要的一點，就是學會使用高效的溝通方式。簡單來說，溝通就是透過有效的方法手段正確地表達自己或理解別人觀點的一個過程。作為工程師我們不僅需要具備全面嚴謹的思維邏輯，良好的溝通能力也是幫助我們高效完成工作的一項不可少的技能。

你好，WEB前端開發需要掌握的技能還是比較多的，但是前端相對後端來講要相對容易一些，包含的內容有：

VS Code開發工具的使用

Git、GitHub的使用

HTML5常見標籤、屬性

CSS3選擇器、盒子模型、定位

CSS3 各種樣式的佈局

JavaScript基本語法

JavaScript的DOM以及各種事件的響應

jQuery各種DOM操作

BootStrap框架的基本應用

Node.js伺服器端JS環境的應用

Ajax各種場景的應用

Vue.js框架的應用

React框架應用

屬性Angular.js框架應用

WebPack打包和工程化

以上技能可以在網上找些課程或者技術文件學習下，多敲程式碼，多做練習，很快就能掌握的，祝你學習順利。

作為一個入行快三年的前端開發，我來說說自己的想法吧。

首先作為一名前端開發人員最基礎的，也是必須要學會的就是HTML+CSS，學會這一項技能之後你就可以寫靜態的頁面了，當然像bootstrap這樣的css框架也是必須的，這樣寫出來的頁面效果會更好。還有如何佈局可以學學，如何做到響應適佈局，如何彈性佈局，什麼是css盒子模型都得學會。

第二，原生js的學習，初學者建議參考w3cschool裡面的js文件，學完之後對js就有了一個基本的瞭解，一些簡單的邏輯也可以實現了，接下來建議學習《JavaScript高階程式設計》（第三版）和《ES6標準入門》（阮一峰），學習完這兩塊相信你對js的理解又更深了一步，接下來要在實際專案中去實踐，這樣才會更好的理解其中的奧秘，幫助你更快提升自己的技術。

第三，框架的學習，對於現在前端行業來說，沒有框架我們的開發效率低下，甚至很多問題都解決不了，所以vue，angular，react等框架是我們必須掌握的，還有node js，有了它我們前端又向前進了一步一部分後端的工作我們前端也能解決了。

最後，還有一部分小的外掛必須layer,swiper，echarts,mui等也是我們要學習的，當然這些用的時候看一下文件就可以的，沒有什麼難度，有人會說現在的微信小程式很火，當然對於我們前端來說這個不難，會vue框架的，還有熟悉es6語法的，開發小程式的話很簡單，因為小程式的語法本身就是跟vue框架很像的。

　　Web前端開發入門需要掌握哪些知識?

　　Web前端開發入門需要掌握哪些知識?網際網路行業一直處於高速發展的快節奏變革中，其中也出現了很多崗位成為了大家求職時的熱門選擇。

　　在這裡首先分享一下優就業Web前端培訓大綱內容供大家參考，優就業的Web前端培訓課程分為六個階段：

　　第一階段HTML5+CSS3：PC端網站佈局、WebApp頁面佈局

　　第二階段JS互動設計：JavaScript基礎語法、JavaScript進階、JavaScript高階程式設計、jQuery經典案例、專案答辯

　　第三階段Node開發：ECMAScript 6、Webpack模組打包器、Node基礎、Express框架、前端模組化、MongoDB、專案答辯

　　第四階段前端框架：資料視覺化、Vue、React、Angular、專案答辯

　　第六階段就業指導：企業面試前期準備與技巧、企業面試實戰

　　上面介紹的是作為Web前端開發人員都需要掌握的技術要點，其中的小程式開發、資料視覺化都是近幾年熱門的開發技術，優就業的Web前端課程緊跟時代發展趨勢，課程內容不斷調研更新，致力於培養企業真正需要的Web前端人才。

　　以上是關於Web前端開發入門需要掌握哪些知識的介紹內容。