Catálogo de filmes desenvolvido durante a Imersão Dev de JavaScript da Alura
- JavaScript 44.6%
- CSS 34.7%
- HTML 20.7%
| img | ||
| index.html | ||
| Readme.md | ||
| script.js | ||
| style.css | ||
AluraFlix 2
Projeto desenvolvido na imersão JavaScript da Alura, realizada entre os dias 13/11/2023 e 17/11/2023. Trata-se de uma galeria de filmes. Este projeto foi desenvolvido no quarto dia da imersão (16/11/2023). Embora seja uma continuação do projeto desenvolvido no terceiro dia, optou-se por não colocá-lo em um segundo branch para facilitar a visualização.
Conteúdo da aula
Criação de funções javascript e integração com HTML através de eventos, getElementById() e innerHTML.
Desafios
Os desafios foram atividades deixadas ao fim da aula para serem resolvidas.
- Verificar se está adicionando uma imagem: São permitidos apenas links que terminem em .jpg, .jpeg, .png, .bmp, .gif, .svg e .webp. [Realizado]
- Ao clicar no poster, abrir link do trailer do filme: [Realizado]
- Armazenar todos os filmes adicionados em uma lista/array e percorrê-la sempre que desejar imprimir ou remover um filme: [Realizado]
- Adicionar não apenas a imagem do filme, mas também o nome por meio de outro input: [Realizado]
- Adicionar botão para remover imagem: [Realizado]
Melhorias
As melhorias são itens incluídos no projeto e que não foram solicitados nas aulas ou desafios.
- Tratamento para obrigar usuário a informar nome, link do poster e link do trailer.
- Alterações de css e inclusão de algumas imagens localmente.
- Inclusão de favicon.