Arduino Web Editor

The Arduino Web Editor is the up-to-date online version of the IDE. We can create our Arduino sketches online without installing the software. It includes all the latest Arduino boards and contributed libraries.

The libraries that are not provided in the Arduino IDE can be manually added to the Web Editor, and these are called as contributed libraries.

We can work on our projects with Arduino Web Editor as long as we have an internet connection. To work offline, we need to download the latest Arduino IDE according to the system requirements.

Features of Arduino Web Editor

The features of Arduino Web Editor are listed below:

• We can work anywhere with a reliable internet connection.
• It allows easy sharing of our projects and sketches.
• It has compatibility only with the official boards of Arduino.
• It has various built-in libraries.
• We can automatically intent our code so that the code is more convenient to read.
• We can maximize and minimize the coding screen accordingly.

Let's start with the process of working online with Arduino Web Editor.

You do not need to install anything on our computer. Just follow the below steps:

• Open the official website of Arduino. URL: https://www.arduino.cc/
• Click on SOFTWARE -> ONLINE TOOLS, as shown below:

• The window will appear, as shown below:

• Click on the 'SIGN-IN' option present at the top right corner, as shown above.

Sign-in using your registered Email ID and password, and click on the LOGIN button, as shown below:

If you are new to the platform, scroll down, and create a new account by signing-in with Google, as shown below:

• Click on the 'Arduino Web Editor' option.
• The screen will now appear as:

You can now start programming with Arduino Web Editor.

Let's understand each option present on the Web Editor screen.

Sketchbook

It is the online sketchbook available on the Web Editor. We can import our sketches in the online Web Editor. The sketches can also be accessed from any device.

It will appear as the image shown below:

Examples

It includes built-in examples of self-practice. The examples are similar to the examples in Arduino IDE. It also includes examples from the libraries.

It will appear as:

Libraries

It provides default and custom libraries. We can also mark some libraries as Favorite for easy access. We can manage and search for different libraries from the 'LIBRARY MANAGER' option, as shown below:

Monitor

It is similar to the Serial Monitor in the Arduino IDE.

Help

It includes all information about the Web Editor, some Tutorials, and Glossary of the Arduino.

Preferences

It consists of some preferences, which can be adjusted accordingly before proceeding with the programming.

It will appear as the image shown below:

Feature Usage

It displays Memory usage, compilations, and created sketches.

Menu

It is similar to the File option, which includes various options such as Save, Save As, etc. It is shown below:

Verify

The verify option is used to verify the sketch before uploading it to the board. Any error in the code will be displayed similar to the Arduino IDE.

Full Screen

It enlarges the coding screen of the Web Editor.

Auto-Intent

The Auto-intent option is used to intent the code automatically for better readability.

Upgrade Plan

It is the subscription plan for advanced professional users. We can buy a monthly or yearly subscription depending on the requirements.

It is shown below:

Board and Port

We need to select the desired board and port before beginning with programming. Without it, we cannot upload the program to the Arduino board.

It will appear as:

We need to click on the drop-down list to select the board and plot.

Example Code

Let's write a simple code to blink an LED.

The coding screen is shown below:

As soon we choose the board and port, the program will be uploaded to the board, and LED will blink for the specified duration (0.5 seconds).