Início
Início
Entrar
  1. Formação em Vibe Coding
  2. FlutterFlow - Design & UI
  3. Criando as telas Web
Criando as telas Web

O layout que vamos reproduzir

Explore o layout Metronic e descubra como ele combina beleza e funcionalidade para criar interfaces intuitivas. Aprenda a reproduzir esse design popular e aplique conceitos práticos em suas telas web.

Acesso Restrito

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

Fazer loginVoltar para o curso
Próxima

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

Criando as telas Web
Progresso do Módulo
0 de 31 aulas concluídas
O layout que vamos reproduzir3 min
Design do Layout Padrão (Menu)10 min
Design do Layout Padrão (Conteúdo)7 min
Logotipo e Estrutura básica de telas6 min
Menu Vertical9 min
Menu Vertical - Submenus4 min
Menu Vertical - Ações para mostrar submenus16 min
Menu Vertical - Condicional de cor10 min
Menu Vertical - Efeito de hover9 min
Menu Vertical - Transformando em componente reutilizável3 min
Menu Vertical - Corrigindo Componente Reutilizável5 min
Menu Horizontal5 min
Menu Horizontal - Ações de navegação6 min
Menu Horizontal - Efeito de Hover3 min
Menu Horizontal - Criando o Submenu Flutuante6 min
Menu Horizontal - Desenhando o Submenu Flutuante8 min
Menu Horizontal - Submenu Flutuante com Custom Dialog5 min
Menu Horizontal - Criando um Popup12 min
Menu Horizontal - Criando um Bottom Sheet9 min
Cabeçalho9 min
Layout de Formulário19 min
Layout de Formulário - 27 min
Layout de Tabela14 min
Layout de Tabela - Puxando dados via API19 min
Layout de Grid12 min
Layout de Dashboard4 min
Dashboard - Card 112 min
Dashboard - Card 221 min
Dashboard - Card 312 min
Dashboard - Card 45 min
Dashboard - Card 55 min