在自學前端，但是沒有什麼實踐的資源，大家來推薦一下論壇或者別的可供練習的資源吧?

01-04

現在還處於看書打基礎的階段，正在看《javascript高級程序設計》，但是也想實踐一下，覺得光看書不行，麻煩大家推薦一下論壇或者提供一下資源吧，或者說一下怎麼自學前端，謝謝各位啦

後面排版有些亂詳情可看:前端開發值得推薦的各種資源

=========================================

前端收集

前端開發博客

Brendan Eich，JavaScript 之父

Private Investigators in South East Asia, Private Investigators Thailand

Douglas Crockford，JSLint 作者，《語言精粹》作者

Douglas Crockford"s Javascript

John Resig，jQuery 作者

John Resig - JavaScript Programmer

Eric Meyer，CSS 相關的 web 標準推廣人

meyerweb.com

Peter Koch，主要是 JavaScript API

QuirksBlog

Paul Irish，HTML5 Boilerplate 發起人之一

Paul Irish

Alex Russell，Chrome team 成員

Infrequently Noted

Nicholas Zakas，High Performance JavaScript 作者

NCZOnline

Dustin Diaz，前 Googler，現 Twitter

Dustin Diaz

DailyJS，業界新聞博客

DailyJS

http://Gracecode.com

http://feeds.gracecode.com/gracecode/

Huang Jie Blog .Com-前端開發

http://www.huangjieblog.com/?feed=rss2

i在雲端

http://kinvix.kdv.cn/blog/?feed=rss2

Koubei UED

口碑

limu的磚籃兒

http://limu.iteye.com/rss

MED

http://ued.alimama.com/feed/

MephoBox RSS

http://box.mepholio.com/rss_feed

PlanABC - 懌飛』s Blog

http://feed.planabc.net/

RIAMeeting - 瑞研社區 - Flex培訓,Flex教程,Flash教程,ActionScript3,AS3,AIR - RIAMeeting為大家創造更好的交流平台

http://www.riameeting.com/rss.xml

ria之家

http://feed.feedsky.com/36ria?source=ignitionfork

Taobao UED Team

http://ued.taobao.com/blog/feed/

UED TEAM

http://www.http://ued163.com/?feed=rss2

WEB前端開發

http://www.http://css88.com/feed

YAHOO!China UED

www.uedblog.com

前端開發-武方博

http://feed.feedsky.com/wfb927

前端技術

http://www.cssrain.cn/feed.asp

前端觀察

http://feeds2.feedburner.com/qianduannet

阿里巴巴（中文站）用戶體驗設計部博客

http://www.aliued.cn/feed

陳成的博客

Welcome chencheng.org

BearRui(AK-47) 的Blog

http://feed.feedsky.com/BearRui?source=ignitionfork

http://CNodeJS.ORG

http://feed.feedsky.com/nodejs

CSS森林(CSS Forest)：無需多解釋了。

http://www.cssforest.org/blog/index.php?atom=1

PuterJam』s Blog：牛人，tx前端庫的頭頭。

http://www.pjhome.net/feed.asp

彬Go：人人網一位高產作者。

http://blog.bingo929.com/feed

支付寶前端開發車間：看名字就懂了

http://ued.alipay.com/wd/feed/

ria之家–RIA三部曲：jquery、ext、flex：淘寶幾位作者共同撰寫的blog，同樣十分高產

http://www.36ria.com/feed

幸福收藏夾：sofish的，不多說了。

http://feed.sofish.de

為之漫筆：李松峰老師，高級js編程等書的譯者

http://www.cn-cuckoo.com/feed

前端觀察：學習過程中大量搜索結果都來自於此

http://www.qianduan.net/feed

WEB前端開發：愚人碼頭的站，基本上也是一個教程基地

http://www.css88.com/feed

CssRain-前端技術：又一個教程基地

http://www.cssrain.cn/?feed=rss2

VILIC』s Blog：一員小將，功力不俗

http://www.vilic.info/blog/feed

介紹一些我認為的牛逼人物的blog：

老趙：不解釋了，全能，因為搞了jscex，所以可以把他算到前端行列來。

http://blog.zhaojie.me/rss

博客園-三生石上：亦是js領域牛人，耳熟能詳的js秘密花園就是其譯作。

http://www.cnblogs.com/sanshi/rss.aspx

博客園-Novice Doodle from Gray Zhang 宅居：他有兩個blog，百度的前端大牛

http://www.otakustay.com/feed/

