Skip to content

[MKC-1763] - Update "Arduino Web editor" #2132

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 3 commits into from
Aug 27, 2024
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
@@ -1,31 +1,31 @@
---
title: 'Using the Arduino Web Editor'
description: 'The Arduino Web Editor allows you to write code and upload sketches to any official Arduino board from your web browser.'
title: 'Using the Arduino Cloud Editor'
description: 'The Arduino Cloud Editor allows you to write code and upload sketches to any official Arduino board from your web browser.'
author: 'Liam Aljundi'
tags: [Web Editor, Online Coding]
tags: [Cloud Editor, Online Coding]
---

The Arduino Web Editor allows you to write code and upload sketches to any official Arduino board directly from your web browser (Chrome, Firefox, Safari and Edge). However, we recommend you use Google Chrome.
The Arduino Cloud Editor allows you to write code and upload sketches to any official Arduino board directly from your web browser (Chrome, Firefox, Safari and Edge). However, we recommend you use Google Chrome.

This IDE (Integrated Development Environment) is part of [Arduino Create](https://create.arduino.cc/), an online platform that enables developers to write code, access tutorials, configure boards, and share projects. Designed to provide users with a continuous workflow, Arduino Create connects the dots between each part of a developer's journey from inspiration to implementation. Meaning, you now have the ability to manage every aspect of your project right from a single dashboard.
This IDE (Integrated Development Environment) is part of [Arduino Cloud](https://app.arduino.cc/), an online platform that enables developers to write code, access tutorials, configure boards, and share projects. Designed to provide users with a continuous workflow, Arduino Cloud connects the dots between each part of a developer's journey from inspiration to implementation. Meaning, you now have the ability to manage every aspect of your project right from a single dashboard.

The Arduino Web Editor is hosted online, therefore it is always be up-to-date with the latest features and support for new boards.This IDE lets you write code and save it to the Cloud, always backing it up and making it accessible from any device. It automatically recognizes any Arduino and Genuino board connected to your PC, and configures itself accordingly.
The Arduino Cloud Editor is hosted online, therefore it is always be up-to-date with the latest features and support for new boards.This IDE lets you write code and save it to the Cloud, always backing it up and making it accessible from any device. It automatically recognizes any Arduino and Genuino board connected to your PC, and configures itself accordingly.

All you need to get started is an Arduino account. The following steps can guide you to start using the Arduino Web Editor:
All you need to get started is an Arduino account. The following steps can guide you to start using the Arduino Cloud Editor:

**1.** [Install the Arduino Create Agent](https://create.arduino.cc/getting-started/plugin/welcome) plugin.

**2.** [Create a new Arduino Account at this link](https://login.arduino.cc/login). Complete the registration form, then hit the "create account" button. Then you will receive an email with a link to activate your account. Select the link and a new page will open with your confirmed account information.

**3.** [Log in the Arduino Web Editor](http://create.arduino.cc/editor).
**3.** [Log in the Arduino Cloud Editor](http://create.arduino.cc/editor).

### Using the online IDE

After logging in, you are ready to start using the Arduino Web Editor. The web app is divided into three main columns.
After logging in, you are ready to start using the Arduino Cloud Editor. The web app is divided into three main columns.

![The Arduino Web Editor](./assets/web-editor.png)
![The Arduino Cloud Editor](./assets/web-editor.png)

The Arduino Web Editor’s interface is as follows:
The Arduino Cloud Editor’s interface is as follows:

**1.** The **first column** lets you navigate between:

Expand Down Expand Up @@ -54,4 +54,4 @@ Now that you are all set up, **let’s try to make your board blink!**

![On-board LED blinking](./assets/onboard-led-blinking.gif)

**Congratulations!** You have successfully programmed your board to blink its on-board LED! You can find more information about the [Arduino Web Editor here](https://create.arduino.cc/projecthub/Arduino_Genuino/getting-started-with-arduino-web-editor-on-various-platforms-4b3e4a).
**Congratulations!** You have successfully programmed your board to blink its on-board LED! You can find more information about the [Arduino Cloud Editor here](https://create.arduino.cc/projecthub/Arduino_Genuino/getting-started-with-arduino-web-editor-on-various-platforms-4b3e4a).
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading