從基本到深入到前沿
html5權威指南
html5經典實例
CSS禪意花園。
響應式web設計（html和css實戰）
javascript權威指南，
javascript經典實例
高性能javascript，
javascript語言精粹
javascript設計模式
node權威指南
node高級編程
這些是前端比較基本的東西，響應式設計涉及到html5.語言精粹頁數儘管不是很多，但是包含對javascript的解析較爲深刻，需要透徹領悟。node是08年以vb作爲引擎的平臺，對於前端人員掌握後臺和對網絡知識的瞭解有一定好處， 它用於方便地搭建響應速度快、易於擴展的網絡應用。
常見博客：
w3school教程是我們搜html知識最先出現的網站，裏面內容作爲入門是可以的，但是內容並不是很系統。如若希望系統瞭解html，css,javascript。推薦網站爲firefox官網中右上角導航裏的開發者平臺，裏面對於這些技術會有系統的介紹，也會有相關技術的及時更新，跟着教程走，應該對初學者來說會有不小的收穫，地址爲https://developer.mozilla.org/zh-CN
css禪意花園是一個集設計與技術與一體的網站，大家利用技術將巧妙的靈感融於網頁設計，裏面的html文件可以供下載，大家可以參考一下里面的代碼，有很多html5內容在網頁上的精彩應用，個人覺得很多程度上會對你在設計和在技術上影響深刻。
移動端設計還有今天朋友推薦的一個網站，http://www.catswhocode.com/blog/
http://javascript.crockford.com/這是知乎上搜到的javascript語言精粹作者提供的，還沒仔細看，但是感覺還不錯,裏面足以使你熟悉javascript的方方面面
https://bonsaiden.github.io/JavaScript-Garden/zh/ javascript祕密花園
最淺顯也最結合實際，對我影響比較大的博客還有張鑫旭博客，鏈接地址爲：zhangxinxu.com，裏面介紹了譬如插件，display:inline-block行間距， 的問題等。
還有業內領先的360奇舞團博客地址：http://caibaojian.com/75team及它的官網http://www.75team.com/，在官網下的一些鏈接是BAT相關前端網站的連接，大家也可以點開看一下，鏈接我就不貼出來啦。
當然javascript學習途徑還有http://ejohn.org/，慕課網等途徑
http://www.codewars.com/kata/ 是一個較好的關於javascript卻不僅限於javascript的練習平臺，裏面的題目是層層遞進的關係，隨着你級別的提高，難度會逐漸提高，大家可以在裏面的練習中熟悉javascript函數並且利用一定的算法知識及javascript來解決一些比較重要的問題。當然我們也可以通過分析別人提供的代碼來提高我們解決問題的思想。
http://codepen.io/是一個在線前端分享工具，大家可以在上面找到比較優秀的前端解決方案並給自己的設計提供靈感。
node學習的最好途徑莫過於官網，對node技術的更新最爲及時，但是很多都是英文版，需要大家慢慢懂啦
node練習還有howtonode.org。個人特別喜歡這個網站，它是學習node的人員利用node技術巧妙解決問題的一些方法，譬如數獨問題也可以利用node解決。
當然還有很多其他博客和網站啦，大家知道比較好的話也給我推薦一下啦。
當然，要真正對前端優化有比較好的瞭解，我們也需要看一下下算法方面的書籍，博客啦
文章後期會再更新滴