Wednesday, August 17, 2016

JavaScript Style Guide Study - Airbnb

August 17, 2016

Plan to spend 3+ hours to go over the JavaScript Style Guide. 

1. Airbnb JavaScript Style Guide()  - English Version 

https://github.com/airbnb/javascript

2. Airbnb JavaScript Style Guide() - Chinese version

https://github.com/yuche/javascript#table-of-contents

36 Topics

Types
References
Objects
Arrays
Destructuring

Strings
Functions
Arrow Functions
Classes & Constructors
Modules


Iterators and Generators (NO. 11)
Properties
Variables
Hoisting
comparison Operators & Equality

Blocks
Comments
Whitespace
commas
Semicolons


Type Casting & Coercion (No. 21)
Naming Conventions
Accessors
Events
jQuery

ECMAScript 5 Compatibility
ECMAScript 6 Styles
Testing
Performance
Resources


In the Wild
Translation
The JavaScript Style Guide Guide
Chat With Us about JavaScript
Contributors
License

Reading while going through JavaScript style guide from Airbnb:

1. JavaScript spread syntax...  - 10 minutes

https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Operators/Spread_operator


2. Read JavaScript Array.From - 20 minutes

https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/from

3. Destructuring assignment  10 minutes

https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment


4. Template literals - 10 minutes reading

https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Template_literals

new terms: back-tick(``), neither double nor single quotes


5. Default parameters -
https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Template_literals

Editorial notes:
1. Write down all new terms in the guide. Understand the terms.
2. Try to memorize all the guide. Design some drills to help.
3. Invest time first to read the good style code, and then, start to write more JavaScript code.
4. Focus on the document, understand why? What to avoid? Good or bad or Excellent idea?

Favorite blogs of day:
web front technologies 
1. https://github.com/qiu-deqing/FE-learning

No comments:

Post a Comment