InícioAgendaSuporte
InícioAgendaSuporteLinks
Entrar
  1. Formação em Vibe Coding
  3. WeWeb para Iniciantes
  5. Criando um Aplicativo Lista de Mercado em WeWeb
Design da Página Principal

Apresentando a Interface do WeWeb

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

Criando um Aplicativo Lista de Mercado em WeWeb
Progresso do Módulo
0 de 67 aulas concluídas
Inspiração e Planejamento do Aplicativo
Criando conta gratuita e projeto no WeWeb
Apresentando a Interface do WeWeb
Criando o cabeçalho
Criando o corpo
Formulário de criação do produto
Lista de produtos criados
Popup de confirmação de exclusão do produto (e variáveis)
Fontes de dados no WeWeb
Criando conta gratuita e projeto no Xano
Estruturando a tabela produto
Configurando plugin Xano no WeWeb
Coleção Listar Produtos
Listando produtos pelo aplicativo
Nome do produto dinâmico
Status do produto dinâmico - com visibilidade condicional
Status do produto dinâmico - com fórmula IF
Alterando o texto de forma dinâmica
Incluindo produtos pelo aplicativo
Atualizar a lista de produtos
Limpar o input após o cadastro
Abrir o popup de exclusão de produto
Passar variável do produto a ser excluído
Excluir o produto
Alterar status do produto
Modificar o API Endpoint no Xano
Limitação do plano free do Xano
Página dinâmica de produtos
Buscando um produto único no Xano
Popular página dinâmica com coleção
Editar produto
Filtrar os resultados na coleção
Filtrar os resultados com função FILTER
Filtrar os resultados no servidor (Xano)
Ordenar a lista na coleção
Ordenar a lista com função SORT
Paginação da lista de produtos
Configurando autenticação Xano
Tela de cadastro de usuário
Tratamento de erros
Personalizando as mensagens de erro
Logout de usuário
Tela de login de usuário
Associando produtos ao usuário
Filtrando produtos do usuário no servidor
Protegendo a página
Melhorando o design do nosso aplicativo
Melhorando o design do cabeçalho
Melhorando o design do formulário (Parte 1)
Melhorando o design do formulário (Parte 2)
Melhorando o design da lista de produtos (Parte 1)
Melhorando o design da lista de produtos (Parte 2)
Design da página principal - Responsividade
Melhorando o design da página de cadastro
Escondendo alerta que fica aberto na página de cadastro
Melhorando o design da página de produto
Alterando chamada API de edição de produto
Alterando o ponteiro do mouse em elementos interativos
Barra de progresso em ações longas
Assinando o plano pago
Publicando o aplicativo
Conectando domínio personalizado
Inserindo entradas DNS no Cloudflare
Testando o aplicativo publicado (e apontamento @)
Metadados e SEO
Finalizando o módulo
Avaliação do Módulo