Features

Introducing the Learning Plugin for WebStorm

Every so often, we get some feedback about the lack of up-to-date, comprehensive learning resources for WebStorm. To address this problem, we’ll be releasing new educational materials throughout the year.

The first of these resources is the learning plugin for WebStorm. This plugin includes an interactive training course that can help you learn how to do some common tasks, like refactoring code or navigating through projects.

Start learning

To access the course in v2020.3 or higher, go to the Learn WebStorm tab on the Welcome screen and click Start Learning. You can also find it under Help | IDE Features Trainer/Learn IDE Features in the main menu.

learn-webstorm-tab-2020-3

If you’re using an earlier version of WebStorm, you’ll need to install the learning plugin first. Go to the Preferences/Settings | Plugins, search for IDE Features Trainer there, and install the plugin. Then restart the IDE and you’ll see the new Learn WebStorm option on the Welcome screen. Click on it to get started.

welcome-screen-with-learn-webstorm

Next, you’ll see the Learn tool window, which includes all the available modules. To start learning, click on a module you find interesting.

training-course-ws

The training course will be most useful for those who are new to WebStorm. If you’re an experienced WebStorm user and feel like checking whether you know all the basic shortcuts, feel free to try it out. We’d be happy to learn whether the information in the training is at all helpful to users already familiar with WebStorm.

What’s included in the training course?

The training course comprises three modules:

  • Editor Basics. By taking five short lessons in this module, you can learn how to save time on common tasks. You’ll find out how to use code completion and refactorings, edit code with multiple carets, quickly navigate through projects, and more. If you only have time for completing one of the three modules, we recommend considering this one.
  • WebStorm Debugger 101. This module will give you an overview of how to run and debug programs with Node.js in WebStorm. It’s most useful for those who have previously used the debugging capabilities of other IDEs and would like to know how the debugger in WebStorm is different.
  • Getting Started with Testing in WebStorm. This is the shortest module, consisting of only one lesson. It explains the fundamentals of unit testing in WebStorm using the popular Jest framework as an example. You’ll find this module interesting if you plan to do unit testing in WebStorm.

We encourage you to share your feedback with us! Just leave a comment below or file a new issue here.

The WebStorm team