| 1 |
Choose easy to understand and short names for variables and functions. |
| 2 |
Try using closures and the module pattern. |
| 3 |
Use linting to verify your code. |
| 4 |
Comment what you consider needed (/* */ is much safer to use because it doesn’t cause errors when the line break is removed.). |
| 5 |
Use Shortcut Notations. |
| 6 |
Write smaller, generic helper functions that fulfill one specific task rather than catch-all methods. |
| 7 |
Avoid heavy nesting. |
| 8 |
Keep computation-heavy code outside of loops. |
| 9 |
Keep DOM Access to a Minimum. |
| 10 |
Don’t trust that data reaches your function is of the right format.Test with typeof and then do something with it. |
| 11 |
Don’t expect elements in the DOM to be available.Test for them and that they indeed are what you expect them to be before altering them. |
| 12 |
Never ever use JavaScript to protect something. |
| 13 |
Use single quotation marks for string declarations. |
| 14 |
Keep indentation as 2. |
| 15 |
No js inline code has to be present in html. |
| 16 |
Collate, minify and optimize your code in a build process. |
| 17 |
JavaScript files are loaded asynchronously using async or deferred using defer attribute. |
| 19 |
Use of if, if else, else if, switch should be used properly. Avoid too many nested if else statements, instead go for switch-case. |
| 20 |
const and let should be used based on their definition. |
| 21 |
Functions should hardly ever be 20 - 40 lines long. |
| 18 |
Add parameter description for every function parameter as a part of comments. |
| 22 |
Proper use of HOF (Higher order functions.). |
| 23 |
Every method/function should have a try-catch block to avoid run time errors. |
| 24 |
Use loggers in the catch block to get exact error. |
| 25 |
Verify if business logic is proper and written efficiently. |
| 26 |
Function casing. |
| 28 |
Using spread operator. |
| 29 |
Be consistent in your usage of arrow function. |
| 30 |
Use destructuring assignment for arrays and objects. |
| 27 |
Variable casing. |
| 31 |
Use Promises or Async/Await. Rejection is handled. |
| 32 |
No syntax/runtime errors and warnings in the code. |
| 33 |
No deprecated functions in the code. |
| 34 |
Check that each function is doing only a single thing. |
| 35 |
No magic numbers. Put all such numbers as a constant. |
| 36 |
Make sure recursive function don’t end up in infinite loop. |
| 37 |
Avoid inline styling through JS use classes instead. |
| 38 |
make sure the whole script wrapped inside document ready. |
| 39 |
Use meaningful names for variables and function. |
| 40 |
Add proper commenting. |
| 41 |
Try using deffer while loading Scripts to avoid render blocking resources issue in the performance. |
| 42 |
Make sure there is no message/error present in the console. |
| 43 |
Please make sure to use condition while using offset().top property if the offset is present then only use top or else it will throw an error in the console. |
| 44 |
Form/Input validation is not just to add required attribute also validate the input via JS to make sure expected input is entered by user. |
