Índice

• 📝 Descrição do Projeto
• ⚪ Status do Projeto
• 🔨 Funcionalidades e Demonstração da Aplicação
• 📂 Acesso ao Projeto
• 🚀 Abrir e rodar o projeto
• ⌨️ Tecnologias utilizadas
• 👩‍💻 Desenvolvedor(a) do Projeto

📝 Descrição do Projeto

O projeto Alurabooks, é uma proposta de loja virtual de livros, contruído em HTML, CSS e JavaScript. Esse projeto contém o objetivo de conhecer e profundar conhecimentos de Arrays [] e suas funções especiais em Javascript.
Desenvolvido para o curso de JAVASCRIPT: METODOS DE ARRAY da plataforma Alura.

⚪ Status do Projeto

Projeto concluído ✅

🔨 Funcionalidades e Demonstração da Aplicação

Foi aprendido e utilizado:

Arrays:

• Realizar uma requisição fetch() para pegar todos os livros da API de exemplo;

• Método .forEach():

  • bastante parecido com o for() {} antigo, basicamente faz o mesmo que ele, mas numa forma bem mais elegante.

• Exibir os livros da API manipulando o DOM através do método .forEach();

• Método .map():

  • executa uma função para cada elemento do array e devolve um novo array como resultado.

• Aplicar um desconto através do método .map() nos preços de cada livro no projeto;

• Diferença entre os métodos .forEach() e .map();

• Testes na documentação oficial do JavaScript para entender como funciona o método .filter();

• Atribuir um evento de click no botão para filtrar os livros por categoria através do `.filter();

• Exibir os livros filtrados por categoria e que estejam disponíveis;

• Como funciona o método de ordenação de array .sort();

• Ordenar os livros da aplicação por preço;

• Melhorar a experiência do usuário da aplicação, aplicando uma opacidade nos livros indisponíveis;

• Manipular o DOM para exibir a sessão de valor total dos livros disponíveis apenas quando o botão de filtrar livros disponíveis fosse clicado;

• Utilizar o método .reduce() para descobrir o valor total de todos livros disponíveis.

📂 Acesso ao projeto

Caso tenha interesse em visualizar o que foi realizado: Alurabooks

Ou, caso prefira baixá-lo clicando aqui.

🚀 Abrir e rodar o projeto

Baixe o projeto clicando aqui.

Após baixar o projeto, abra a pasta do projeto (Caso o projeto seja baixado em zip, é necessário extraí-lo antes de abrir), então clique no:

• Aqruivo index.html
• O projeto abrirá em seu navegador padrão (aconselho configurar para o Chrome, se possível)

⌨️ Tecnologias utilizadas

👩‍💻 Desenvolvedor(a) do Projeto

⭐ Nayara Watanuki