The four main areas of the Web Editor are shown in the following screenshot:
The menu bar of the web editor enables us to quickly access certain items like examples, libraries, and the serial monitor. We will look at these items later in this chapter.
The command bar provides quick access to commonly used commands and gives us the ability to select the board we are using. The icon with the checkmark will verify the sketch while the icon with the arrow compiles and uploads the sketch to the Arduino. The icon with the three dots opens up a menu that enables us to save, rename, download, and delete the current sketch.
The coding area is where we write the code for the Arduino. As with the Arduino IDE, you will notice that the setup() and loop() functions were automatically created when a new sketch is started.
The status area is used by the IDE to let us know what is happening when the IDE is doing something like compiling, uploading or verifying a sketch. Let's see how to configure Arduino within the Web Editor so we can upload sketches to it.