前端教程集锦2021

「本文已参与好文召集令活动，点击查看：后端、大前端双赛道投稿，2万元奖池等你挑战！」

JavaScript

语言部分

• 现代 Javascript 教程

  • 我觉得其中的一片文章十分有用，教你成为写代码大师：zh.javascript.info/ninja-code

• JSON 代码风格指南

• 阮一峰老师的ES6教程

  • 本书的另一个网址es6.ruanyifeng.com/

• 廖雪峰JavaScript 教程

• MDN JavaScript 中文文档

• 查看最新的语法的进度：webkit.org/status/

• JS开发者文档（当你成为合格的开发者之后再使用吧）

• Node.js

  • 官方中文文档
  • Nodejs学习笔记
  • koa 中文文档
  • Koa2进阶学习笔记
  • 因为express不支持async语法已经过时了，所以不再推荐

• TypeScipt

  • TS手书中文
  • 深入理解TypeScript

• WebAssembly （更高性能的web浏览器语言）

  • WASM的介绍 mp.weixin.qq.com/s/rmvdVLeV0…

框架部分

这个分类是从个人角度去分类的，如果有更好的名字，反正是聚集了框架和框架的衍生物

• React.js

  • React.js 中文文档
  • React Native中文文档
  • 网站生成：www.gatsbyjs.cn

• Vue.js

  • vue官方文档 虽然大家都知道，但我还是放上去吧
  • nuxt.js文档 随着 next.js 诞生几个小时之后，nuxt.js 也诞生了。

• electorn（使用 JavaScript，HTML 和 CSS 构建跨平台的桌面应用程序）

  • 也不知道水深不深，我是没去尝试

• jQuery：怎么说呢，已经退出历史的主要舞台，但还是推荐出来吧，可能有同学很感兴趣。

  • You Don't Need jQuery
  • 全部功能查找手册：jquery.cuishifeng.cn/
  • 动画特效库：www.htmleaf.com/
  • 插件库：www.jq22.com/
  • 轻量级的 jquery Zepto.js

• AngularJS（反正很多人都不看号angular，所以我也把它放在最后面）

  • AngularJS最佳实践和风格指南
  • AngularJS中译本
  • AngularJS入门教程
  • 构建自己的AngularJS
  • 在Windows环境下用Yeoman构建AngularJS项目

• CoffeeScript

  • 因为 CoffeeScript 会将类似 Ruby 语法的代码编译成 JavaScript，而且大部分结构都相似，但不同的是 CoffeeScript 拥有更严格的语法。
  • CoffeeScript 编码风格指南

• vanillajs：史上最强框架，执行速度比99%的web框架都快。

• hexo：博客快速搭建

插件部分

工具库，那就包括很多东西啦

• moment.js 所有时间的，都可以进行管理
• BootStrap 快速搭建响应式网站

其它索引文章

• 干爆前端：github.com/KieSun/fuck…
• 前端工匠：github.com/ljianshu/Bl…
• 前端干货：github.com/TigerHee/sh…
• Awesome Vue.js：github.com/vuejs/aweso…

次要部分

有兴趣的话，看看他们的兴衰，了解一下JS的成长过程中，死了多少技术。也算是一种收获。

• 听都没听说过系列技术

  • underscore.js是一个 JavaScript 工具库，它提供了一整套函数式编程的实用功能，弥补了 jQuery 没有实现的功能，同时又是 Backbone 必不可少的部分。

  • backbone.js

  • sea.js 遵循 CommonJS 规范的模块加载框架，可用来轻松愉悦地加载任意 JavaScript 模块。Hello Sea.js

  • impress.js是基于CSS3转换和过渡的表现层框架,工作于现代浏览器

  彩蛋：第一个网站

其它类文章

• 系统重构与迁移指南：migration.ink/

其他工具类

• 廖雪峰的git介绍
• 初次运行git的介绍gitee.com/help/articl…

\