前端技术教程及文档

整理最有趣的前端技术教程及文档，欢迎大家都来补充让更多的多学找到学习一手好资料

前端工具

• Git
  1. 入门篇
  2. 高级篇
  3. 索引篇
  4. 原版
  5. 原版翻译
  6. Git的奇技淫巧
• Webpack
  1. 文档
  2. 插件
• Paracle
  1. 文档
• Gulp
  1. 文档
• Grunt
  1. 文档
• Rollup
  1. 文档
• Browserify
  1. 官方文档
• Lerna
  1. 官方文档
  2. 入门介绍
• Eslint
  1. vue eslint
• http-server
  1. 静态服务器
• ast
  1. 业界AST库
• 自动化测试
  1. jest
• Docker
  1. 发布Node程序
  2. Docker从入门到实践

前端框架

• Vue

  1. 基本教程
  2. 路由
  3. Vuex
  4. SSR
  5. Nuxt.js
  6. Vue源码分析·免费

• React

  1. 文档
  2. Redux官方文档
  3. Redux中文社区
  4. Next.js
  5. Next.js中文文档
  6. Next.js掘金博客

• Angular

  1. 官方文档

• Riot

  1. 文档

• Koa

  Express升级后的框架，抽象设计更彻底，强大、自由、灵活

  1. 文档
  2. Koa2进阶学习笔记
  3. 基于Koa2搭建Node.js实战项目教程

• Express

  Node.js开发最容易上手的业务应用开发框架

  1. 文档

• MobX

  简单、可扩展的状态管理

  1. 教程

• RxJS

  函数式编程最经典的框架

  1. 中文文档

• Three.js

  3D和游戏必用的JS库

  1. 官方网站
  2. 基础入门-中文网
  3. 中文文档+示例

• d3.js

  数据图表中最强的类库

  1. 官方网站 2. 中文文档

• HTML5 动画库

  标准动画库和SVG动画库

  1. Raphael
  2. segment
  3. GSAP
  4. anime
  5. 免费 SVG 图标

• 视频播放器

  好用的视频播放器

  1. xgplayer
  2. video.js
  3. mediaelement

前端技术

• 内存泄漏
  1. JavaScript内存泄露和CSS优化
  2. 内存泄漏

CSS教程

• Less
  1. 文档
• Sass
  1. 文档
• CSS3布局
  1. 学习布局

JavaScript教程

• ES6
  1. 权威教程:ECMAScript 6
  2. 入门教程
• Node
  1. 官方网站
  2. 官方教程
• ES3
  1. 入门教程
• ES5
  1. ES5新特性与ES3的对比
  2. ES5新特性博客

服务端教程

• Nginx入门
• Nginx入门与精通（高级）
• Nginx配置大全
• Dgraph
• GraphQL

好玩的网站

• 刷题的酷站：leetcode
• 各种精美的微型前端库
• 代码高亮

开源图标

• NPM 图标
• 小图标
• 免费 SVG
• 免费 矢量图

视频技术

• flv 转 fmp4
• MSE
• webassembly
• asm.js

动画技术

• lottie
• 贝塞尔曲线扫盲
• 帧补偿工具
• 简单的动画库
• webassembly
• asm.js

游戏方向

• 3D 编辑器
• cocos2d引擎
• three.js
• unity3d
• webassembly
• asm.js
• Babylon.js

硬件方向

• Robotics & IoT Platform

神秘工具

• 表格工具
• shelljs
• ip离线库
• 录屏转gif工具

文档&文章

• 会议PPT

数据

• 全国POI信息数据库