http://www.cnblogs.com/GrayZhang/rss.aspx

阮一峰：由於也有很多關於前端的blog，姑且也算他是前端人士吧。

http://feeds.feedburner.com/ruanyifeng

Typeof.net：語言開發層面上的js博客，寫手包括老趙， BELLEVE INVIS是主要作者，大牛，寫js編譯器的，關鍵是，此人才大一啊，不可估量啊

http://typeof.net/feed/

hax的技術部落格：也有人提到了，看其博文是種大漲眼界的享受

http://hax.iteye.com/rss

aimingoo的專欄：愛民老師~

http://blog.csdn.net/aimingoo/rss.aspx

博客園-Ruby』s Louvre：司徒正美，除了眾多博文外，最近亦有mass Framework 釋出

http://www.cnblogs.com/rubylouvre/rss.aspx

博客園-Franky：又一牛~

http://www.cnblogs.com/_franky/rss.aspx

玉伯：現在在http://wordpress.com活動，可惜需要翻牆

http://lifesinger.wordpress.com

騰訊系列（13）(此處鏈接過多請參照有哪些不錯的前端開發博客？ - JavaScript Parry回答)

1.MacQQ的項目團隊 IBlog

2.財付通設計中心 UID

3.QQ郵箱博客

4.QQ客戶端團隊博客

5.騰訊用戶研究與體驗設計中心 CDC

6.騰訊Web前端 Alloy 團隊 Blog

7.騰訊微信博客

8.騰訊遊戲官方設計團隊TGideas

9.QQ遊戲設計中心GDC

10.騰訊移動互聯網設計團隊MXD

11.騰訊電商用戶設計體驗部ECD

12.騰訊社交用戶體驗設計部ISUX

13.騰訊大講堂

阿里系列（18）

1.阿里巴巴中國站用戶體驗設計部UED

2.淘寶網UED官方博客

3.支付寶用戶體驗部UED

4.支付寶官方博客

5.阿里巴巴國際站UED團隊

6.淘寶良無限（無名良品)用戶體驗團隊博客UED

7.淘寶一淘用戶體驗中心UX

8.阿里集團數據平台官方博客

9.阿里巴巴集團資料庫技術團隊

10.淘寶網綜合業務平台團隊博客

11.淘寶JAVA中間件團隊博客

12.淘寶搜索技術博客

13.支付寶中間件團隊

14.天貓UED

15.淘寶核心系統團隊RDC

16.阿里 RDS Blog

17.淘測試

18.量子恆道官方博客

百度系列（3）

1.百度泛用戶體驗部UUX

2.百度無線用戶體驗部MUX

3.百度商業用戶體驗部UED

搜狐系列（3）

1.搜狐移動門戶中心用戶體驗團隊MUED

2.搜狐暢遊視覺設計中心團隊VC

3.搜狐焦點用戶體驗設計UED

新浪系列（2）

1.新浪微博用戶體驗設計中心UDC

2.新浪UED

360（2）

1.奇虎360公司應用開發部Web前端

2.360UXC用戶體驗設計中心

其他（8）

1.攜程旅行前端開發團隊UED

2.人人網FED

3.搜狗設計團隊UED博客

4.網易用戶體驗設計中心UEDC

5.迅雷用戶體驗設計中心CUED

6.19樓UED

From 國內各大互聯網公司相關技術站點2.0版（集合騰訊、阿里、百度、搜狐、新浪、360等共49個）

貢獻來源:知乎上，前端開發領域有哪些值得推薦的問答？ - JavaScript鄧陳華回答.有哪些不錯的前端開發博客？ - JavaScript薛天祿,蔡超,Parry回答.

前端資源：

關於 Javascript 學習，有哪些好的博客或者網站推薦？關於 Javascript 學習，有哪些好的博客或者網站推薦？ - 前端開發

有哪些不錯的前端開發博客？有哪些不錯的前端開發博客？ - JavaScript

前端業內有哪些交流氛圍比較好群/論壇/社區？前端業內有哪些交流氛圍比較好群/論壇/社區？ - 前端開發

想深入了解一下 jQuery 的源碼，但是覺得學習曲線有點陡峭，有沒什麼好的方法或者學習資源推薦？想深入了解一下 jQuery 的源碼，但是覺得學習曲線有點陡峭，有沒什麼好的方法或者學習資源推薦？ - JavaScript

前端大牛：

知乎上有哪些 JavaScript 高手？知乎上有哪些 JavaScript 高手？ - 前端開發

