How to download and install an IDE?
First, you will need to download and install WebStorm (a 30-day free trial version) from the official JetBrains website. Check out this article if you want to get a free license key and be able to activate WebStorm.
After that, start WebStorm. In the License Activation window, you can either activate your IDE (in case you have a key) or simply click Evaluate for free > Evaluate > Continue to start your free trial.
Second, go to Configure > Plugins > Marketplace. In the search box type JetBrains Academy plugin and install the plugin. Restart WebStorm. You will need the JetBrains Academy plugin to open our problems and projects inside an IDE.
Or you can download this plugin from JetBrains marketplace.
We strongly recommend always using the latest version of WebStorm and the JetBrains Academy plugin available. (Your IDE and plugin will check for updates automatically every time they run, but you can check and configure updates manually at Help > Check for Updates > Configure).
If you have any issues or questions regarding the installation process, please refer to this official guide.
How to start working with IDE?
To start working, you need to open your WebStorm, log in to your Hyperskill account, and choose the project from the Web Developer track.
On the Project Stage (or problem) page choose an IDE tab and click Solve in IDE. Make sure that IDE and plugin are correctly installed and working.
After that, you will see a popup window with a description of your chosen project. Click Continue to start loading your project in IDE.
Pay attention to the processes running notification in the bottom right corner of your screen. Allow IDE to download all necessary files before working on your project.
The window on the left shows you the directories and file structure of your project. The window in the middle is a place for you to write your code. The window on the right contains the project (or problem) description and examples.
Once you've finished writing your code, click Check to verify your solution. Once the correct answer has been submitted, you can click JetBrains Academy to return to your Study plan or click Next to open the next stage of your project.