Início

Melhorando o design do cabeçalho | Formação em Vibe Coding | ibe.IA

Formação em Vibe Coding
WeWeb para Iniciantes
Lista de Mercado WeWeb 3.0

Melhorias de Design e Experiência de Usuário

Melhorando o design do cabeçalho

Ajuste o design do cabeçalho do seu aplicativo inserindo uma imagem como fundo e otimizando textos e logo para uma aparência mais atraente e profissional.

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

Lista de Mercado WeWeb 3.0

Progresso do Módulo

0 de 58 aulas concluídas

Inspiração e planejamento do aplicativo11 min

Criando uma conta gratuita e um projeto weweb5 min

Apresentando a interface do weweb7 min

Criando o cabeçalho11 min

Criando o corpo - Formulário11 min

Criando o corpo - Lista de Produtos11 min

Popup de confirmação de exclusão do produto (e variáveis)14 min

Fonte de dados do weweb4 min

Criando conta gratuita no Supabase5 min

Estruturando a tabela produtos9 min

Configurar plugin Supabase5 min

Coleção Listar Produtos4 min

Listando produtos pelo aplicativo7 min

Nome do produto dinâmico4 min

Status do produto dinâmico - com visibilidade condicional6 min

Status do produto dinâmico - com fórmula IF12 min

Alterando o texto de forma dinâmica7 min

Incluindo produtos pelo aplicativo9 min

Atualizar a lista de produtos5 min

Limpar o input após o cadastro6 min

Passar variável do produto a ser excluído9 min

Excluir o Produto10 min

Alterar status do produto10 min

Página dinâmica de produtos13 min

Buscando um produto único no Supabase9 min

Popular página dinâmica com coleção8 min

Editar produto9 min

Filtrar os resultados na coleção12 min

Filtrar os resultados com função FILTER BY KEY10 min

Ordenar a lista na coleção6 min

Paginação da lista de produtos5 min

Configurando autenticação6 min

Tela de cadastro de usuário11 min

Tratamento de erros11 min

Personalizando as mensagens de erro10 min

Logout de usuário6 min

Tela de login de usuário13 min

Associando produtos ao usuário11 min

Filtrando produtos do usuário5 min

Protegendo a página4 min

Melhorando o design do nosso aplicativo3 min

Melhorando o design do cabeçalho6 min

Melhorando o design do formulário (Parte 1)11 min

Melhorando o design do formulário (Parte 2)5 min

Melhorando o design da lista de produtos (Parte 1)5 min

Melhorando o design da lista de produtos (Parte 2)5 min

Design da página principal - Responsividade7 min

Melhorando design página produto11 min

Barra de progresso em ações longas6 min

Assinando o plano pago5 min

Publicando o aplicativo3 min

Conectando domínio personalizado3 min

Inserindo entradas DNS no Cloudflare6 min

Testando o aplicativo publicado (e apontamento @)8 min

Metadados e SEO5 min

Publicando o aplicativo subdominio weweb5 min

Finalizando Módulo1 min

Avaliação do Módulo