Download and install WebStorm, which is free for non-commercial use.
To enable educational functionality in the IDE, follow these steps:
- In the Settings dialog [⌘Сmd] + [,], select Plugins.
- In the Plugins dialog, switch to the Marketplace tab.
- In the dialog that opens, search for JetBrains Academy.
- Click Install.
- Click OK in the Settings dialog to apply the changes, and restart WebStorm if prompted.
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 course.
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.