國內有哪些前端開發牛人？國內有哪些前端開發牛人？ - JavaScript

中文圈，誰是最好的 JavaScript 程序員？中文圈，誰是最好的 JavaScript 程序員？ - 編程

前端書籍：

有哪些關於包括 JavaScript、CSS 和 DOM 在內的網頁開發技術的值得推薦的書籍？

有哪些關於前端開發技術（HTML、CSS 和 JavaScript 等）的值得推薦的書籍？ - 書籍推薦

關於 CSS 設計，有什麼書比較好？關於 CSS 設計，有什麼書比較好？ - 前端開發

JavaScript方面：

JavaScript 里的閉包是什麼？應用場景有哪些？JavaScript 里的閉包是什麼？應用場景有哪些？ - 編程語言

JavaScript 中 undefined 與 undeclared 之間的區別是什麼？JavaScript 中 undefined 與 undeclared 之間的區別是什麼？ - 編程語言

JavaScript中圓括弧() 和方括弧[] 的特殊用法疑問？JavaScript中圓括弧() 和方括弧[] 的特殊用法疑問？ - JavaScript

國內有哪些靠譜的 Javascript 庫 CDN可用？國內有哪些靠譜的 Javascript 庫 CDN可用？ - JavaScript

為什麼很多網站在 JavaScript 腳本中都用簡單的字母表示變數？為什麼很多網站在 JavaScript 腳本中都用簡單的字母表示變數？ - JavaScript

html方面：

.htm 與 .html 兩種文件格式（擴展名）的區別在哪裡？.htm 與 .html 兩種文件格式（擴展名）的區別在哪裡？ - HTML

製作前端頁面的時候，使用當作空格和使用 white-space: pre 的原生空格有什麼區別？哪個更好一些？實現單行文字兩端對齊時，使用 nbsp; 當作空格和使用 white-space: pre 的原生空格有什麼區別？哪個更好一些？ - 前端開發

為什麼不能在 EDM 模版中使用 DIV ？為什麼不能在 EDM 模版中使用 DIV ？ - 前端開發

CSS 方面：

命名 CSS 的類或 id 時單詞間如何連接？命名 CSS 的類或 id 時單詞間如何連接？ - 前端開發

如何解決外邊距疊加的問題？如何解決外邊距疊加的問題？ - 前端開發

在 CSS 布局中，用 float 好還是用 position 好？分別有什麼優勢？在 CSS 中，用 float 和 position 的區別是什麼？ - 前端開發

你如何理解 HTML5 的 section？會在什麼場景使用？為什麼這些場景使用 section 而不是 div？

你如何理解 HTML5 的 section？會在什麼場景使用？為什麼這些場景使用 section 而不是 div？ - 前端開發

有一 li 元素其中有中文和英文，怎麼分別設置他們的字體樣式？有一 li 元素其中有中文和英文，怎麼分別設置他們的字體樣式呢？ - 前端開發

CSS 中 block-level boxes、containing block、block formatting context 三者之間的區別和聯繫是怎樣的？CSS 中 block-level boxes、containing block、block formatting context 三者之間的區別和聯繫是怎樣的？ - 前端開發

怎樣可以很好地保證網頁的瀏覽器兼容性？怎樣可以很好地保證網頁的瀏覽器兼容性？ - 前端開發

前端工具：

寫 JavaScript 時的 IDE 或編輯器選擇有哪些好的推薦寫 JavaScript 時IDE 或編輯器的選擇有哪些好的推薦？ - 前端開發

Notepad++ 有哪些適用於前端開發的插件？Notepad++ 有哪些適用於前端開發的插件？ - 前端開發

用 Dreamweaver 寫 CSS 代碼很有效率，但為什麼還有很多人喜歡用 Notepad++ 之類的工具？

用 Dreamweaver 寫 CSS 代碼很有效率，但為什麼還有很多人喜歡用 Notepad++ 之類的工具？ - HTML

你覺得在前端開發中值得推薦的常用工具有哪些？你覺得在前端開發中值得推薦的常用工具有哪些？ - 前端開發

前端工程師都有用哪些比較靠譜的小工具啊？前端工程師都有用哪些比較靠譜的小工具？ - 前端開發

有哪些工具可以將 CSS 文件中的屬性按照一定的順序進行排列？有哪些工具可以將 CSS 文件中的屬性按照一定的順序進行排列？ - 前端開發

有哪些比較好 CSS 簡寫（壓縮）工具？有哪些比較好 CSS 簡寫（壓縮）工具？ - 前端開發

