JavaScript & TypeScript

Notes along the JavaScript, ECMAScript, TypeScript journey

Standards and Specifications

Standards Bodies

• w3c Standards
• WHATWG Living Standards
• ECMAScript Standards
• IETF (Internet Engineering Task Force) Standards

HTML

• HTML Living Standard (WHATWG)
• Latest HTML Standard (w3c)

CSS

• CSS Standards (w3c)
• CSS - The Official Definition (w3c)

JavaScript / ECMAScript

• ECMAScript 5.1 Language Specification (June 2011)
• ECMAScript 5.1 and ECMAScript 6

Documentation and Reference

Development Resources

• node Documentation
• npm Documentation
• Mozilla Developer Network
• Google Developers
• The Modern JavaScript Tutorial
• devdocs.io (Collection of all API documentation)

Testing

• Introduction to Test Driven Development (TDD)
• Learn TDD (Test Driven Development)
• Behavior Driven Development (BDD)

Key Concepts

Core Language Features

• this
• Strict mode
• Template Strings/Literals
• Destructuring Assignment

Functions

• IIFE (Immediately Invoked Function Expression)
• Arrow Functions
• Default parameter values
• Rest Parameters/Use of Spread Operator

Asynchronous Programming

• Promise
• async function
• await operator
• XMLHttpRequest

Module Systems

• JavaScript Module Pattern: In-Depth (Ben Cherry)
• CommonJS
• export/import statements
• RequireJS (AMD)

Build Tools & Transpilers

Bundlers

• webpack
• Parcel
• rollup.js
• browserify

Task Runners

• Grunt
• Gulp

Transpilers / Compilers

• Babel
• TypeScript (Microsoft)
• Flow (Facebook)

Frameworks & Libraries

UI Frameworks

• ReactJS (Facebook)
• Angular (Google)
• Vue.js
• jQuery
• Ember.js

Mobile Development

• React Native (Facebook)
• NativeScript (Progress Software/Telerik)
• Flutter (Google)

Testing Frameworks

• Jest (Facebook)
• Mocha
• Jasmine
• QUnit (jQuery)
• Selenium

Data Visualization

• d3js
• threejs

Online Playgrounds

General Purpose

• CodePen
• jsFiddle
• CodeSandbox
• repl.it

Mobile Development

• Snack (expo.io)
• NativeScript Playground

Coding Standards

Style Guides

• Airbnb JavaScript Style Guide
• Google Style Guides
• Standard JS
• jQuery JavaScript Style Guide

Design Systems

• Google Material Design
• Microsoft Design
• Apple Human Interface Guidelines

Tools & IDEs

Editors

• Visual Studio Code (Microsoft)
• Atom (Github)

Version Control

• Github Desktop

Influential People

• Brendan Eich (JavaScript Creator)
• John Resig (jQuery)
• Ryan Dahl (NodeJS)
• Addy Osmani
• Kyle Simpson
• Nicholas Zakas

Books

See JavaScript books section for recommended reading.