JavaScript Best Practices

Best practices for JavaScript development

Open presentation slides

Focus of this workshop

The focus of this workshop is best practices for JavaScript development. Rather than laying out "rules" to follow we are going to take a look a the why behind the best practices, so that you can decide for yourself what's best for you.

Audience

A basic understanding of JavaScript and it's syntax is required to get the most out of this workshop.

What you need

• Visual Studio Code
• Node.js

Installing Node.js

To install Node.js, download the latest Long Term Service (LTS) release from nodejs.org.

Installing Visual Studio Code

To install Visual Studio Code, please see the installation instructions for your platform:

• Windows
• macOS
• Linux

How to get started

• Start by cloning this repository into a folder on your computer. If you've never used git before, you can alternatively click the green "Clone or download" button and then click on "Download ZIP". Unzip the downloaded file to a folder on your computer:

• Although you have this README.md file on your computer it's easier to read it on GitHub, so we recommend you keep this page open with the exercise tasks.

Exercises

This repository contains a set of exercises organized in folders. Each folder contains a README.md describing the exercise.

• Exercise 1 - Syntax (start here)
• Exercise 2 - Equality
• Exercise 3 - Hoisting and scope
• Exercise 4 - Patterns

Symbols and notation used in exercises

Icons with special meaning

✏️ - A task you should do
📖 - A section of text to read (no tasks, just information).
💡 - Additional information.
❗ - Something important.
❓ - Open-ended question for the reader ("What do you think would happen if...")
💩 - Bad practice (don't-do-this)
⭐ - A bonus task (not required)

Keyboard keys

Will look like this:

CTRL + ALT + C

Diff blocks

Emphasizes how lines of text should change.

- this text was removed
+ and replaced with this text