Using modern deployment tools - JavaScript Tutorial

Contents

• Introduction Introduction

  • Creating well-structured modular JavaScript

    1m 15s
  • What you should know

    18s
  • Setting up your environment

    4m 15s
• 1. Why Best Practices? 1. Why Best Practices?

  • Understanding style guides

    2m 49s
  • Using modern deployment tools

    2m 6s
  • Understanding ESLint

    2m 28s
  • Foundational practice: Always use strict mode

    5m 12s
• 2. Creating Functions 2. Creating Functions

  • Use function expressions instead of declarations

    6m 20s
  • Don't use the new keyword to construct functions

    2m 39s
  • Leave parameter values untouched

    3m 2s
  • Use arrow syntax for anonymous functions

    1m 36s
  • Rely on implicit return only when obvious

    3m 26s
  • Challenge: Create functions

    53s
  • Solution: Create functions

    5m 29s
• 3. Creating Classes 3. Creating Classes

  • Use PascalCase for naming classes and constructors

    2m 35s
  • Use this only in classes or constructors

    3m 19s
  • Return this from methods

    2m 48s
  • Don't assign this to another variable

    3m 11s
  • Challenge: Create classes

    57s
  • Solution: Create classes

    5m 19s
• 4. Creating Modules 4. Creating Modules

  • Configure module settings in ESLint

    3m 16s
  • Default export constants when possible

    3m 8s
  • Use case to indicate a module's default export type

    3m 45s
• 5. Destructuring 5. Destructuring

  • Use object destructuring

    5m 48s
  • Use array destructuring

    4m 18s
  • Challenge: Destructure

    1m 20s
  • Solution: Destructure

    6m 47s
• 6. JavaScript Features to Avoid 6. JavaScript Features to Avoid

  • Avoid eval

    6m 17s
  • Avoid == and !=

    3m 11s
  • Avoid with

    2m 57s
  • Avoid unary increments and decrements

    3m 46s
• Conclusion Conclusion

  • Next steps

    40s