第一階段: C/S(client server )向 B/S(browser server)過渡階段前端
client server(客戶端服務) :最典型的產品,例如QQ,飛信,須要安裝包webpack
browser server(瀏覽器服務):基予瀏覽器運行的產品,例如京東、淘寶git
網頁製做:PhotoShop、HTML、CSS,數據綁定由後端完成web
第一階段的前端,通常公司的前端比例是1:5或者1:六、七、8編程
隨着WEB2.0的興起,開始從靜態到動態,從後端到前端小程序
第二階段:先後端分離後端
後端:完成數據的分析和業務邏輯編寫(包含API接口的設計編寫)微信小程序
前端:網頁製做、js交互效果、數據交互和綁定跨域
前端開發:JavaScript、AJAX(跨域技巧)、jQuery......瀏覽器
發展到第二階段的時候,前端已經發展的不錯了,通常公司的前端比例爲一半一半了,同時也迎來了前端井噴式爆發
第三階段:從前端到全端(從PC端到移動端)
移動端開發:H五、CSS三、響應式佈局開發、Zepto、Hybrid(混合app開發)、微信小程序......
到了這裏,須要學習的東西就多了起來,可是萬事不離根本,只要基礎打的牢,學習什麼都很快上手
第四階段:從全端到全棧
全棧開發:先後端後能夠開發,嚴格意義上的全棧是指:一種語言完成先後端開發,例如 Java 、Php、Python,最普遍應用的是NODE(基於JS編程語言開發服務器程序)、Express/Koa......
如今階段的前端
爲了迎合日益發展的前端開發,JS中誕生不少有助於開發、維護、提升性能的框架:Vue、React、Angulaer、webpack.....
因此如今前端開發必需要會Vue、React、Angulaer、webpack、git....
前端將來發展
展望WBE4.0時代,VR/AR元年,前端須要Canvas/webGL...
阮一峯大哥說,將來前端有兩種軟件工程師:端工程師(大部分工做量基於前端)/雲工程師(大數據)
看到這裏對於學習前端是否是很迷茫了,不要緊, 當感到迷茫的時候,把眼前的事作好,就會看到但願!