HTML，css，js，es5，es6，es7，react vue angular，nodejs 等等，我已經在這行混了接近6年。

html,html5,css,css3,JavaScript是最基本的可以應付普通互動介面，後續還要學ES6，Vue,react,d3d.js

網頁前端開發工程師就是與網頁打交到。下面幾個技能是必備的。

寫網頁怎麼離得開html，html也叫超文字標記語言，它包括很多標籤。透過標籤對文字，圖片，聲音，視屏等網頁元素進行格式化處理。html就是網頁的基礎。

CSS是層疊樣式表的英文簡稱，CSS能夠對網頁的元素的位置進行排版，那些漂亮的網頁就是用CSS進行排版的，什麼元素在什麼位置都是透過CSS進行處理的，部分網頁的動態效果也是用css實現的，常見的loading樣式，滑鼠進入圖片放大等效果都可以用CSS實現。網頁的佈局離不開CSS。

JavaScript簡稱js，是一款解釋型指令碼語言，它對網頁的作用就是處理使用者事件的，比如網頁的元素被點選後有什麼效果，就需要利用js進行事件繫結。比如登入介面，使用者輸入賬號密碼後點擊登入。js就會處理這些事件，去訪問後臺拿到結果後判斷是否登入成功。總之，js就是處理事件的。

前端框架就是對js的二次封裝，把常用的功能封裝起來，提高開發者的開發效率。

常見的前端框架有jquery：獨特的鏈式語法和簡潔的多功能介面；具有高效靈活的css選擇器，並且可對CSS選擇器進行擴充套件。

Bootstrap：讓頁面更加簡潔、直觀。是移動裝置優秀的前端開發框架,讓網頁開發更迅速、更簡單。它還提供了優雅的HTML和CSS規範，有著豐富的網格佈局系統以及大量的可重用元件，還支援JavaScript、jQuery外掛以及元件定製等。

AngularJS：有很多特性，最為核心的是MVW（Model-View-Whatever）、模組化、自動化雙向資料繫結、語義化標籤、依賴注入等等。

Vue：Vue.js是一個構建資料驅動的 web 介面的漸進式框架。Vue.js 的目標是透過儘可能簡單的 API 實現響應的資料繫結和組合的檢視元件。

網頁寫好了，總是要看看效果的，這個時候除錯工具是必要的，一般都是用瀏覽器進行除錯，chrome，Firefox等主流瀏覽器的網頁除錯方法都要會。

以上都學會了，就需要專案進行實戰了。