Olares/docs/developer/develop/tutorial/note/index.md

# Create Your First Olares App

You can learn how to develop an Olares app using Studio through this tutorial.

The tutorial shows how to make a simple [Note](https://github.com/beclab/olares-app-demo) tool. It demonstrates how to start from scratch and develop a complete Olares App.

The tutorial includes three parts:

1. [Create an App](./create.md)<br>
   This section provides a step-by-step guide on how to create an Olares App and set up the initial development environment.

2. [Backend Development](./backend.md)<br>
   In this section, you'll learn how to use Studio's IDE to develop the backend programs in `Golang` and provide API interfaces for the frontend.

3. [Frontend Development](./frontend.md)<br>
   In this section, you'll learn how to use Studio's IDE to develop frontend pages, using `NodeJS` as an example.
feat: add docs to main (#1559) 2025-07-17 03:58:59 +00:00			`# Create Your First Olares App`

docs: update Developer Guide and Concepts sections in Olares (#1816) * Content modification 1. Hide Recommendation 2. Update link of LLDAP 3. Update content of Service system * Jump link reset * Additional changes 2025-09-10 13:01:31 +00:00			`You can learn how to develop an Olares app using Studio through this tutorial.`
feat: add docs to main (#1559) 2025-07-17 03:58:59 +00:00
			`The tutorial shows how to make a simple [Note](https://github.com/beclab/olares-app-demo) tool. It demonstrates how to start from scratch and develop a complete Olares App.`

			`The tutorial includes three parts:`

			`1. [Create an App](./create.md)<br>`
			`This section provides a step-by-step guide on how to create an Olares App and set up the initial development environment.`

			`2. [Backend Development](./backend.md)<br>`
docs: update Developer Guide and Concepts sections in Olares (#1816) * Content modification 1. Hide Recommendation 2. Update link of LLDAP 3. Update content of Service system * Jump link reset * Additional changes 2025-09-10 13:01:31 +00:00			In this section, you'll learn how to use Studio's IDE to develop the backend programs in `Golang` and provide API interfaces for the frontend.
feat: add docs to main (#1559) 2025-07-17 03:58:59 +00:00
			`3. [Frontend Development](./frontend.md)<br>`
docs: update Developer Guide and Concepts sections in Olares (#1816) * Content modification 1. Hide Recommendation 2. Update link of LLDAP 3. Update content of Service system * Jump link reset * Additional changes 2025-09-10 13:01:31 +00:00			In this section, you'll learn how to use Studio's IDE to develop frontend pages, using `NodeJS` as an example.