Blog Posts from Wes Bos. If you make an edit to one of these posts, my blog will automatically update.
Switch branches/tags
Nothing to show
Clone or download
wesbos Merge pull request #86 from simeydk/patch-1
Fix typo in article 14
Latest commit 578043e Dec 6, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
posters hi Feb 27, 2017
transcripts Rename 05 - Is var Dead? What should I use?.vtt to 05 - Is var Dead W… Nov 22, 2016
.gitignore With Pizza Emojis! Aug 22, 2016
01 - var Scoping Refresher.md first one is live Aug 30, 2016
02 - let VS const.md Update 02 - let VS const.md grammar Oct 11, 2018
03.1 - Block Scope is the new IIFE.md possibly improve the wording behind the `name` variable Oct 10, 2018
03.2 - let and for loops in JavaScript.md possibly improve the wording of the final sentence Oct 10, 2018
04 - Temporal Dead Zone.md change emphasis of the sentence Oct 10, 2018
05 - Is var Dead? What should I use?.md improve wording behind the quotes Oct 10, 2018
06 - Arrow Functions Introduction.md improve working Oct 10, 2018
07 - More Arrow Function Examples.md try to improve wording Oct 10, 2018
08 - Arrow Functions and this.md improve wording, add backticks around `this` Oct 10, 2018
09 - Default Function Arguments.md Update 09 - Default Function Arguments.md Dec 7, 2017
10 - When NOT to use an Arrow Function.md 10 - Clarity and typo correction Oct 9, 2018
12 - Template Strings Introduction.md Update 12 - Template Strings Introduction.md Oct 22, 2018
13 - Creating HTML fragments with Template Literals.md Update 13 - Creating HTML fragments with Template Literals.md Oct 5, 2018
14 - Tagged Template Literals.md Fix typo in article 14 Oct 14, 2018
16 - Santizing User Data with Tagged Templates.md Update 16 - Santizing User Data with Tagged Templates.md Oct 8, 2018
17 - Additional String Improvements.md fixed leftPad function and a few formatting issues Dec 23, 2016
18-1 - Destructuring Objects.md 🔥 Nov 16, 2016
18-2 - Destructuring Objects.md Fix typo and link Apr 3, 2017
18-3 - Destructuring Objects.md Merge pull request #32 from glennreyes/patch-1 Dec 4, 2017
19 - Destructing Arrays.md Typo fixed Dec 6, 2017
20 - Swapping Variables with Destructuring.md js destructuring swap Aug 29, 2016
21 - Destructuring Functions - Multiple returns and named defaults.md ready for more Oct 16, 2016
21.2 - Named arguments with ES6 Destrucuring.mdown ready for more Oct 16, 2016
22 - The for of loop.md Update 22 - The for of loop.md Dec 9, 2017
23 - The for of Loop in Action.md ready for more Oct 16, 2016
24 - Using for of with Objects.md ready for more Oct 16, 2016
25 - Array.from() and Array.of().md ready for more Oct 16, 2016
26 - Array. find() and .findIndex().md Review basic grammar, including run-ons, and code syntax highlighting Oct 9, 2018
27 - Array .some() and .every().md ready for more Oct 16, 2016
28 - Spread Operator Introduction.md Fixed stray push statement. Oct 14, 2017
30 - More Spread Examples.md Added missing variable in the example Dec 6, 2017
31 - Spreading into a function.md Typo fixed Dec 6, 2017
32 - The ...rest param in Functions and destructuring.md [28, 30, 31, 32] Oct 16, 2016
33 - Object Literal Upgrades.md renaming Aug 22, 2016
34 - Promises.md 34+35 Oct 30, 2016
35 - Building your own Promises.md Update 35 - Building your own Promises.md Dec 9, 2017
36 - Chaining Promises + Flow Control.md fix indentation Dec 9, 2017
37 - Working with Multiple Promises.md 36, 37, 39 Nov 6, 2016
38 - All About Symbols.md renaming Aug 22, 2016
39 - Getting Started with ESLint.md 36, 37, 39 Nov 6, 2016
40 - Airbnb ESLint Settings.md just one today Nov 14, 2016
41 - Line and File Specific Settings.md 41-42 Nov 20, 2016
42 - ESLint Plugins.md 41-42 Nov 20, 2016
43 - ESLint inside Atom and Sublime Text.md 43 to 46 Nov 27, 2016
44 - Only Allow ESLint Passing Code into your git repos.md 43 to 46 Nov 27, 2016
45 - JavaScript Modules and WebPack 2 Tooling Setup.md Update 45 - JavaScript Modules and WebPack 2 Tooling Setup.md Dec 9, 2017
46 - Creating your own Modules.md fix typo and add spaces to imports Dec 9, 2017
47 - More ES6 Module Practice.md 47 Dec 4, 2016
48 - Tool-Free Modules with SystemJS (+bonus BrowserSync setup).md Fix typos Dec 9, 2017
49 - All About Babel + npm scripts.md Fix the incorrect template literal Feb 2, 2018
50 - Polyfilling ES6 for Older Browsers.md 50-51 Jan 29, 2017
51 - Prototypal Inheritance Review.md fix tabs in code examples Dec 9, 2017
52 - Say Hello to Classes.md fix indents Dec 9, 2017
53 - Extending Classes and using super().md fix indents and code Dec 9, 2017
54 - Extending Arrays with Classes for Custom Collections.md Adds wraning about behaviour of Array methods not yet defined in the … Oct 8, 2018
55 - Introducing Generators.md Introducing Generators Jun 15, 2017
56 - Using Generators for Ajax Flow Control.md 56-59 Jun 21, 2017
57 - Looping Generators with for of.md 56-59 Jun 21, 2017
58 - What are Proxies?.md 56-59 Jun 21, 2017
59 - Another Proxy Example.md 56-59 Jun 21, 2017
60 - Using Proxies to combat silly errors.md 60-61 Jul 30, 2017
61 - Sets and WeakSets.md Removing duplicates from an array using Set Feb 2, 2018
62 - Understanding Sets with Brunch.md 62-66 Jul 31, 2017
63 - WeakSets.md 62-66 Jul 31, 2017
64 - Map and Weak Map.md formatting Aug 29, 2016
65 - Map Metadata with DOM Node Keys.md 62-66 Jul 31, 2017
66 - WeakMap and Garbage Collection.md 62-66 Jul 31, 2017
README.md updated some wording Sep 6, 2016
breakout-email.md Merge branch 'master' into master Mar 2, 2017

README.md

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