Crie seu Primeiro Aplicativo com Flutterflow - Tutorial Completo
► Faça parte do Programa Acelerador Low Code enquanto há vagas disponíveis:
https://data7apps.com.br/
Você já imaginou criar um app completo em menos de 2 horas, sem escrever uma linha de código? Eu vou te mostrar como isso é possível com FlutterFlow.
Neste vídeo, você vai descobrir como eu criei um app de tarefas do zero, com todas as funcionalidades que você esperaria de um aplicativo profissional. E o melhor: tudo isso sem programar nada.
Você vai ver na prática:
Como criar um app muito mais rápido que o método tradicional
O segredo para conectar seu app a um banco de dados real
Por que o FlutterFlow está revolucionando o desenvolvimento de apps
Como publicar seu app na web em poucos cliques
Durante a demonstração, você vai acompanhar cada passo da criação:
Primeiro, eu mostro o app funcionando no celular - adicionar tarefas, marcar como concluídas, deletar e filtrar por data. Tudo funcionando perfeitamente.
Depois, entramos na parte prática. Você vai ver como navegar pela interface do FlutterFlow, entender os widgets, a árvore de elementos e as propriedades. É mais simples do que parece.
A parte mais interessante é quando conectamos tudo ao Supabase. Aqui você descobre como criar um banco de dados real e fazer seu app salvar, editar e deletar informações de verdade.
Você também vai aprender sobre:
Como configurar o layout responsivo
Truques para alinhar elementos perfeitamente
O conceito de colunas e linhas que muda tudo
Como criar componentes reutilizáveis
Configurações de cores e bordas que fazem a diferença
E tem mais: no final, publico o app na web e você vê ele funcionando em tempo real no navegador.
O FlutterFlow está mudando as regras do jogo. Enquanto outros levam meses para criar um app, você pode fazer isso em horas.
Se você quer aprender a criar apps sem programar, este vídeo é para você. Prepare-se para descobrir uma nova forma de desenvolver aplicativos.
► Tópicos para facilitar a compreensão do conteúdo:
00:00:00 - Introdução à Masterclass App 10x com FlutterFlow
00:03:19 - Criando conta e navegando pela interface do FlutterFlow
00:06:43 - Entendendo widgets, colunas e linhas básicas
00:12:01 - Adicionando calendário e configurando layout
00:20:05 - Personalizando cores e criando paleta customizada
00:25:43 - Criando containers e estrutura da lista de tarefas
00:38:05 - Criando componente para cadastro de nova tarefa
00:50:00 - Configurando banco de dados no Supabase
01:00:31 - Conectando FlutterFlow ao Supabase
01:02:02 - Salvando primeira tarefa no banco de dados
01:09:36 - Criando parâmetros para passar data do calendário
01:16:09 - Listando tarefas do banco na ListView
01:24:33 - Implementando edição de status das tarefas
01:30:00 - Configurando visibilidade condicional dos ícones
01:36:13 - Adicionando função para deletar tarefas
01:38:35 - Criando filtro por data selecionada
01:41:23 - Publicando aplicativo na web
01:46:17 - Considerações finais e próximos passos
#FlutterFlow, #CriarApp, #SemProgramar, #DesenvolvimentoApp, #LowCode, #AppMobile, #Tutorial, #Supabase, #Firebase, #DesenvolvimentoRapido