Aplicação Web de Gerenciamento de Endereços

Iniciante

Neste projeto, você aprenderá a criar um novo endereço e gerenciar endereços em uma aplicação web. O projeto envolve a implementação de dropdowns em cascata de estado-cidade, validação de formulário, estilização de rótulos e renderização de novos endereços.

javascriptweb-development

💡 Este tutorial foi traduzido do inglês com assistência de IA. Para ver o original, você pode mudar para a versão em inglês

Introdução

Neste projeto, você aprenderá como criar um novo endereço e gerenciar endereços em uma aplicação web. O projeto envolve a implementação de um dropdown em cascata de estado-cidade, validação de formulário, estilização de rótulos e renderização de novos endereços.

👀 Pré-visualização

address form demo gif

🎯 Tarefas

Neste projeto, você aprenderá:

  • Como inicializar o dropdown de província com dados do arquivo data.js
  • Como implementar a funcionalidade do dropdown em cascata de estado-cidade
  • Como adicionar um evento de clique aos rótulos na lista de tags, permitindo que o rótulo selecionado seja ativado e os outros desativados
  • Como validar os campos de endereço, contato e número de telefone antes de salvar um novo endereço
  • Como criar e anexar um novo item de lista de endereço à lista de endereços

🏆 Conquistas

Após concluir este projeto, você será capaz de:

  • Manipular o DOM usando JavaScript
  • Lidar com interações e eventos do usuário
  • Implementar validação de formulário e tratamento de dados
  • Criar e anexar dinamicamente elementos HTML

Professor

labby
Labby
Labby is the LabEx teacher.