Web App de Coleção de Filmes Interativa

Iniciante

Neste projeto, você aprenderá a criar uma aplicação web interativa de coleção de filmes usando HTML, CSS e JavaScript (jQuery). A aplicação permite que os usuários marquem seus filmes favoritos e, quando uma coleção de filmes favoritos é criada, uma mensagem de sucesso é exibida.

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á a criar uma aplicação web interativa de coleção de filmes usando HTML, CSS e JavaScript (jQuery). A aplicação permite que os usuários marquem seus filmes favoritos e, quando uma coleção de filmes favoritos é criada, uma mensagem de sucesso é exibida.

👀 Pré-visualização

Demonstração da coleção interativa de filmes

🎯 Tarefas

Neste projeto, você aprenderá:

  • Como configurar os arquivos do projeto e abrir o projeto no editor
  • Como implementar a funcionalidade para o ícone de favorito, permitindo que os usuários alternem entre os estados oco e sólido
  • Como implementar a funcionalidade para o ícone de coleção, exibindo uma mensagem de sucesso quando pelo menos um filme favorito é adicionado

🏆 Conquistas

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

  • Manipular o DOM usando jQuery
  • Lidar com interações e eventos do usuário
  • Exibir e ocultar elementos com base em condições específicas
  • Usar temporizadores para ocultar elementos automaticamente após uma determinada duração

Professor

labby
Labby
Labby is the LabEx teacher.