怎樣開始學習前端知識？

01-20

最近對前端知識產生了濃厚的興趣，斷斷續續看了一些html和css的書和文章。現在請教下各位前端高手或者愛好者，你們的前端之路是怎麼開始的？怎樣開始學習前端知識。

零基礎開始學 Web 前端開發，有什麼建議嗎？ http://www.zhihu.com/question/19637373

怎樣成長為一個優秀的 Web 前端開發工程師？

http://www.zhihu.com/question/19554845

做前端的應該如何從頭學習 JavaScript？

http://www.zhihu.com/question/19690418

零基礎的網站開發初學者如何系統的學習？

http://www.zhihu.com/question/19834302

如何循序漸進有效學習 JavaScript？

http://www.zhihu.com/question/19713563

提問前，請先搜索。

有人需要喔我整理一下。誒她肯定會給我點贊的害羞我不要於是匿名

寶寶我要讓全世界知道這個答案被你承包了！！！

這裡都是一些很奇怪的入門小資源。

js入門看這個 JavaScript for Cats

css入門 http://www.w3schools.com/css/default.asp （如果不會HTML可以補充看一下這家的）

css定位入門Learn CSS Layout

以上都自帶編輯器，如果沒有就貼到http://jsbin.com編輯

要成為一個能用的前端工程師，這個年代不會node是不行的。

也不用很會，至少你build system要會用，不然，撲街。

至少要會用npm（看官網、搜教程）、babel、webpack/gulp等build system看到一個學一個，花不了幾十分鐘但是可以用很久。然後就算不會coffee, ts等也要懂es6語法，看GitHub - ruanyf/es6tutorial: 《ECMAScript 6入門》是一本開源的JavaScript語言教程，全面介紹ECMAScript 6新增的語法特性。或者 Learn ES2015 ?· Babel

對node感興趣就直接做一遍express.js的getting started 部分，Installing Express

兩本進階推薦一下 3周3頁面 - 邱俊濤輕量級Web應用開發

主要關於實用的CSS布局與web應用架構設計

這些全部看完後學習一種前端mvc/mvvm框架。自己上網搜索一下他們的應用場景。有可能有angular, react, vue, 等等。

推薦從react, vue開始。react看GitHub - ruanyf/react-demos: a collection of simple demos of React.js 這個，examples看過去，自己改一改，加幾個feature，特別快。vue.js看官方文檔即可

以上編輯於16年冬天。

話說提出來這麼多資源其中有一些是來自同一個人的，對吧？同兩個人。這其實是一個很省時間的學習方法。你可以看出同一個作者對於不同東西的把玩中想通的的分析思路與玩法，甚至代碼風格。你還可以學習他們為什麼這樣做。不只是我一個人這麼想，我最近在讀steal like an artist，作者也是這麼說的。

mozilla developer 上有很多東西，自行看即可。

從行動開始。

或許從自己搞幾個小網頁開始的吧，熟悉了就可以搞個小站，再深入就增加一些高級的功能。

盡量在工作中去積累吧,干學的話不如去學後端語言