frankxin / awesome-javascript

A learning guide for JavaScript programmers.

Awesome JavaScript

JavaScript是一个仅在一周就被发明出来的小玩意， 所以，它有着有多的缺陷，即使是这样，它已经存在了20年，全世界几乎每台电脑都至少装有一个JavaScript解释器， 况且今天这个当初的小玩意的目标是编写大型的企业应用。如果你对JavaScript的理解仅限于DOM操纵，页面动画，jQuery等等， 本列表将为你展现JavaScript的更多的令人震撼的功能。

专题列表

• React相关资源
• JavaScript语法解析

基础

开发准备

1. 安装 Node.js
2. 安装 PhantomJS - 没有界面的浏览器
3. 安装 Python27 (Node有些模块对Python有依赖)
4. 安装 Git
5. 编辑器 WebStorm 或 Visual Studio Code

推荐的书

• JavaScript DOM编程艺术
• JavaScript高级程序设计（第3版）
• JavaScript语言精粹
• Speaking JavaScript
• JavaScript权威指南
• Eloquent JavaScript
• JavaScript忍者禁术
• You Don't Know JS
• 阮一峰：JavaScript标准参考教程

源代码阅读

• Github: Backbone
• Github: Underscore
• Github: Immutable

敏捷方法与工具

1. 持续集成与部署

   • Continuous Delivery vs Continuous Deployment vs Continuous Integration - Wait huh?
   • Jenkins：开源的可扩展持续集成服务器
   • CircleCI：Ship better code, faster.
   • Travis CI: 一个针对开源社区的持续集成托管服务

2. 敏捷相关的几个概念

   • Scrum: Scrum Guide
   • TDD: Test-Driven Development by Example (book)
   • Pair Programming

JavaScript

1. Promise
   • Github: bluebird
   • Github: q
2. JavaScript与有限状态机
3. Fetch API
   • Github: fetch polyfill
4. 什么是shims和polyfills
5. 严格模式
6. ES5增加的新特性
7. ES6基本介绍

ES6

语法转换 ES6 to ES5

1. Babel - 推荐！
2. Traceur

入门

1. Learn ES2015
2. Arrow functions
3. Class

Node.js

图书

1. Node.js In Action
2. 深入浅出Node.js

最佳实践

1. Node.js最佳实践：第一部分
2. Node.js最佳实践：第二部分

风格指南

1. Node.js风格指南（中文）

常用的Node Web框架

1. 传统的Node框架：Express
2. 下一代Node.js框架：Koa
3. 专注于构建可重用的应用逻辑：Hapi
4. 其他Node框架

常用NPM工具模块

1. JavaScript编写同步代码辅助工具包：async
2. 配置管理工具包：nconf
3. 基于生成器的控制流管理工具包：co
4. 模块调试：debug
5. 构建请求: superagent
6. 辅助测试工具：Sinon.js

开发工具和库

对于前端开发而言，如果你需要查找一些库或框架来帮你解决问题， 下面两个网站可能会帮助你选择：

1. JavaScripting.com
2. JavaScriptOO

借助上面的两个网站，你能够迅速的找到相关的工具。 下面会继续列举一些常用的工具、库、或框架：

1. 自动构建

   • Gulp
   • Grunt

2. 代码质量

   • JSLint, by Dogulas Crockford
   • JSHint, by Anton Kovalyov
   • ESLint, by Nicholas Zaks
   • JSCS

3. 前端工具

   • 浏览器特性检测工具：Modernizr

4. 文档生成

   • JSDoc

5. 工具库

   • 提供大量工具函数：Underscore.js
   • 工具函数库：Lo-Dash
   • 正则表达式库：XRegExp

6. UI框架

   • Bootstrap - 最常用的UI框架
   • Semantic UI - Human-friendly
   • Foundation - Most advanced responsive FE framework

7. 前端框架

   • React - UI层库，组件驱动开发
   • AngularJS - MVVM
   • Polymer - web components
   • Vue.js

8. 可视化库

   • D3.js - Data Driven Documents
   • ECharts - 百度可视化工具包
   • HighCharts - 注重交互
   • Chart.js - Simple, clean and engaging charts
   • Angular Chart - AngularJS指令封装版Chart.js
   • Epoch - for real-time visualizations

9. 模块系统和包管理器

   • 模块系统
     • CommonJS (Node, 同步加载)
     • AMD：RequireJS(浏览器，异步加载)
     • ES6 Module
   • 包管理器
     • npm(Node包管理器)
     • Bower（主要是前端资源包）
     • Browserify(将Npm包转为浏览器友好的)

10. JS单元测试

    • Mocha
    • Jasmine
    • QUnit
    • Tape
    • Jest
    • Karma

11. 前端资源CDN服务：

    • BootCDN
    • 360前端资源CDN服务
    • 七牛前端资源CDN服务

Future

很遗憾，这里只能列举一些常用的资料，但幸运的是，互联网极大便利了我们获取信息的方式， 下面几个链接或许是你正在寻找的：

1. Frontend Rescue - 帮助你获取前端资源
2. JSbooks - 帮助你寻找和JS相关的书
3. Cooper Press 订阅