ES6 Articles
Blog posts and articles about ES6. These posts are derived from the video course available at ES6.io.
Professional transcripts of the videos are being made available. From those we are creating easy to reference blog posts that will live on Wesbos.com.
Anyone is welcome to convert transcripts to blog posts as a means of solidifying their ES6 knowledge. Reviews, spelling corrections and re-wording is also welcome.
Naming Conventions
Prefix each article with the video number. Use a single leading zero for articles 1-9. The title should just use spaces as it shows in the video. Note the use of - in between the video number and the title.
example:
- 12 - Article Name.md
- 02 - I sure love Pizza.md
WIP Status
| Article Name | Captions | Blog Post | |
|---|---|---|---|
| 1 | var Scoping Refresher | X | X |
| 2 | let VS const | X | X |
| 3 | let and const in the Real World | X | X |
| 4 | Temporal Dead Zone | X | X |
| 5 | Is var Dead? What should I use? | X | X |
| 6 | Arrow Functions Introduction | X | X |
| 7 | More Arrow Function Examples | X | X |
| 8 | Arrow Functions and this |
X | X |
| 9 | Default Function Arguments | X | X |
| 10 | When NOT to use an Arrow Function | X | X |
| 11 | Arrow Functions Exercises | X | |
| 12 | Template Strings Introduction | X | X |
| 13 | Creating HTML fragments with Template Literals | X | |
| 14 | Tagged Template Literals | X | |
| 15 | Tagged Templates Exercise | X | |
| 16 | Santizing User Data with Tagged Templates | X | |
| 17 | New String Methods | X | |
| 18 | Destructuring Objects | X | X |
| 19 | Destructing Arrays | X | X |
| 20 | Swapping Variables with Destructuring | X | X |
| 21 | Destructuring Functions - Multiple returns and named defaults | X | |
| 22 | The for of loop | X | |
| 23 | The for of Loop in Action | X | |
| 24 | Using for of with Objects | X | |
| 25 | Array.from() and Array.of() | X | |
| 26 | Array. find() and .findIndex() | X | |
| 27 | Array .some() and .every() | X | |
| 28 | Spread Operator Introduction | X | |
| 29 | Spread Exercise | X | |
| 30 | More Spread Examples | X | |
| 31 | Spreading into a function | X | |
| 32 | The ...rest param in Functions and destructuring | X | |
| 33 | Object Literal Upgrades | X | X |
| 34 | Promises | X | |
| 35 | Building your own Promises | X | |
| 36 | Chaining Promises + Flow Control | X | |
| 37 | Working with Multiple Promises | X | |
| 38 | All About Symbols | X | X |
| 39 | Getting Started with ESLint | X | |
| 40 | Airbnb ESLint Settings | X | |
| 41 | Line and File Specific Settings | X | |
| 42 | ESLint Plugins | X | |
| 43 | ESLint inside Atom and Sublime Text | X | |
| 44 | Only Allow ESLint Passing Code into your git repos | X | |
| 45 | JavaScript Modules and WebPack 2 Tooling Setup | X | |
| 46 | Creating your own Modules | X | |
| 47 | More ES6 Module Practice | X | |
| 48 | Tool-Free Modules with SystemJS (+bonus BrowserSync setup) | X | |
| 49 | All About Babel + npm scripts | X | |
| 50 | Polyfilling ES6 for Older Browsers | X | |
| 51 | Prototypal Inheritance Review | X | |
| 52 | Say Hello to Classes | X | |
| 53 | Extending Classes and using super() | X | |
| 54 | Extending Arrays with Classes for Custom Collections | X | |
| 55 | Introducing Generators | X | |
| 56 | Using Generators for Ajax Flow Control | X | |
| 57 | Looping Generators with for of | X | |
| 58 | What are Proxies? | X | |
| 59 | Another Proxy Example | X | |
| 60 | Using Proxies to combat silly errors | X | |
| 61 | Sets | X | |
| 62 | Understanding Sets with Brunch | X | |
| 63 | WeakSets | X | |
| 64 | Maps | X | |
| 65 | Map Metadata with DOM Node Keys | X | |
| 66 | WeakMap and Garbage Collection | X |