> 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/products_guide/monaca_ide/tutorial.md).

# Tutorial

Monaca Cloud IDE provides a browser-based development environment. Right from your browser, all of your Cordova development can be done without any setup. Along with the [Monaca Debugger](/products_guide/debugger.md), Live Preview (built-in function in Monaca Cloud IDE) allows you to check easily the progress of your apps during development.

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

* a computer with an internet connection
* 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 %}