前端学习资源精选

教程

• 综合
  • 前端开发者手册 对前端做了整体的介绍。
  • 饥人谷 前端学习课件 内容深入浅出。适合初学者。
  • MDN 这网站上内容比 W3school 上的详细。
• CSS
  • CSS 规则参考
  • 学习 CSS 布局
• JavaScript
  • JavaScript The Right Way 中文版
  • JavaScript 标准参考教程（alpha）- 阮一峰
  • JavaScript简易教程 v0.3.0 - 颜海镜 我所知的最完整最简洁的 JavaScript 基础教程。

练习

• Free Code Camp
• LeetCode Online Judge 很多算法题。
• 百度前端技术学院:任务列表
• learn-js 一个 JavaScript 互助学习的项目。接受组件开发的挑战，通过让他人看你提交代码来提高。

资讯

• 网站
  • Div.IO
  • 前端乱炖
  • W3C plus
  • CSS-TRICKS 虽然内容是英文的，但内容特别赞。
• 内容聚合
  • 掘金
  • 开发者头条
• 邮件订阅：每周收一封相关内容的邮件。
  • CSS Weekly
  • HTML5 Weekly
  • JavaScript Weekly

如何与最新的前端技术保存同步的方法，点这里。

在线代码编辑器

• Dabblet 演示 CSS 的比较好，会自动加浏览器前缀。对JS的支持比较弱。
• CodePen
• Jsfiddle

一般用在线代码编辑器写一些准备分享给别人看的 Demo 。

视频教程

• HTML + CSS基础课程
• JavaScript 深入浅出

看视频学技术的缺点是学习效率比较低，优点是对初学者更友好。前端入门后，不推荐看视频。