優就業的Web前端課程一共分為六個階段

第一階段Html5+CSS3：主要學習HTML5基礎、CSS基礎、HTML5進階、CSS3進階、Less

第二階段JS互動設計：主要學習JavaScript核心語法、DOM和BOM、JavaScript高階進階、面向物件程式設計、Touch、jQuery、Zepto

第三階段Node開發：主要學習JavaScript ES6、Node、Express、MySQL、Webpack+Gulp+模組化、WebSocket+Koa2

第四階段前端框架：主要學習Vue基礎、Vue進階、TypeScript、React

第五階段小程式+資料視覺化：主要學習小程式基礎、雲開發、uni-app基礎、資料視覺化

第六階段就業指導+專案提升：就業指導、企業面試覆盤

以中公優就業的課程大綱為例，前端主要學習以下內容：

第一階段Html5+CSS3：主要學習HTML5基礎、CSS基礎、HTML5進階、CSS3進階、Less

第二階段JS互動設計：主要學習JavaScript核心語法、DOM和BOM、JavaScript高階進階、面向物件程式設計、Touch、jQuery、Zepto

第三階段Node開發：主要學習JavaScript ES6、Node、Express、MySQL、Webpack+Gulp+模組化、WebSocket+Koa2

第四階段前端框架：主要學習Vue基礎、Vue進階、TypeScript、React

第五階段小程式+資料視覺化：主要學習小程式基礎、雲開發、uni-app基礎、資料視覺化

最後，優就業還有第六階段就業指導+專案提升：就業指導、企業面試覆盤保障就業

學習任何一種東西都要系統的學習，不然很難了解透徹。

1、瞭解計算機基礎知識

2、常用協議，例如http、TCP/IP等等

3、HTML /HTML5靜態頁面以及如何佈局

4、CSS和CSS3 頁面裝飾

5、JavaScript 頁面動態效果

6、jQuery

學習前端的話對HTML，CSS肯定要非常的熟悉，另外如果要學前端的話，最重要的就是要把JS給搞懂,搞透。JS現在非常的重要，而且將來也是大有可為學好JS的話是非常關鍵，也是非常重要的。

大家好，我是小邱！一個不負正業的程式設計師。

在此給大家推薦一些提高效率的工具。

思維導圖工具-XMind，免費，Windows/Mac平臺都有,當我們學習知識的時候，仔仔一直堅信理解並梳理清楚才能夠算真學會了。所以我會結合部落格和XMind，讓知識體系更為清晰。圖形類工具-PowerPoint，Mac平臺OmniGraffle，可能你也發現了，這篇文章裡面的配圖很多都是用Omni製作的。不會休息的程式設計師不是好的切圖仔，所以使用Pomodoro管理我們自己的節奏吧，寫上20分鐘，休息上5分鐘，在5分鐘的時候思考那些沒解決的bug，保證會比坐在電腦前想著要舒服，值得高興的是，它又是一個全平臺產品。

下面是學習前端的一些學習路線：

HTML部分對HTML5的理解，Web語義化，SEO頁面載入的過程結構組織新增API 如本地儲存、CanvasCSS部分CSS3 transition transform animatew3c盒子模型 和 IE盒子模型，box-sizing屬性BFC選擇器優先順序less 與 sassbackground-* 系列屬性，這個不要忽視了，還是很重要的JS部分原型 閉包宣告提升基本資料型別高階函式JSON、JSONP 跨域 iframe 通訊Ajax原生DOM操作（比如 逆序DOM節點）事件捕捉，捕獲，冒泡，代理Array常用函式String常用函式ES5 + ES6VUE框架部分（大部分按照簡歷來）HTTP1/2 理解、狀態碼、最佳化、快取控制（必考）TCP三次握手，四次揮手XSS與CSRF（必考）學習經歷和方法效能最佳化單元測試React + Redux總結

有一個好的學習方法比什麼都重要，雖然這篇文章是討論前端的，但是學習的方法並不侷限在前端上，掌握好的學習方式，可以無形中減少我們的學習成本，努力不是用消耗的時間來衡量的，我們需要的是學好，更需要玩好，開心才是最重要的。