前端书籍和学习资源推荐，后面有干货资源
很多初学者都不清楚要看些什么书，因此，我就将网上评价较好的，还有参考了知乎上的回答，对这些资料进行了整理汇总，以帮助大家更好地学习。
提示：书籍很多，但很多内容都是重复的，新知识很少，所以你只要挑一本或几本吃透就可以了，其他的可以网上下载电子书看，都买也没必要，而且计算机书籍都很贵的，但是看到好的，还是得买回来经常翻翻。
文章末尾给出了一些知乎上关于前端常见问题解答的链接，大家可以通过链接看看别人的回答，希望对大家有所帮助。
文章内容可以不看，但是末尾链接还是可以打开看看的。
一、 语言基础（以书和网站为主）
1、HTML&CSS：
（1）入门：
Codeademy上的html&css课程——在线交互式编程平台，弄清楚基本概念和基本语法
w3school上的HTML/CSS教程——技术手册式的教程，比较全面，照着实例敲一遍
Head First 系列书籍：清晰和正确的入门读物，去看看amazon排名就知道了
（2）进阶：
《精通CSS·高级Web标准解决方案》——对CSS有一个比较深入的学习，对核心技术了解
《HTML5权威指南》——非常全面的书，内容也很新，包含了HTML5+CSS3+JS DOM
（3）实战：
bootstrap框架: bootstrap中文网/《bootstrap实战》——流行的前端框架，注重实用即可
Codeademy上的Web Developer Skills+Projects——通过自己做小页面/小网站来运用所学
（4）提高：
《CSS禅意花园》——提高自己的艺术设计能力，通过实例来学习如何用CSS设计出漂亮的页面
2.Javascript：（1）入门：
Codeademy上的javascript教程——实例比较多，比较浅，算是基本了解JS
w3school上的JS教程——比较详细的了解下JS的特性
《JavaScript DOM编程艺术》——讲js和DOM的基本知识和运用，了解JS和DOM可以做什么
Eloquent Javascript 一位hacker写的编程入门，
（2）进阶：
《JavaScript高级程序设计》——JS圣经，比较全面，非常好的一本书，比犀牛书可阅读性强
《JavaScript权威指南》——传说中的犀牛书，好厚好厚的一本书，不适合入门，适合当工具书看
《JavaScript语言精粹》——很薄的一本书，但是可以帮助你快速了解JS的精华部分
（3）实战：
jQuery框架: w3school上的jQuery教程/Codeademy上的jQuery教程——了解Jquery
《jQuery基础教程》——流行的前端框架，注重实用
（4）提高：
《高性能JavaScript》——讲如何提高js性能，以及构建和部署文件到生产环境的最佳实践
《Secrets of the JavaScript Ninja》——jQuery作者写的书，如果你觉得精通JS了再看这本书
附录：前端网站大汇总
1、前端知识体系：
前端知识体系及修炼攻略：前端知识体系及修炼攻略——对前端知识体系剖析的非常好，尤其是最后对前端的阶段性划分，对前端学习很有指导意义，推荐！
前端开发知识结构：JacksonTian/fks · GitHub——有个前端知识框架的思维导图，给了很多链接和好书，推荐！
2、技术资讯类
W3Cfuns : 前端网（W3Cfuns）——国内最大的前端站，比较全
大前端：大前端_关注前端开发和wordpress主题的博客——没有W3Cfuns那么杂，有些wodpress的主题，“前端导航”也比较好用
W3Cplus:W3CPlus | css3教程-css3实例-css3动画——也是比较全，有个“国外优秀译文”，非常喜欢
前端观察 ：前端观察——专注于前端设计与开发的博客，比较有深度，排版干净，推荐！**
前端乱炖 ：前端乱炖, 最专业的前端技术内容社区——有点像前端的知乎，有问答平台和专栏啥的
3、技术教程、文档类
慕课网：慕课网-学习计划
——超级实用的视频教程类网站，各种小实例，非常适合照着“前端学习计划”计划学习
codeademy :/——英文，简单有趣的互动编程学习网站，非常适合入门，中文版是/
W3schoo在线教程l: w3school 在线教程——中文，适合入门，教程相当全，在线实例可以敲，可惜较浅，有些地方不太准确和深入
火狐开发者网络MDN：Mozilla 开发者网络——中文，不仅有技术文档，而且有相当多的参考资料和资源、工具，推荐！
W3C标准：Standards - W3C
——英文，不解释，官方文档，真前端和伪前端就在于此。可惜英文的，而且可读性差。极不适合入门，适合提高。
Web平台文档：Your Web, documented · WebPlatform.org——英文，权威性仅次于W3C标准，可读性高于W3C标准，W3C官方认可，高质量。
大牛常用网站导航& && & & &
一位全栈工程师建立的收藏夹，感兴趣的可以关注一下 比较综合性的& & & & & & & &
都是干货文档电子书，可以系统的学习一下& & & &
可以设为浏览器主页了& & & &
常用插件，美女前端创建的
已收到，非常感谢！ //：哦，我刚才发你邮箱了，你去收一下 //：这个链接打开显示的是我自己的网盘哦，能否发我邮箱呢？，非常感谢！ //：/disk/home?errno=0&errmsg=Auth%20Login%20Sucess&stoken=2e577eefebeadf52f3dfeebbccfbe7fc10bd41335ff73abe350ac45eaeb2e9c7ebe89feafa0eaaac13&bduss=91adee1c5e54af6cab857c0c52afec0f779df1f5f78fd0a5eb591db1da6c049b6f19a62bd98d38766a06adcdeb885bb0fb63fc5eaa213ed503fabdb9b3f8c9f1d87c5bd6ccdb4ffd2aad9b4dcea2bde6b4ae93df7056717bed78b86ce2e0be7ca9a&ssnerror=0#list/path=%2F
我把《用AngularJS开发下一代Web应用》及《AngularJS权威教程》的电子书放这里，你可以去这里下载 //：有没有ANgular书的推荐呢
哦，我刚才发你邮箱了，你去收一下 //：这个链接打开显示的是我自己的网盘哦，能否发我邮箱呢？，非常感谢！ //：/disk/home?errno=0&errmsg=Auth%20Login%20Sucess&stoken=2e577eefebeadf52f3dfeebbccfbe7fc10bd41335ff73abe350ac45eaeb2e9c7ebe89feafa0eaaac13&bduss=91adee1c5e54af6cab857c0c52afec0f779df1f5f78fd0a5eb591db1da6c049b6f19a62bd98d38766a06adcdeb885bb0fb63fc5eaa213ed503fabdb9b3f8c9f1d87c5bd6ccdb4ffd2aad9b4dcea2bde6b4ae93df7056717bed78b86ce2e0be7ca9a&ssnerror=0#list/path=%2F
我把《用AngularJS开发下一代Web应用》及《AngularJS权威教程》的电子书放这里，你可以去这里下载 //：有没有ANgular书的推荐呢
这个链接打开显示的是我自己的网盘哦，能否发我邮箱呢？，非常感谢！ //：/disk/home?errno=0&errmsg=Auth%20Login%20Sucess&stoken=2e577eefebeadf52f3dfeebbccfbe7fc10bd41335ff73abe350ac45eaeb2e9c7ebe89feafa0eaaac13&bduss=91adee1c5e54af6cab857c0c52afec0f779df1f5f78fd0a5eb591db1da6c049b6f19a62bd98d38766a06adcdeb885bb0fb63fc5eaa213ed503fabdb9b3f8c9f1d87c5bd6ccdb4ffd2aad9b4dcea2bde6b4ae93df7056717bed78b86ce2e0be7ca9a&ssnerror=0#list/path=%2F
我把《用AngularJS开发下一代Web应用》及《AngularJS权威教程》的电子书放这里，你可以去这里下载 //：有没有ANgular书的推荐呢
/disk/home?errno=0&errmsg=Auth%20Login%20Sucess&stoken=2e577eefebeadf52f3dfeebbccfbe7fc10bd41335ff73abe350ac45eaeb2e9c7ebe89feafa0eaaac13&bduss=91adee1c5e54af6cab857c0c52afec0f779df1f5f78fd0a5eb591db1da6c049b6f19a62bd98d38766a06adcdeb885bb0fb63fc5eaa213ed503fabdb9b3f8c9f1d87c5bd6ccdb4ffd2aad9b4dcea2bde6b4ae93df7056717bed78b86ce2e0be7ca9a&ssnerror=0#list/path=%2F
我把《用AngularJS开发下一代Web应用》及《AngularJS权威教程》的电子书放这里，你可以去这里下载 //：有没有ANgular书的推荐呢
/disk/home?errno=0&errmsg=Auth%20Login%20Sucess&stoken=2e577eefebeadf52f3dfeebbccfbe7fc10bd41335ff73abe350ac45eaeb2e9c7ebe89feafa0eaaac13&bduss=91adee1c5e54af6cab857c0c52afec0f779df1f5f78fd0a5eb591db1da6c049b6f19a62bd98d38766a06adcdeb885bb0fb63fc5eaa213ed503fabdb9b3f8c9f1d87c5bd6ccdb4ffd2aad9b4dcea2bde6b4ae93df7056717bed78b86ce2e0be7ca9a&ssnerror=0#list/path=%2F
我放这里面了，你去这里下载吧！ //：请问能否发我一份？ //：我有《用AngularJS开发下一代Web应用》及《AngularJS权威教程》的电子书 //：有没有ANgular书的推荐呢
你邮箱是多少，我发你邮箱里 //：请问能否发我一份？ //：我有《用AngularJS开发下一代Web应用》及《AngularJS权威教程》的电子书 //：有没有ANgular书的推荐呢
请问能否发我一份？ //：我有《用AngularJS开发下一代Web应用》及《AngularJS权威教程》的电子书 //：有没有ANgular书的推荐呢
我有《用AngularJS开发下一代Web应用》及《AngularJS权威教程》的电子书 //：有没有ANgular书的推荐呢
顺带推荐一本《锋利的JQuery》，很不错
我是菜鸟...
有没有ANgular书的推荐呢
20 总笔记数
6万 总阅读量
Copyright &
All Rights Reserved.
合作伙伴：前端有哪些好的学习网站_百度知道热前端-前端开发阅读学习网站
开启你的前端学习之旅
在家上班？远程兼职？远程.work大三学生前端自学和报班该选哪个
今年大三，想学前端，在报班与自学之间徘徊，自学会学到前端要求的技术吗
得去公司实习
关于伯乐小组
这里有好的话题，有启发的回复和值得信任的圈子。
新浪微博：
推荐微信号
（加好友请注明来意）
- 好的话题、有启发的回复、值得信赖的圈子
- 分享和发现有价值的内容与观点
- 为IT单身男女服务的征婚传播平台
- 优秀的工具资源导航
- 翻译传播优秀的外文文章
- 国内外的精选博客文章
- UI,网页，交互和用户体验
- 专注iOS技术分享
- 专注Android技术分享
- JavaScript, HTML5, CSS
- 专注Java技术分享
- 专注Python技术分享
& 2016 伯乐在线当前位置：正文
微信扫一扫分享到朋友圈
Codecademy作为一款非常酷的在线编程学习网站，它向用户提供了一种全新的学习方式。在基于网络互动编程教程的基础之上，手把手帮助用户了解编程的基本原理，体味Codecademy的趣味性学习。不仅如此，它还支持JavaScript、HTML和CSS、Python这四种语言呦，超赞的！CodePlayer它的优点是你可以看到作者是怎样一个个字母把代码打出来的。有可以看高手写代码的网站，就有可以看高手一笔一划创作的网站！《超赞！有哪些很少为人所知，但是很有意思的网站？》Codepen这里面有很多很酷的特效，而且你还能看到它们的源代码。 CSSdeck和CodePen差不多的一个站。RunJS国内的类似站。CodeDrops优秀的英文教程站。 NetTut+这个站不仅有很多很棒的教程，还有关于前端最新的资讯，强烈推荐！W3CPlus国内的优秀教程站。 HTML5Rock也是一个非常棒的前端教程网站,有些文章还有中文版的哦。 Red TeamDesignHakim（自备梯子）WebStuffShare（自备梯子）SitePointTutorialzine这个站的教程也非常好，同样强烈推荐。 CSS WizardryScript TutorialsGotoandlearn（自备梯子）一个不错的视频教程站。 如奇库创意分享平台每周最原创分享你的原创，获首页一周推荐！ww注册分分钟加入我们投稿邮箱
分享给好友
分享到微信朋友圈：
第一步 打开微信底部扫一扫
第二步 扫下面的文章二维码
第三步 右上角点击转发
相关文章Relevant
贾斯丁比伯的裸露癖终于被广告商锁定了!做小内内的CK邀请他拍了一组荷尔蒙旺盛的大片!小比伯一下子爷们了,流气也少了,加...
手机完全侵入我们的生活,不管你身在何处,总能见到神态各异的人在划!手!机!过人行横道也在划!手!机!跟朋友出去吃饭还是...
1、上帝思维“关爱别人,受益自己.”上帝说,天堂里的居民,凡事都是这么想的,世人要是拥有爱的思维,那他无论身处何方,都...
自从跟了出版社的项目,这种调查做起来越来越顺了,对于那些性冷淡并难以取悦的人也进入了尾声,想起巫昂老师在三联做的《当代...
1.哪里有这样的教练,请!叫!上!我!2.做陶瓷真的是一件很邪恶的事,甩得少妇心花怒放.3.妈蛋,脱出去砍了!!4.国外的军训我...
来自德国的摄影师Julius Ise为某棒棒糖拍摄了一组可以称得上是史上最性感的棒棒糖广告,这组作品名为《leck mich》,意为“舔我”...