Início

Melhorando o design da lista de produtos (Parte 2) | Formação em Vibe Coding | ibe.IA

Formação em Vibe Coding
WeWeb para Iniciantes
Criando um Aplicativo Lista de Mercado em WeWeb

Melhorias de Design e Experiência de Usuário

Melhorando o design da lista de produtos (Parte 2)

Aprimore suas habilidades de design ajustando ícones e áreas clicáveis para criar uma lista de produtos mais intuitiva e visualmente atraente.

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

Criando um Aplicativo Lista de Mercado em WeWeb

Progresso do Módulo

0 de 67 aulas concluídas

Inspiração e Planejamento do Aplicativo4 min

Criando conta gratuita e projeto no WeWeb3 min

Apresentando a Interface do WeWeb3 min

Criando o cabeçalho3 min

Criando o corpo7 min

Formulário de criação do produto7 min

Lista de produtos criados9 min

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

Fontes de dados no WeWeb6 min

Criando conta gratuita e projeto no Xano3 min

Estruturando a tabela produto5 min

Configurando plugin Xano no WeWeb4 min

Coleção Listar Produtos6 min

Listando produtos pelo aplicativo4 min

Nome do produto dinâmico2 min

Status do produto dinâmico - com visibilidade condicional7 min

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

Alterando o texto de forma dinâmica3 min

Incluindo produtos pelo aplicativo6 min

Atualizar a lista de produtos2 min

Limpar o input após o cadastro3 min

Abrir o popup de exclusão de produto3 min

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

Excluir o produto3 min

Alterar status do produto9 min

Modificar o API Endpoint no Xano4 min

Limitação do plano free do Xano2 min

Página dinâmica de produtos6 min

Buscando um produto único no Xano3 min

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

Editar produto9 min

Filtrar os resultados na coleção7 min

Filtrar os resultados com função FILTER9 min

Filtrar os resultados no servidor (Xano)7 min

Ordenar a lista na coleção4 min

Ordenar a lista com função SORT3 min

Paginação da lista de produtos3 min

Configurando autenticação Xano4 min

Tela de cadastro de usuário7 min

Tratamento de erros9 min

Personalizando as mensagens de erro7 min

Logout de usuário2 min

Tela de login de usuário5 min

Associando produtos ao usuário6 min

Filtrando produtos do usuário no servidor9 min

Protegendo a página2 min

Melhorando o design do nosso aplicativo3 min

Melhorando o design do cabeçalho5 min

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

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

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

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

Design da página principal - Responsividade4 min

Melhorando o design da página de cadastro3 min

Escondendo alerta que fica aberto na página de cadastro1 min

Melhorando o design da página de produto6 min

Alterando chamada API de edição de produto2 min

Alterando o ponteiro do mouse em elementos interativos2 min

Barra de progresso em ações longas3 min

Assinando o plano pago1 min

Publicando o aplicativo2 min

Conectando domínio personalizado2 min

Inserindo entradas DNS no Cloudflare4 min

Testando o aplicativo publicado (e apontamento @)2 min

Metadados e SEO2 min

Finalizando o módulo1 min

Avaliação do Módulo