在初學者心目中web前端開發(fā)就是學習html、css、JavaScript;如果是在2016、2017年是的前端的小伙伴只需要掌握這些就夠了，但是隨著行業(yè)的不斷發(fā)展，前端技術得到廣泛的應用，前端崗位從web前端開發(fā)到前端全棧開發(fā)，對技術知識點的要求也在不斷的變化，那么web前端開發(fā)需要掌握哪些技術呢?華清遠見的小編姐姐為你詳細描述：

具體來說前端可以分為以下四個大的學習模塊，循序漸進的開始學習：

1、HTML+CSS(基礎)

目標與能力界定：與UI對接，能100%重構網站靜態(tài)頁面的開發(fā)，為后期編寫頁面邏輯、動態(tài)效果打基礎

html、css這部分是屬于公共基礎部分，不僅學習前端必須學習，就算從事Java開發(fā)、web安全等崗位這都是必須要掌握的基礎技術。而這部分的學習內容相對來說比較容易入門，比較簡單，能快速的掌握，對于除學者來說能提升大家的學習興趣。建議學習完這部分后可以嘗試模仿一些網站進行還原，記住學一萬遍不如練一遍。

重難點提醒：css3進階屬性，動效，高級布局，響應式布局，移動端適配，移動端彈性布局。

2、JavaScript基礎

目標與能力界定：編程基礎概念，培養(yǎng)邏輯思維能力。能夠獨立完成網站的頁面開發(fā)(包括合理布局，JavaScript操作DOM)

JS是整個前端的核心技術語言，在網站想想要實現(xiàn)一些炫酷的功能就必須要涉及到JS。JavaScript,IS是很強大的一門語言，但是他的內容實在大多了，而且有很多內容是糟粕， 新手是無法區(qū)分精華與糟粕的，這就造成了新手無從下手學習。JS也是一門復雜的語言，需要很明白的人給你講才不會亂，否則你很難理解其中的要點。還是建議有人帶著你系統(tǒng)學習。網絡上看似有很多免費的體系，但是核實的絕不會給你講解。

JavaScript基礎需要學習的知識要點：

ECMA 基礎語法

邏輯分支選擇

邏輯分支選擇

ECMA 函數(shù)

ECMA 內置對象(Array)

ECMA 內置對象(Math、Date)

ECMA 內置對象 (string)

DOM 基礎

DOM 樣式

BOM對象

事件

事件對象(Event)

表單和正則表達式RegExp

jQuery 基礎

重難點提醒：ECMA 函數(shù)

建議綜合拉練1-2個：jQuery 項目

3、JavaScript進階+Node+H5 API

目標與能力界定：深入面向對象編程，具備移動端開發(fā)能力，處理瀏覽兼容問題，深入學習ES6/ES7語法規(guī)范，前后端分離開發(fā)思想

建議學習模塊：

JS 面向對象

H5 API Canvas

jQuery 及插件封裝 移動端插件開發(fā)

Node服務器與數(shù)據(jù)庫 H5 API

ES6/ES7

本階段的知識點相對來說有難度的比較多了，比如：JS 面向對象里面的遞歸;Node服務器里面的知識點：HTTP/S協(xié)議(請求頭，響應頭，get，post，瀏覽器緩存);ES6/ES7里面的：Promise(asycn,await)、typescript。

到了這個階段就不是像學習HTML里面標簽那么輕松啦!

4、web全棧+框架

目標與能力界定：深入了解Node，數(shù)據(jù)庫操作，前后端分離技術，前后臺協(xié)作開發(fā)。深入學習組件化開發(fā)思想，技術復習，實戰(zhàn)項目。

框架在2018年以前可能你會VUE、React、微信小程序三大框架里面的其中一個就OK，那么到了2020年哪怕是應屆畢業(yè)生你找實習工作也不行啦，這些都是必須要學習的。而且前端的框架技術更新是非常快的3-6個月就會更新一次，所以最好是有人帶著你學習，要不然學習了半年后等你找工作的時候發(fā)現(xiàn)為什么企業(yè)都不用這些技術了而浪費了大把的時間。

最后友情提示：除了以上的四大點內容，你還需要了解以下知識體系：

函數(shù)式編程，LBS(高德地圖)

數(shù)據(jù)解構與算法簡介(O時間復雜度)

PWA，ServiceWorker，Taro

SSR(nuxt)

混合開發(fā)(uni-app，ReactNative)