前端学习资源收集

前言 本文是在现阶段自学过程用到过的优秀资源的总结,并与大家分享。希望可以对大家,尤其是像我一样的初学者有所帮助,少走弯路。
主要包括:视频网站、文本网站、书籍、博客以及优化工具等等
一、视频学习网站 就自学而言,我感觉还是看视频教学来得轻松些,也容易理解。下面就介绍几个视频网站
慕课网——程序员的梦工厂
前端学习资源收集
文章图片

我个人极力推荐的一个学习网站,前端的启蒙网站,主要针对互联网的开发。
课程有前端开发、后端开发、移动开发、数据库、大数据、运维、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

    推荐阅读