什麼是 Twitter Bootstrap？什麼是 Twitter Bootstrap？ - 前端開發

前端學習入門:

若想學 HTML，應從哪裡入手？若想學 HTML，應從哪裡入手？ - 前端開發

零基礎開始學 Web 前端開發，有什麼建議嗎？零基礎開始學 Web 前端開發，有什麼建議嗎？ - Web 開發

零基礎的網站開發初學者如何系統的學習？零基礎的網站開發初學者應如何系統地學習？ - 前端開發

如何幫助前端新人入門和提高？如何幫助前端新人入門和提高？ - 前端開發

進階：

如何循序漸進有效學習 JavaScript？如何循序漸進有效學習 JavaScript？ - 前端開發

面對變化莫測的 CSS，我該怎麼辦？面對變化莫測的 CSS，我該怎麼辦？ - 前端開發

非計算機專業，半路出家，以前做 UI ，現在想改前端，學習 JS 過程中遇到瓶頸了，如何突破？非計算機專業，半路出家，以前做 UI ，現在想改前端，學習 JS 過程中遇到瓶頸了，如何突破？ - 前端開發

一名合格的前端工程師的知識結構是怎樣的？一名合格的前端工程師的知識結構是怎樣的？ - 前端開發

高級：

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

World Wide Web Consortium (W3C) 結構複雜，信息量大，新人從哪裡入手比較好？w3.org 結構複雜，信息量大，新人從哪裡入手比較好？ - 前端開發

怎麼樣才算是精通 JavaScript？怎麼樣才算是精通 JavaScript？ - 前端開發

前端就業：

好的 Web 前端年薪會有多少？好的 Web 前端年薪會有多少？ - 前端開發

Web 前端開發崗位，該選擇百度還是騰訊？Web 前端開發崗位，該選擇百度還是騰訊？ - 招聘

淘寶 UED 前端、騰訊腳本開發、豆瓣前端開發，應該如何在這幾個工作之間選擇？淘寶 UED 前端、騰訊腳本開發、豆瓣前端開發，應該如何在這幾個工作之間選擇？ - 淘寶網

淘寶 UED 前端團隊究竟好不好？值得去嗎？淘寶 UED 前端團隊究竟好不好？值得去嗎？ - 淘寶網

只專註於 JavaScript，好就業嗎？有發展前景嗎只專註於 JavaScript，好就業嗎？有發展前景嗎？ - 前端工程師

前端招聘：

如何面試前端工程師？如何面試前端工程師？ - 前端開發

為什麼前端工程師很難找？為什麼前端工程師很難找？ - 前端開發

如何才能招聘到好的 web 前端人才？如何才能招聘到好的 web 前端人才？ - 前端開發

有哪些經典的 Web 前端或者 JavaScript 面試筆試題？有哪些經典的 Web 前端或者 JavaScript 面試筆試題？ - 前端開發

如何解答這道 JavaScript 面試題？JavaScript 怎樣高效拼接字元串？ - 前端開發

大公司面試前端開發類的職位時，更看重的是什麼？大公司面試前端開發類的職位時，更看重的是什麼？ - 前端工程師

前端漫談：

前端工程師的價值體現在哪裡？前端工程師的價值體現在哪裡？ - 前端開發

Web 前端工程師這一職業在未來行業需求和發展怎樣？Web 前端工程師這一職業在未來行業需求和發展怎樣？ - 前端開發

如何改善國內前端開發行業的尷尬地位？如何改善國內前端開發行業的尷尬地位？ - 前端工程師

一些人瞧不起 jQuery 的理由是什麼？一些人瞧不起 jQuery 的理由是什麼？ - 前端開發

Java 和 JavaScript 是雷鋒和雷峰塔的區別，這一說法是怎麼來的？Java 和 JavaScript 是雷鋒和雷峰塔的區別，這一說法是怎麼來的？ - X 的出處

Web 前端和後端工程師的具體職責分別是怎樣的？Web 前端和後端工程師的具體職責分別是怎樣的？ - 程序員

前端工程師和網頁重構工程師二者有什麼區別和聯繫？前端工程師和網頁重構工程師二者有什麼區別和聯繫？ - 前端開發

做前端開發必需要掌握切圖技能嗎？做前端開發必需要掌握切圖技能嗎？ - 前端工程師

HTML5 標準分裂會有什麼影響?HTML5 標準分裂會有什麼影響？ - 萬維網聯盟（W3C）

