前端学习资源收集

前言

本文是在现阶段自学过程用到过的优秀资源的总结，并与大家分享。希望可以对大家，尤其是像我一样的初学者有所帮助，少走弯路。

主要包括：视频网站、文本网站、书籍、博客以及优化工具等等

一、视频学习网站

就自学而言，我感觉还是看视频教学来得轻松些，也容易理解。下面就介绍几个视频网站

慕课网——程序员的梦工厂

我个人极力推荐的一个学习网站，前端的启蒙网站，主要针对互联网的开发。
课程有前端开发、后端开发、移动开发、数据库、大数据、运维、UI等，非常适合前端人员。有很多的前端课程，也根据难易程度分为初、中、高三级。还有许多的职业路径、实战教程(大部分实战课程是要付费的)。课程非常的全面。
课程里还能查看源码资源、课后小题以及在线的编辑器。
总之，这是一个非常棒的国内学习网站。

---

二、文本类学习网站

• HTML
  w3chool在线教程
  涵盖比较全面，包括html、css、javascript等

• CSS
  框架：Bootstrap中文网
  预处理器：Sass 基础教程

• JavaScript
  JavaScript教程
  JavaScript 标准参考教程（alpha）
  ECMAScript 6 入门
  全栈工程师培训

• jQuery
  jQuery API 中文文档

• Vue
  Vue.js API

• NodeJs
  Node.js v8.2.1 API文档

---

三、书籍

• HTML
  《head first of html》

• CSS
  《css权威指南》
  《css揭秘》

• Javascript
  《javascript DOM 编程艺术》
  《javascript权威指南》
  《javascript高级程序设计》
  《javascript面向对象编程》
  《锋利的jQuery》

---

四、博客

阮一峰的网络日志
张鑫旭-鑫空间-鑫生活

---

五、资源类型

• icon

Iconfont——阿里巴巴矢量图标库
Font Awesome——为Bootstrap设计
比特虫——在线制作ico图标

• 图片优化

tinypng（在线压缩）
picturefill（插件）
sm.ms（图片转为网址）

• 浏览器兼容

Can I Use（查看兼容）
BROWSERHACKS（解决方案）

• 自动化构建工具

Gulp中文网
Grunt
gulp plugins 插件介绍

• 包管理工具

NPM
淘宝 NPM 镜像
cdn