> For the complete documentation index, see [llms.txt](https://en.docs.monaca.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://en.docs.monaca.io/tutorials/monaca_ide.md).

# Monaca Cloud IDE Tutorial

Monaca Cloud IDE provides a browser-based development environment as a service. Right from your web browser, all of your Cordova development is done without any setup. Along with the [Monaca Debugger](https://docs.monaca.io/en/products_guide/debugger/), Live Preview (built-in function in Monaca Cloud IDE) allows you to easily check the progress of your apps during development.

Before getting started with this tutorial, you will need the following:

* a computer with internet connection
* \[optional] a smart mobile device (either iOS or Android) if you want to test on a real device

{% content-ref url="/pages/-MfWeAiZIDDoGsGtJOZA" %}
[Part 1: Starting a Project](/tutorials/monaca_ide/starting_project.md)
{% endcontent-ref %}

{% content-ref url="/pages/-MfWeAl\_eTHXuAl\_z-t2" %}
[Part 2: Running Monaca Debugger with Monaca Cloud IDE](/tutorials/monaca_ide/testing_debugging.md)
{% endcontent-ref %}

{% content-ref url="/pages/-MfWeAjhshnfGvDVp9TN" %}
[Part 3: Building a Monaca App](/tutorials/monaca_ide/building_app.md)
{% endcontent-ref %}

{% content-ref url="/pages/-MfWeAkSgtX9tvl\_aK1J" %}
[Part 4: Publishing a Monaca App](/tutorials/monaca_ide/publishing_app.md)
{% endcontent-ref %}