jQuery 宣布在未來的版本將不支持 IE6/7/8 是否明智？jQuery 宣布在未來的版本將不支持 IE6/7/8 是否明智？ - Internet Explorer

Java 和 JavaScript 是什麼關係？Java 和 JavaScript 是什麼關係？ - 編程語言

國內有人或者公司用 LESS 寫過 CSS 嗎？國內有人或者公司用 LESS 寫過 CSS 嗎？ - 前端開發

前端工程師，如何更順暢的和後端工程師合作？前端工程師，如何更順暢的和後端工程師合作？ - 程序員

為什麼很多國內公司不使用 jQuery 等開源 JS 框架（庫），而選擇自己開發 JavaScript 框架？為什麼很多國內公司不使用 jQuery 等開源 JS 框架（庫），而選擇自己開發 JavaScript 框架？ - 前端開發框架和庫

Douglas Crockford 的《JavaScript 語言精粹》中有哪些觀點是有爭議的？Douglas Crockford 的《JavaScript 語言精粹》中有哪些觀點是有爭議的？ - JavaScript

為什麼有人說前端開發水很深，工作量有時比後台還多？為什麼有人說前端開發水很深，工作量有時比後台還多？ - 前端工程師

如何用通俗易懂的語言解釋腳本（script）是什麼？如何用通俗易懂的語言解釋腳本（script）是什麼？ - 前端開發

技術細節

JavaScript 中應該用」==」還是」===」？JavaScript 中應該用 "==" 還是 "==="？ - JavaScript

JavaScript 中，num = num || 1 這種寫法有哪些優缺點？ JavaScript 中，num = num || 1 這種寫法有哪些優缺點？ - JavaScript

使用 Node.js 的優勢和劣勢都有哪些？有大公司用嗎？使用 Node.js 的優勢和劣勢都有哪些？ - Web 開發

LABjs、RequireJS、SeaJS 哪個最好用？為什麼？LABjs、RequireJS、SeaJS 哪個最好用？為什麼？ - 前端開發

一個 ul 里有若干 li，點擊 li 時能方便地知道這是 ul 中的第幾個 li 嗎？一個 ul 里有若干 li，點擊 li 時能方便地知道這是 ul 中的第幾個 li 嗎？ - JavaScript

怎樣在各個瀏覽器下使用 JavaScript 或者 CSS 控制去除 input 和 button 的虛線？怎樣在各個瀏覽器下使用 JavaScript 或者 CSS 控制去除 input 和 button 的虛線？ - 前端開發

JavaScript 語句後應該加分號么？JavaScript 語句後應該加分號么？ - 編程

GitHub 有哪些討人喜歡的原因？GitHub 為什麼討人喜歡？ - 開源社區

A B || C 效率比 A ? B : C 高？#JavaScriptA B || C 的效率比 A ? B : C 更高嗎？ - 編程

有哪些 JS 調試技巧？有哪些 JS 調試技巧？ - 前端開發

貢獻來源:jikeytang/front-end-collect · GitHub
分享前端開發相關的優秀網站、博客、以及活躍開發者。歡迎更新，以下各排名不分先後順序。自己 RSS 長期訂閱了一些IT 和技術相關博客，這裡是我Feedly 輸出的opml，可直接導入一些RSS 閱讀器:
luolei-dotfiles/feedly.opml at master · foru17/luolei-dotfiles · GitHub

前端收集圖譜

git clone hjzheng/front-end-collect · GitHub
cd front-end-collect
bower install
放入你喜歡的web容器,訪問index.html即可
你也直接可以訪問: http://get-set.cn/front-end-collect/
支持Chrome, Firefox and IE1011以上瀏覽器

W3Cplus

W3Cfuns

前端觀察

騰訊web前端 AlloyTeam 團隊@騰訊AlloyTeam

張鑫旭-鑫空間-鑫生活

ria之家

大前端CSS森林

關於#設計達人

阮一峰博客

Be For Web - 為網而生 - 原創譯文博客

Smashing Magazine業界權威，web 設計很贊

Tuts國外知名開發者網站

DeveloperDrive優質前端技術信息

CSS-TRICKSTutorialzine大量 web 教程和資源

Inspect ElementCSS,wordpress 相關教程挺多

Codrops設計、交互、CSS

Jake RutterJake RutterJquer

Paul IrishPaul Irish大神,Google Chrome團隊,Yeoman

Krasimir TsonevKrasimir Tsonevhtml5,ccs3,javascript

