Curso FlutterFlow Gratuito

A revolução no mundo no-code

Materiais do curso
Baixe aqui os materiais necessários
Dados Curso FlutterFlow

Clique na imagem abaixo para abrir a planilha

Conteúdo do curso
1. O poder do FlutterFlow

2. Planejamento do Aplicativo

3. Backend e Banco de dados

3.1 Preparando o banco de dados do app

4. Construção do App de viagens

4.1 Design e UX - Elaborando as telas

4.2 CRUD - Operações com banco de dados

1. O poder do Flutterflow
A revolução dos apps
O poder do FlutterFlow
Ferramenta No Code para construir apps

Aplicativos nativos Multiplataforma

Crie apps com base no framework Flutter.

Design de alto nível

Faça telas rapidamente com templates prontos.

Apps com lógicas complexas

Crie ações e dê inteligência ao seu aplicativo.

Conectividade com APIs e banco de dados

Integrado de forma nativa com backends.
Conexão completa via APIs.
Publique web apps
Apps Multiplataformas

Crie apps para celular e desktop

Publique seu app em seu próprio domínio.
Integrações nativas
O código é seu!
Exporte o código do seu app

Código Flutter em suas mãos

Personalize o código da maneira que preferir
Publique nas lojas oficias Play Store e Apple Play
2. Planejamento do App
O App que iremos construir
Criação do app
Aplicativo Lista de Viagens

Planejamento do App
Estruturar fluxo de telas e usabilidade do usuário.

Banco de Dados com Firebase

Como visualizar, criar, atualizar e deletar dados do banco (CRUD)

Actions no FlutterFlow
Como criar fluxo de ações na ferramenta
Vamos praticar?
Fazer conta no Flutterflow e Firebase
3. Backend e Banco de Dados
Teoria banco de dados SQL e NoSQL
O que é um banco de dados?

Um banco de dados é uma coleção organizada de informações estruturadas,

normalmente armazenadas eletronicamente em um sistema de computador.

Colunas ou Campos

id_cliente nome_cliente idade Nome do campo

Linhas ou
0001 Matheus Castelo 29 Valor do Campo
Registros

0002 Celso Neto 28

Banco de dados relacional SQL

Colunas ou Campos

id_cliente nome_cliente idade Nome do campo

Linhas ou
Registros 0001 Matheus Castelo 28 Valor do Campo

0002 Celso Neto 27

SQL e NoSQL
Json
Exemplo
x API
Pokéde

SQL NoSQL
Banco de dados relacional Banco de dados não relacional

Escalável verticalmente; Escalável horizontalmente;

Schema definidos; Schema Dinâmico;
Bom para queries complexas; Ruim para queries complexas;
Pior para performance. Ótimo para performance.
O que é o firebase?
Empresas que usam o firebase
Preços Firebase
Planos gratuitos com ótimo custo benefício!
Vantagens e desvantagens Firebase

Vantagens Desvantagens

- Dados em tempo real; - Exige maior conhecimento técnico;

- Autenticação; - Utiliza NoSQL (pode ser positivo ou
- Push Notifications; negativo)
- Segurança;
- Analytics do app;
- Aplicativos com perfomance e escaláveis;
- Plano Gratuito muito completo!
Firebase - Firestore
Coleções de Dados = "Tabelas" Documentos (formato json)

{
"clientes":{
"id_cliente": "0001",
"nome_cliente": "Matheus Castelo",
"idade": 29,
"email": "castelo@gmail.com",
produtos clientes "celular": "489999-9999"
}
}
campo valor

Cada documento é um cliente

Dentro deste documento, há dados do cliente.

fornecedores
pedidos
Coleção e documentos do app
Vamos praticar?
Criar conta firebase e campos do aplicativo
4.1 Planejamento das Telas
Design do aplicativo
Planejamento - Fluxo de telas

NovaViagem ListaViagens DetalhesViagem EditarViagem

Detalhamento - Fluxo de telas
Vamos praticar?
Criar telas no FlutterFlow
4.2 Operações no banco
CRUD no FlutterFlow - Firebase
Operações CRUD

Interações com o banco de dados

CREATE - Criar novos dados

READ - Visualizar dados

UPDATE - Atualizar dados

DELETE - Deletar dados

CRUD em nosso aplicativo

Create Read Read Update

Criar novos dados. Visualizar os dados. Visualizar os dados. Atualizar dados

Delete
Deletar dados
 mat_castelo
Obrigado!
Matheus Castelo Branco
/in/matheuscastelobranco/