Learn to use ECMAScript 6

• Tandy Suo Tan

I have been using JavaScript for years, and started using Vue.js recently. However, I haven't done a thurough study on the ES6 basics. Here it begins. This repo includes the lecture notes taken for the Udacity courses: ES6 - JavaScript Improved and Object-Oriented JavaScript, plus a few real world applicaitons.

Table of Contents

Syntax

1. Let and Const
2. Template Laterals
3. Destructuring
4. Object Literal Shorthand
5. Iteration - For Loops
6. Spread Operator
7. Reset Parameter

Functions

8. Arrow Functions
9. Using Arrow Functions
10. "this" and Regular Functions
11. "this" and Arrow Functions
12. Default Function Parameters
13. Defaults and Destructuring
14. Javascript Classes
15. Super and Extends

Built-ins

16. Symbols
17. Iteration & Iterable Protocols
18. Sets
19. Working with Sets
20. WeakSets
21. Maps
22. Working with Maps
23. WeakMaps
24. Promises
25. More on Promises
26. Proxies
27. Generators
28. Sending Data into/out of a Generator

ES6 to ES5

29. Browser Compatibilities for ES6 Features
30. Transpiling ES6 to ES5

Object-Oriented Programming

31. Basics on OOP in JavaScript
32. Lexical Scopes
33. Closures
34. Step-by-Step Explanations on Closure in Action
35. Prototype Chains
36. Decorator Pattern
37. Prototypal Classes
38. Ways to Define a JavaScript Class
39. Pseudoclassical Patterns
40. Superclass and Subclass

Functional Programming

41. On Function Programming
42. Map, Filter, Reduce and Sort Functions

Declarative Programming v.s. Imperative Programming

43. Declarative vs Imperative Programming
44. jQuery vs Vue.js

DOM Manipulation

45. DOM Manipulation
46. Best Practice on DOM Manipulation

Real World Applications

47. Simple Tweet Application using LocalStorage
48. HTML5 Responsive Webpage with CSS Grid Layout
49. Interactive Course Shopping Cart
50. Migrate an App to VueJS

References

• ES6 Specification
• JavaScript Promises by Google