NCZOnlineNicholas C. Zakashtml5,ccs3,javascript

HTML5 Rockshtml5權威網站

A List Apart可以改變世界的文章

hakimHAKIM EL HATTABccs3,javascript

DailyJSjavascript

@w3c中國#萬維網聯盟中國辦事處官方微博

@TheFrontEnd#JavaScript技術資訊、新聞、教程、深度文章。

@前端快爆阿里巴巴有HTML5、CSS3、JS

@HTML5中國#中國HTML5中國：中國最大的HTML5中文門戶官方微博

@developerWorks

【張鑫旭】的個人博客
【艾倫】- 博客園 - jQuery源碼分析系列
【大漠】 W3CPLUS是一個前端愛好者的家園
【司徒正美】 - 博客園
【Hemin】jQuery API 中文手冊
【鳥哥】Laruence
【Highcharts】Highcharts中文贊助
【芒果雲】在線資源管理器

大漠分享

性能優化優秀教程

5173首頁前端性能優化實踐
給網頁設計師和前端開發者看的前端性能優化
複雜應用的 CSS 性能分析和優化建議
張鑫旭——前端性能
前端性能監控總結
網站性能優化之CSS無圖片技術
web前端性能優化進階路
前端技術：網站性能優化之CSS無圖片技術
瀏覽器的載入與頁面性能優化
頁面載入中的圖片性能優化
Hey——前端性能
html優化
99css——性能
Yslow——性能優化
YSLOW中文介紹
轉一篇Yahoo關於網站性能優化的文章，兼談本站要做的優化
Yahoo!團隊實踐分享：網站性能
網站性能優化指南：什麼使我們的網站變慢？
網站性能優化實踐，減少載入時間，提高用戶體驗
淺談網站性能優化前端篇
前端重構實踐之如何對網站性能優化？
前端性能優化：使用媒體查詢載入指定大小的背景圖片
網站性能系列博文
載入，不只是少一點點
前端性能的測試與優化
分享網頁載入速度優化的一些技巧？
頁面載入中的圖片性能優化
web前端優化(基於Yslow)
網站性能優化工具大全
【高性能前端1】高性能HTML
【高性能前端2】高性能CSS
由12306談談網站前端性能和後端性能優化
AlloyTeam——前端優化
毫秒必爭，前端網頁性能最佳實踐
網站性能工具Yslow的使用方法
前端工程與性能優化（上）：靜態資源版本更新與緩存
前端工程與性能優化（下）：靜態資源管理與模板框架
HTTPS連接的前幾毫秒發生了什麼
Yslow
Essential Web Performance Metrics — A Primer, Part 1
Essential Web Performance Metrics — Part 2
YUISlide,針對移動設備的動畫性能優化
Improving Site Performance
讓網站提速的最佳前端實踐
Why Website Speed is Important
Need for Speed – How to Improve your Website Performance

優秀簡歷

Flynngao"s Resume

Robby Leonardi

Web前端開發工程師林卿的個人簡歷

張雯莉的簡歷

葉俊星的簡介

關於 JJ Ying

羅禮權的個人簡歷

http://ming.today/resume

Lucy Bain

An Amaz-ing Resume

Impressive - Shaopeng Zhang

張浩的個人簡歷

張秋怡 - 個人簡歷

以上,整理良久並感謝推薦和分享新資源的朋友.持續更新中….

有個論壇真的需要特別推薦 StackOverflow，裡邊什麼問題都有人討論，貼的代碼可以幫你解決各種問題。

還有個同性交友社區 GitHub，好多牛人喜歡在上邊曬代碼。

具體到前端的學習：要精通 HTML、CSS、JS core、DOM，然後再熟悉 jQuery、Angular.js 等庫和框架。有精力的話，最好能學一下 Node.js。然後是前端組件化(Bootstrap)、模塊化(Require. js/jspm)、工程化(Grunt/Gulp/webpack)。

光看書沒多大用，寫起來。多寫才能夠學好，多用才能夠掌握。

baidu-ife/ife · GitHub百度前端學院，乾貨，能完全KO這3個任務直接去找實習就行了

github.comStack Overflow 國外大多數程序員會用，要一定的英文基礎

CSDN.NET csdn就不說了，資源豐富

dreawer.com 和 SegmentFault 國內問答技術社區

還有bta等大廠前端團隊可以關注下

現在互聯網發展很快，資源也非常豐富。不過說到底技術這個東西還是要多看多練多做。

隨便找個看得過去的網站就模仿唄