Category Archives: Tutorials

Write Object-Oriented TypeScript: Inheritance

This is part 1 of a 4 part article on how to program in TypeScript using object-oriented techniques. If you’re new to TypeScript, see Get Started Developing TypeScript Apps with WebStorm and the TypeScript docs. While types are often hailed as … Continue reading

Posted in Tutorials | Tagged , , , | Leave a comment

Get Started Developing TypeScript Apps with WebStorm

TypeScript Language Overview TypeScript is a superset of JavaScript that contains features that make it easier to write and maintain than standard JavaScript. Types are at the heart of TypeScript, and it performs type checking when compiling to JavaScript. While JavaScript does … Continue reading

Posted in Tutorials | Tagged , | 2 Comments

Accessibility features in WebStorm 2018.3

In this era of software development, professionals everywhere are paying more attention to diversity, including building software with accessibility in mind. WebStorm contains a multitude of features to help make accessible software, and adds more in every release. Developing for those … Continue reading

Posted in Cool Feature, Tutorials | Tagged , , , | Leave a comment

Testing with Jest in WebStorm

Jest, the testing platform developed by Facebook, is becoming more and more popular with each day, especially for testing React applications. Jest is fast, easy to get started with, and has lots of features (such as snapshot testing and test … Continue reading

Posted in Tutorials | Tagged , , , | 6 Comments

Optimize imports in WebStorm

To help you keep the import section in a JavaScript or a TypeScript file clean and readable, WebStorm has an action called Optimize imports. It does several things at once: it removes any imports that are no longer used; it … Continue reading

Posted in Tutorials | Tagged , | 14 Comments

How to debug with WebStorm

The debugger is one of the most essential features of WebStorm. With WebStorm you can debug all kinds of applications written in JavaScript, TypeScript or Dart: Node.js, React Native and Electron apps and, of course, client-side apps written using different … Continue reading

Posted in Tutorials | Tagged , , | 6 Comments

Using and creating code snippets

Code snippets, or Live Templates as they are called in WebStorm, can help you save and reuse code. This can be any code fragment that you find yourself using often – just a line of code like a method definition, … Continue reading

Posted in Cool Feature, Tutorials | 13 Comments

Working with Vue.js in WebStorm

Vue.js is a popular framework for creating user interfaces. Its core functionality is focused on building UI components, which is quite similar to React and Angular. In 2017 Vue.js gained real momentum: according to the recent results of the State … Continue reading

Posted in Tutorials | Tagged | 70 Comments

Debugging Node.js apps in WebStorm

WebStorm makes it easier to debug Node.js apps. You can put breakpoints right in your source code (no more debugger and console.log() statements!), which can be written in JavaScript or TypeScript. You can do many things that will help you … Continue reading

Posted in Tutorials | Tagged , | 25 Comments

Developing Ionic apps in WebStorm

Ionic is a framework for developing mobile apps in TypeScript. Since Ionic uses Angular, WebStorm can be of a great help when working on your next Ionic application. Let’s go through the Ionic tutorial in WebStorm. But first, make sure … Continue reading

Posted in Tutorials | Tagged , , , | 20 Comments