A taste of EcmaScript 6: the language and the tools
summary
Explains that ES6 features run today by transpiling ES6 to ES5 with Babel and packaging modules with Webpack, using a webpack config + .babelrc presets to transform every .js into a single bundle.js and emit source maps so browsers debug the original ES6. Notes promises need polyfills, modules require bundlers to resolve imports/exports, and shows that the build chain (npm installs, babel loader, webpack) produces a working bundle usable in production.
AI-written summary · about
chapters (32)
- 0:00Introduction
- 1:47Terminology
- 2:40ES6 story
- 3:13New features
- 4:22Compatibility table
- 5:25Transpiling
- 7:48Polyfill
- 9:14Transpilers
- 9:51Babel JS
- 10:36Babel Setup
- 11:36Babel vs Webpack
- 13:26Webpack
- 14:05Webpack config
- 16:32Presets
- 18:52Questions
- 22:34Variable scoping
- 26:10Function examples
- 28:05Classes
- 29:00Constructor
- 30:00Promise
- 32:27Babble
- 32:45Modules
- 33:39Export and import
- 37:24String templates
- 37:48Multiline strings
- 39:20Building objects
- 40:13Filtering variables
- 40:38Destructuring objects
- 41:24Import syntax
- 47:41Spread operator
- 50:15Summary
- 50:48Any questions
