How to download and install an IDE?
First, you will need to download PhpStorm, 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 PhpStorm.
After that, start PhpStorm. 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 Settings/Preferences > Plugins > Marketplace. In the search box type EduTools and install the plugin. Restart PhpStorm. You will need the EduTools plugin to open our problems and projects inside an IDE.
We strongly recommend always using the latest version of PhpStorm and the EduTools 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 PhpStorm, log in to your JetBrains Academy account by going to Settings/Preferences > Tools > Education > JetBrains Academy, and choose the project from the Frontend 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.