Início
Início
Entrar
  1. Formação em Vibe Coding
  3. FlutterFlow - Aplicativos Completos
  5. FlutterFlow - Plataforma EAD (Área de Membros)
Design das Telas

Menu lateral módulos e aulas (Componente)

Crie um componente lateral dinâmico para organizar módulos e aulas, facilitando a navegação em sua plataforma EAD. Aprenda a estruturar listas e personalizar a aparência utilizando o FlutterFlow.

Acesso Restrito

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

Fazer loginVoltar para o curso
AnteriorPró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