Início

Design da página Aula - Responsividade - Parte 1 | Formação em Vibe Coding | ibe.IA

Formação em Vibe Coding
FlutterFlow - Aplicativos Completos
FlutterFlow - Plataforma EAD (Área de Membros)

Design das Telas

Design da página Aula - Responsividade - Parte 1

Aprenda a criar layouts responsivos para a página de aulas, ajustando elementos para diferentes tamanhos de tela e garantindo uma experiência fluida em dispositivos móveis.

Acesso Restrito

Faça login para acessar o conteúdo desta aula.

Fazer login Voltar para o curso

Anterior Próxima

Copyright ©2026 - Todos os direitos reservados
Feito com ☕ e alguns bilhões de tokens de IA

FlutterFlow - Plataforma EAD (Área de Membros)

Progresso do Módulo

0 de 217 aulas concluídas

Apresentação do módulo2 min

Cores e Tipografia4 min

Theme Widget7 min

Design da tela Login21 min

Login - Responsividade3 min

Cadastros e telas de recuperação de senha13 min

Topbar (Componente)11 min

Home do Aluno25 min

Home do Aluno - Aulas e Módulos16 min

Menu lateral módulos e aulas (Componente)13 min

Estrutura da página de aulas15 min

Aula - Estrutura da Tab Bar10 min

Aula - Estrutura dos comentários10 min

Design da página Aula - Parte 112 min

Design da página Aula - Parte 212 min

Design da página Aula - Parte 317 min

Design da página Aula - Parte 44 min

Design da página Aula - Responsividade - Parte 111 min

Design da página Aula - Responsividade - Parte 28 min

Design da página Aula - Responsividade - Parte 38 min

Menu Lateral - Parte 116 min

Menu Lateral - Parte 210 min

Dashboard Admin13 min

Dashboard - Lista de alunos20 min

Dashboard - Métricas do curso7 min

Página de Aulas e Módulos - Parte 114 min

Página de Aulas e Módulos - Parte 25 min

Componente de Adicionar Módulo11 min

Componente de Editar Módulo3 min

Componente de Adicionar / Editar Aulas5 min

Página Lista de Alunos6 min

Página Detalhes do Aluno - Parte 16 min

Página Detalhes do Aluno - Parte 29 min

Página de vendas8 min

Página de métricas5 min

Página do Administrador - Responsividade (Parte 1)12 min

Página do Administrador - Responsividade (Parte 2)6 min

Parâmetro de navegação no Menu Lateral5 min

Configuração dos parâmetros do menu nas páginas8 min

Design finalizado1 min

Como faremos5 min

Clonar template1 min

Explicação do Template4 min

Backend Supabase - Criar Projeto3 min

Ativar Integração Flutterflow + Supabase2 min

Ativar Autenticação Supabase no Flutterflow4 min

Criar tabela "users" espelho no Supabase6 min

Habilitar e Configurar RLS tabela users9 min

Tela de Cadastro de Usuário - Ação - Creat Account3 min

Tela de Cadastro de Usuário - Validações de Campos8 min

Tela de Cadastro de Usuário - Validar confirmação de senha5 min

Tela de Cadastro de Usuário - Ação - Criar Usuário no Schema Public7 min

Tela - Login7 min

Backend Supabase - Habilitar configurações SMT (Brevo)4 min

Backend Supabase - Configurar URL de Redirecionamento4 min

Redefinição de Senha - Template de email de redefinição de senha4 min

Redefinição de Senha - Esqueci minha senha9 min

Redefinição de Senha - Custom Action - Redefinir senha10 min

Redefinição de Senha - Redirecionamento conforme perfil do usuário6 min

Perfil de Usuário - Carregar dados do Usuário8 min

Perfil de Usuário - Ação para Salvar dados do perfil do usuário9 min

Criar Storage para Perfis de Alunos1 min

Criar Policies para Storage - Alunos4 min

Criar Chamada API para Upload de foto de Perfil de usuário6 min

