Introdução
Neste projeto passo a passo, você aprenderá a criar uma aplicação web de Task Timer usando HTML, CSS e JavaScript. Esta aplicação web permitirá que os usuários adicionem tarefas, iniciem e parem cronômetros para cada tarefa e excluam tarefas. Ao final deste projeto, você terá uma aplicação web de Task Timer totalmente funcional com uma interface moderna e amigável.
👀 Pré-visualização
🎯 Tarefas
Neste projeto, você aprenderá:
- Como criar a estrutura HTML básica para a aplicação web Task Timer
- Como estilizar a aplicação web usando CSS para torná-la visualmente atraente
- Como implementar a funcionalidade JavaScript para adicionar tarefas à aplicação
- Como adicionar a funcionalidade de cronômetro para iniciar e parar cronômetros para cada tarefa
- Como implementar a capacidade de excluir tarefas da aplicação
🏆 Conquistas
Após concluir este projeto, você será capaz de:
- Lidar com a entrada e validação do usuário em formulários web
- Iniciar e parar cronômetros dinamicamente usando JavaScript
- Atualizar e exibir o tempo em um formato amigável ao usuário
- Excluir elementos do Document Object Model (DOM) usando JavaScript
- Estruturar e organizar um projeto de aplicação web simples
- Criar botões e anexar ouvintes de eventos a eles
- Limpar campos de entrada após a interação do usuário
- Habilitar e desabilitar botões com base nas ações do usuário
- Usar atributos de dados para armazenar informações em elementos HTML
