JavaScript

JavaScript

Popular programming language that conforms to ECMAScript

JavaScript is a lightweight, interpreted, programming language used primarily in web browsers but increasingly in other environments such as server applications.

tip

Add New Dependencies
WebStorm can help you add a new dependency.

tip

Add and Remove Breakpoints Quickly
How to toggle breakpoints without using the mouse.

tip

Add console.log Faster
Use Postfix Completion to quickly add console.log.

tip

Convert to async Function
Quickly convert a function that returns a Promise to an async function.

tip

Create Arrow Functions in One Click
WebStorm can help you add arrow functions to your code.

tip

Evaluate Expressions When Debugging
How to check the value of an expression in WebStorm.

tip

Improve Code Readability
How to enable method separators to make it easier to read your code in WebStorm.

tip

Replace with Template String
How to replace a regular string with a template literal in WebStorm.

tip

Simplify Boolean Expression
How to simplify a complex boolean expression in WebStorm.

playlist

JavaScript Day 2022
JetBrains JavaScript Day 2022 is a free virtual event that took place on November 10, 2022.

tutorial

Web Fundamentals in Rider
Learn how Rider helps you with web applications to build full-stack apps with ease.

Part of tutorial

Navigation in web applications
How can you find what you want? Let's look at navigating around a code base.

Part of tutorial

Coding Assistance
Find out how Rider helps you write better code, faster.

Part of tutorial

Introduction
Introduction to the Web Fundamentals in Rider series.

Part of tutorial

Debugging code
What's your code doing? Step through code with the debugger, and find out.

Part of tutorial

Refactoring
See how the IDE helps you safely refactor code, without breaking existing code.

Part of tutorial

Running code
How to run your code and see the results? Let's explore.

Part of tutorial

Testing code
Get started with testing. We will use Jest as an example.

tip

Make JSDoc Comments More Readable
Render documentation comments right in the editor.

tip

Getting Helpful Suggestions
Look out for suggestions from WebStorm! They can help you not to forget about an important thing.

tip

Get Help with Random Data
Let the Randomness plugin generate some data for you.

tip

See Return Values in Variables View
See what value a method returns.

tip

Check Documentation in JavaScript
Hover over a symbol or use a shortcut to quickly review documentation.

tip

Move Elements Left and Right
Quickly swap functions parameters, attributes in tags, and more.

tip

Using Surround With
Learn how to surround items with braces, brackets, or quotation marks in JSON.

tip

Working with Navigation Bar
Find out how to use the navigation bar efficiently.

tip

Adding Imports Automatically
WebStorm helps add an import even if you're using default exports.

tip

Complete Current Statement
Add curly braces and move the cursor with a single keystroke.

tip

Make Fields Private or Public
Use a quick fix to quickly make a field public or private.

tip

Avoid Property Mixup
WebStorm helps avoid mixing up properties.

tip

Compute Constant Values
Let WebStorm do math for you.

tip

Convert to Arrow Function
Quickly convert a function to a variable holding an arrow function.

tip

Quickly Look Up Parameters
Get help when completing function parameters.

tip

Move Function to File
Extract a function into a separate file.

playlist

42 Tips and Tricks
Become an IDE champ with these bite-sized tips and tricks.

tip

Run npm Scripts from package.json
Browse your package.json scripts and run in a dedicated tool window.