Criar Ação para Upload de Foto13 min

Criar Chamada API para excluir Foto3 min

Criar Custom Function para pegar o nome do arquivo para exclusão5 min

Customizar ação de upload de foto para salvar nova foto e excluir antiga9 min

Cria tabela "módulos" no Supabase3 min

Configurar RLS tabela módulos6 min

Ação para inserir módulos5 min

Implementar validações em módulos7 min

Listar de módulos5 min

Editar tabela de módulos - Índice7 min

Reordenar módulos - Subir13 min

Reordenar módulos - Descer9 min

Feedback de reordenação ao usuário5 min

Editar módulo8 min

Callback - Editar módulo5 min

Ajustar Incluisão de módulos considerando ordem dos módulos5 min

Callback - Inserir módulo3 min

Ação para Excluir módulo4 min

Reclassificar ordem dos módulos14 min

Criar tabela "aulas" no Supabase5 min

Configurar RLS tabela aulas3 min

Criar aula13 min

Implementar opção para tipo de vídeo10 min

Criar Storage para videos das aulas4 min

Criar Chamada API para Upload de Aula4 min

Criar Custom Function para codificar nome de Arquivo (Boas Práticas)4 min

Criar Ação para Upload de Aula13 min

Implementar validações na inclusão de Aulas - 1- Validação de Campos7 min

Implementar validações na inclusão de Aulas - 2- Validação de Arquivo9 min

Implementar validações na inclusão de Aulas - 3- Validação de Registro6 min

Inserir campo Duração Tabela Aulas e Tela de Inclusão de Aulas3 min

Implementar Máscara e Validação em formato HH:MM:SS6 min

Custom Function para Converter Texto em Hora7 min

Listar Aulas8 min

Formatar texto Duração na lista de aulas2 min

Reordenar aulas - Subir15 min

Reordenar aulas - Descer10 min

Criar Chamada API para excluir Vídeo da Aula4 min

Excluir Aula11 min

Reclassificar índices das aulas10 min

Editar aula13 min

Criar chamada API para "renomear" arquivo em Storage7 min

Edição da aula - Editar registro e nome do arquivo do Storage14 min

Corrigir carregamento do valor Duração (HH:MM:SS)2 min

Corrigir lógica de validação para nome de aula na edição5 min

Callback para atualizar página com aula inserida e aula editada6 min

Criar tabela Curso2 min

RLS Tabela - Curso3 min

Editar Curso12 min

Criar custom function para duração total do curso4 min

Implementar visualização para duração total do curso8 min

Implementar estrutura de Dados3 min

Mostrar informações do Curso2 min

Mostrar módulos3 min

Mostrar aulas7 min

Mostrar conteúdo da aula13 min

Mostrar módulos e aulas no painel de aulas6 min

Ajustar número de representação do módulo e Responsividade nome aula8 min

Ajustar layout do componente Módulos e Aulas4 min

Implementar Navegação entre as aulas - Componente Módulos11 min

Implementar navegação - Próxima aula8 min

Implementar navegação - Aula anterior4 min

Implementar lógica para condicional de visibilidade - próxima aula9 min

Implementar lógica para condicional de visibilidade - aula anterior4 min

Inserir Conditional Builder para contemplar diferentes tipos de vídeos6 min

Dica - Garantir que os vídeos do Youtube venham do mesmo canal2 min

Criar tabela aulas favoritas3 min

RLS Tabela - Aulas favoritas2 min

Implementar aulas favoritas12 min

Desfavoritar aula8 min

Implementar execute callback no menu de aulas (melhoria de navegação)7 min

Criar tabela avaliação aulas3 min

RLS Tabela - aulas_avaliacao3 min

Criar registro em aula_avaliacao6 min

Mostrar nota de avaliação em navegação14 min

Editar avaliação6 min

Tabela Aulas Concluídas no Supabase3 min

RLS Tabela - aulas_concluidas3 min

