# \[Aula 04] Preparação do ambiente de desenvolvimento

## Agenda

* Realização do tutorial inicial.
* Criando o primeiro app bem simples:
  * Adicionando elementos de UI;
  * Inserção de ações;
  * Nova página;
  * Navegação entre páginas.

## Realização do tutorial inicial

{% embed url="<https://youtu.be/pnrf_dsulr4>" %}

Antes de criarmos de um aplicativo no FlutterFlow, é essencial realizarmos o tutorial inicial oferecido pela plataforma. Esse tutorial foi projetado para nos familiarizar com a interface e as principais ferramentas do FlutterFlow. Ao concluí-lo, teremos uma compreensão ampla sobre o funcionamento da ferramenta, nos preparando para dar os próximos passos no desenvolvimento.

## Criando o Primeiro App Bem Simples

{% embed url="<https://youtu.be/Nr14y22tX2Q>" %}

Agora que já conhecemos a plataforma, é hora de colocar a mão na massa e criar nosso primeiro aplicativo. Começaremos com algo bem simples, pois é exatamente o mesmo app que faremos no Android Nativo usando High Code, o que trará um comparativo na prática entre *Low Code* e *High Code*.

### Adicionando Elementos de UI

* Iniciaremos adicionando alguns elementos básicos de interface do usuário (UI) ao nosso aplicativo. Isso inclui botões, campos de texto e imagens.
* Aprenderemos como arrastar e soltar esses elementos no canvas, ajustando suas posições e personalizando suas aparências.

### Inserção de Ações

* Uma vez que temos nossos elementos de UI no lugar, é hora de torná-los interativos.
* Vamos adicionar ações a esses elementos. Por exemplo, o que acontece quando clicamos em um botão? Pode ser a abertura de uma nova página, a exibição de uma mensagem ou qualquer outra ação que desejarmos.

### Nova Página

* Agora, vamos adicionar uma nova página ao nosso aplicativo. Esta página pode ser uma tela de detalhes, uma tela de configurações ou qualquer outra que vocês imaginarem.
* Aprenderemos como criar uma nova página, personalizá-la e adicionar elementos de UI a ela.

### Navegação Entre Páginas

* Com mais de uma página em nosso aplicativo, precisamos de uma maneira de navegar entre elas.
* Exploraremos as ferramentas de navegação do FlutterFlow, aprendendo como criar transições suaves entre diferentes páginas e garantindo que nosso aplicativo seja intuitivo e fácil de usar.