模塊1基礎(chǔ)入門階段模塊2web移動開發(fā)– html5 css3模塊3html 5 游戲 html5 canvas模塊4用js去做傳統(tǒng)java NET PHP才能做的數(shù)據(jù)庫操作，服務(wù)器編程 ajax nodejs模塊5大型BS云。

針對0基礎(chǔ)，非科班，沒有編程經(jīng)驗(yàn)，想學(xué)前端，但是不知道如何入門的人群基礎(chǔ)部分1HTML + CSS 這部分學(xué)習(xí)，可以模仿一些網(wǎng)站做些頁面，在實(shí)踐中積累經(jīng)驗(yàn)做到能與UI對接，能100%重構(gòu)網(wǎng)站靜態(tài)頁面的開發(fā)，為后期編寫。

四響應(yīng)式網(wǎng)站與項(xiàng)目自動化開發(fā) 學(xué)習(xí)路線HTML5，CSS3，響應(yīng)式原理及布局，Bootstrap，前端依賴管理，CSS預(yù)處理語言Less+Sass，GruntGulp自動化構(gòu)建工具 五框架與項(xiàng)目管理 學(xué)習(xí)路線MVCMVVM架構(gòu)模式，VUE2，Web。

但有幾個(gè)基本共同點(diǎn)，一是要熟悉Web開發(fā)，二是要熟悉JS操作，三是能夠熟練運(yùn)用APICloud的api 前2者是基礎(chǔ)，后面是為了讓程序飛起來 Web開發(fā)三劍客HTMLCSSJS可以完成一個(gè)WebAPP的開發(fā)，也能夠使一個(gè)程序變成一個(gè)APP。

1HTML5具有本地存儲的特點(diǎn)，基于HTML5開發(fā)的webAPP啟動時(shí)間更短，組網(wǎng)速度更快，都得益于HTML5APPCache和本地存儲功能2使用HTML5在網(wǎng)頁上添加視頻和音頻非常方便，不需要復(fù)雜的代碼就可以構(gòu)建一個(gè)功能齊全的HTML5播放器。

web前端開發(fā)入門需要掌握的知識如下1學(xué)好CSS是網(wǎng)頁外觀的重要一點(diǎn)，CSS可以幫助把網(wǎng)頁外觀做得更加美觀2div布局DIV元素是用來為HTML文檔內(nèi)大塊的內(nèi)容提供結(jié)構(gòu)和背景的元素3學(xué)習(xí)JavaScript的基本語法，以及如何使用。