前端学习资源收集

前言

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

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

一、视频学习网站

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

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

前端学习资源收集_第1张图片

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

你可能感兴趣的:(前端学习资源收集)