锐客网

  1. 首页 > it技术 > >

前端学习资源收集

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

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

    推荐阅读


    上一篇：smf和mmf分别是什么（）

    下一篇：FlyFish 创造者计划招募，内含专属福利奖品！