職位名稱：前端開發工程師

學習概要：1、先了解基礎，html/css/JavaScript是基礎。html/css就是做靜態頁面的，javascript是做動態的。

2、學習框架：jQuery（基於DOM的，必學），Vue(基於數據的，目前比較流行的框架)

一、編輯工具

用sublime text3，下一個安裝就行了。如果想用的更加方便，可以百度一下常用的插件，安裝幾個最常用的就夠了。

二、HTML/CSS

1、先看慕課網的基礎教程：HTML+CSS基礎課程（非常適合零基礎入門）

其他教學視頻：極客學園（需要會員，我沒有看）、網易雲課堂從零玩轉HTML5前端+跨平臺開發（免費）

我看的網易雲課堂的視頻，基礎比較全面，講解的也詳細。因為先學的慕課網，這個視頻我是跳著看的。

2、學習CSS布局

學習完上面的課程可以自己做靜態網頁了，不過免費課程裏面對新增的flex布局講解的比較少，基本是一帶而過，學習flex布局可以看阮一峰的博客。個人感覺flex布局非常實用，像淘寶網的九宮格圖片（店鋪裝修裏面一行顯示幾件商品）、移動端等，使用flex布局非常方便。

3、文字筆記類知識：菜鳥教程，w3school

html/css知識點非常多，全部記的清清楚楚不太可行，有個印象之後，把這兩個網站當成字典，需要的時候翻一翻。

三、javascript

1、先看智能社的視頻教程：JavaScript從入門到精通 （個人覺得這個視頻講的最好，但基礎不夠全面）、從零玩轉JavaScript全棧開發（這個視頻基礎很全面）

2、js基礎學習之後可以做點小遊戲，我參考下面的實戰視頻中的小蜜蜂遊戲做了一個氣球射擊遊戲。

網易雲課堂的實戰視頻教程：HTML5前端開發實戰

四、jQuery框架

1、網易雲視頻教程：從零玩轉jQuery原理和Ajax

2、做點遊戲練習一下，我做了狂拍灰太狼遊戲。上面的實戰視頻裏的英雄難過棍子關遊戲就是用的jQuery。

五、vue框架

六、技術交流社區

1、博客園：

推薦博客：古蘭精 ，bergw

2、CSDN：

推薦博客：阮一峰的博客

前端開發工程師從入門到精通學習過程及資源總結（持續更新中）