市面上培訓(xùn)機(jī)構(gòu)太多，各機(jī)構(gòu)之間的課程差異也挺大，web前端課程大致細(xì)分如下：

HTML+CSS 基礎(chǔ)

HTML 基礎(chǔ)，HTML5 規(guī)范，HTML語(yǔ)義化標(biāo)簽，CSS基礎(chǔ)，CSS3規(guī)范、CSS選擇器、CSS 屬性、視覺(jué)格式化模型、盒模型、瀏覽器兼容性解決方案，視覺(jué)格式化模型、傳統(tǒng)頁(yè)面布局、現(xiàn)代頁(yè)面布局（Flex、Grid）切圖工具 PhotoShop、PxCook 、Markman的使用。

HTML+CSS 高級(jí)

CSS處理器，CSS復(fù)合選擇器，數(shù)值和單位，CSS Hack，媒體查詢(xún)與響應(yīng)式，過(guò)渡和動(dòng)畫(huà)，浮動(dòng)定位，CSS高級(jí)技巧（雪碧圖、滑動(dòng)門(mén)和三角形繪制等），CSS預(yù)處理器（Sass，Less）的使用，CSS架構(gòu)，響應(yīng)式設(shè)計(jì) Bootstrap，移動(dòng)優(yōu)先，媒體查詢(xún)多終端適配，主流移動(dòng)端適配解決方案，移動(dòng)端屏幕比例，CSS模塊化開(kāi)發(fā)。

JavaScript 基礎(chǔ)

采用全新ES6 基礎(chǔ)**語(yǔ)法（數(shù)據(jù)類(lèi)型、變量、運(yùn)算符、表達(dá)式、函數(shù)、控制語(yǔ)句、數(shù)組、對(duì)象）教學(xué)，要求學(xué)生在熟悉 JavaScript 核心基礎(chǔ)語(yǔ)法的時(shí)候，也能夠理解 JavaScript 底層的工作原理、設(shè)計(jì)模式；運(yùn)用現(xiàn)代 JavaScript 開(kāi)發(fā)工具，進(jìn)行原生 JavaScript 以及現(xiàn)代 JavaScript 開(kāi)發(fā)工具創(chuàng)建出基于 MVC 的前端應(yīng)用程序，也能進(jìn)行 JavaScript API 編程（BOM，DOM事件）。

JavaScript 高級(jí)

HTML5 新增 API（視頻音頻、Canvas、拖拽事件、SVG、本地存儲(chǔ)、地理定位），JavaScript 函數(shù)高級(jí)，模塊化開(kāi)發(fā)，JS 模塊模式，MVC 模式，JavaScript 面向?qū)ο缶幊?，JavaScript 異步Ajax，Ajax的作用，原生XHR對(duì)象，HTTP 協(xié)議和HTTPS 協(xié)議，封裝 Ajax，jQuery Ajax，同源策略，跨域問(wèn)題及解決方案，JSON，JavaScript 設(shè)計(jì)模式，Promise 對(duì)象，ES6 模塊規(guī)范。

Node 服務(wù)器端

前后端分離，NodeJS基礎(chǔ)，MVC 架構(gòu)，MongoDB，NodeJS服務(wù)端開(kāi)發(fā)，Session、JWT、OAuth 2.0，跨越資源共享，身份驗(yàn)證和權(quán)限管理，NodeJS實(shí)時(shí)通信。

web前端框架

React ，Vue 。

移動(dòng)端開(kāi)發(fā)

React Native，跨端開(kāi)發(fā)框架、小程序開(kāi)發(fā)，F(xiàn)lutter，PWA等。

前端運(yùn)維

Linux與Docker 基本操作、Nginx/Node/MongoDB /Redis安裝與配置、PM2、搭建集群。Git、TravisCI、Jenkins。