learn-resource.md

前端学习资源精选

教程

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

练习

• Free Code Camp
• 百度前端技术学院:任务列表
• learn-js 一个 JavaScript 互助学习的项目。接受组件开发的挑战，通过让他人看你提交代码来提高。
• 算法题
  • LeetCode
  • Codewars
  • 每日一道算法题 每天小胡子哥都会出一道题。到目前为止（2017/7/12），已坚持 8 天。
  • 100days 每天一道算法题，一共一百题。

资讯

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

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

在线代码编辑器

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

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

视频教程

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

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