一、 語言基礎（以書和網站為主） 1.HTML&CSS： （1）入門：

    Codeademy上的html&css課程——線上互動式程式設計平臺，弄清楚基本概念和基本語法     w3school上的HTML/CSS教程——技術手冊式的教程，比較全面，照著例項敲一遍

（2）進階：

    《精通CSS·高階Web標準解決方案》——對CSS有一個比較深入的學習，對核心技術瞭解     《HTML5權威指南》——非常全面的書，內容也很新，包含了HTML5+CSS3+JS DOM

（3）實戰：

    bootstrap框架: bootstrap中文網/《bootstrap實戰》

（4）提高：

    《CSS禪意花園》——提高自己的藝術設計能力，通過例項來學習如何用CSS設計出漂亮的頁面

2.Javascript： （1）入門：

    Codeademy上的javascript教程——例項比較多，比較淺，算是基本瞭解JS     w3school上的JS教程——比較詳細的瞭解下JS的特性     《JavaScript DOM程式設計藝術》——講js和DOM的基本知識和運用，瞭解JS和DOM可以做什麼

（2）進階：

    《JavaScript高階程式設計》——JS聖經，比較全面，非常好的一本書，比犀牛書可閱讀性強     《JavaScript權威指南》——傳說中的犀牛書，好厚好厚的一本書，不適合入門，適合當工具書看     《JavaScript語言精粹》——很薄的一本書，但是可以幫助你快速瞭解JS的精華部分

（3）實戰：

    jQuery框架: w3school上的jQuery教程/Codeademy上的jQuery教程——瞭解Jquery     《jQuery基礎教程》——流行的前端框架，注重實用

（4）提高：

附錄：前端網站大彙總 1、前端知識體系：

2、技術資訊類

3、技術教程、文件類

    慕課網：http://www.imooc.com/course/program     ——超級實用的視訊教程類網站，各種小例項，非常適合照著“前端學習計劃”計劃學習     codeademy : http://www.codeademy.com/——英文，簡單有趣的互動程式設計學習網站，非常適合入門，中文版是http://www.fenby.com/     W3schoo線上教程l: http://www.w3school.com.cn/——中文，適合入門，教程相當全，線上例項可以敲，可惜較淺，有些地方不太準確和深入     火狐開發者網路MDN：https://developer.mozilla.org/zh-CN/——中文，不僅有技術文件，而且有相當多的參考資料和資源、工具，推薦！     W3C標準：http://www.w3.org/standards/     ——英文，不解釋，官方文件，真前端和偽前端就在於此。可惜英文的，而且可讀性差。極不適合入門，適合提高。     Web平臺文件：http://www.webplatform.org/——英文，權威性僅次於W3C標準，可讀性高於W3C標準，W3C官方認可，高質量。

一些不錯的網站

    github：沒啥好說的，多閱讀別人的原始碼，多上傳自己的原始碼，向世界各地的大牛學習     codepen：感受前端之美的必選之地，裡面有很多酷炫的效果和優秀的外掛     echojs：快速瞭解js新資訊的網站     stackoverflow和segmentfault：基本上各種問題都能在上面獲得解答     google web fundamentals：每篇文章都適合仔細閱讀     static files：開放的CDN，很好用     iconfont：阿里的向量圖示庫，非常不錯，支援CDN而且支援專案     html5 rocks: 一個不錯的網站，很多瀏覽器的新特性以及前沿的技術，都能在這上面找到文章     css tricks：如何活用CSS，以及瞭解CSS新特性，這裡可以滿足你     JavaScript 祕密花園 JavaScript初學必看，非常不錯     w3cplus：一個前端學習的網站，裡面的文章質量都挺不錯的     node school：一個不錯的node學習網站     learn git branch：一個git學習網站，互動很棒     前端亂燉：一個前端文章分享的社群，有很多優秀文章     正則表示式：一個正則表示式入門教程，非常值得一看     各路大牛的部落格：這個太多了，就不貼了，知乎上有很全的     各種規範的官方網站，不懂得時候讀規範  

附錄：