Converter botão em componente para criar aulas6 min

Criar Aula Concluída2 min

Excluir Aula Concluída3 min

Mostrar Aula Conlcuída12 min

Preparar layout para acomodar (Detalhes da Aula, Comentários e Materiais)8 min

Mostrar sobre a aula2 min

Criar componente para materiais de aula10 min

Criar tabela para materiais de aula2 min

RLS Tabela - aulas_materiais4 min

Inserir materiais de aula12 min

Excluir materiais de aula4 min

Exibir materiais de aula5 min

Criar tabela para receber Comentários6 min

RLS Tabela aulas_comentarios4 min

Criar tabela para receber Curtidas3 min

RLS Tabela aulas_coment_curtidas4 min

Criar Data Type com informações globais do usuário7 min

Criar comentário6 min

Criar View para mostrar os comentários (aulas_comentarios_view)5 min

Listar comentários14 min

Inserir resposta aos comentários12 min

Mostrar resposta dos comentários8 min

Criar Função e Triggers para contabilizar curtidas.5 min

Implementar lógica para criar e excluir curtidas16 min

Corrigir valores nulos em avaliações5 min

Implementar Curtidas em respostas6 min

Implementar contador de comentários2 min

Criar view para mostrar média de avaliações do curso2 min

Revisar RLS de aulas_avaliacao e mostrar média de avaliação do curso6 min

Criar view para mostrar média de avaliações de aula3 min

Mostrar média de avaliação da aula6 min

Criar view para calcular porcentagem de progresso do curso8 min

Mostrar procentagem de progresso do curso4 min

Criar botão para gerar certificado com lógica de condicional de visibilidade3 min

Criar custom function para gerar certificado em PDF9 min

Chamar função para gerar certfificado em PDF8 min

Registrar emissão do certificado4 min

Exibir informações do usuário em topbar6 min

Exibir informações do usuário em menu lateral3 min

Criar views para mostrar as métricas do curso8 min

Mostrar valores das métricas dos Cards4 min

Mostrar valores das métricas em lista7 min

Editar tabela users para incluir campo status do aluno2 min

Gerar view resumo aluno e listar alunos10 min

Formulário para iserir aluno manualmente9 min

Configurar chamada API para inserir usuário5 min

Criar ação para inserir usuário em Auth e Public11 min

Importar alunos via CSV - Introdução6 min

Importar CSV - 1º Passo - Criar modelo padrão de arquivo para upload CSV10 min

Importar CSV - 2º Passo - Estrutura de dados para upload em lote4 min

Importar CSV - 3º Passo - Custom Action para executar Upload5 min

Importar CSV - 4º Passo - Ações para criar o usuários em Auth e Public em lote14 min

Importar CSV - 5º Passo - Exibir dados de upload para feedback ao usuário14 min

Exportar Lista de Alunos para um arquivo CSV7 min

Criar tabela para receber webhook de compra aprovada6 min

Criar tabela para receber webhook de compra completa2 min

Criar Edge Function para receber webhook de compra aprovada9 min

Criar Edge Function para receber webhook de compra completa8 min

Criar View para formar base de dados de vendas5 min

Criar View para consolidar resumo de vendas9 min

Listar vendas em Dashboard de vendas7 min

Ajustar View de Compra Aprovada para incluir mês de referência4 min

Preparar campos de referência para múltiplos filtros14 min

Aplicando múltiplos filtros12 min

Automatizando a criação de novos usuários5 min

Função para criar novos usuários em auth e envio de e-mail de boas vindas13 min

Função para criar novos usuários em public6 min

Função para editar detalhes do usuário9 min

Criar View para mostrar detalhes da participação dos alunos por módulo/aula6 min

Exibir detalhes do usuário/aluno18 min

Exibir todos os comentários do aluno em dashboard7 min

Editar usuário/aluno13 min

Listar Alunos em Dashboard10 min

Mostrar métricas em Dashboard5 min

Avaliação do Módulo