javascript-estudos

Sobre

Este repositório contém uma coleção de projetos de estudos sobre o básico de JavaScript, utilizando Vite para construção e desenvolvimento rápido. Cada projeto explora conceitos fundamentais da linguagem e busca aplicar esses conceitos em cenários práticos e divertidos.

Estrutura do Projeto

O repositório é dividido em subprojetos, cada um focando em um tema específico:

1. briga-de-rua

Jogo simples de briga de rua com sons e animações.

• Objetivo: Aprender a manipular eventos e utilizar sons em um projeto.
• Estrutura:
  • public/: Contém os recursos estáticos, como o ícone vite.svg.
  • sounds/: Sons para o jogo, como efeitos de ataque e vitória.
  • main.js: Contém a lógica principal do jogo, controlando ataques, animações e resultados.
  • style.css: Define os estilos do jogo, incluindo animações.

2. calculadora

Calculadora básica criada em JavaScript.

• Objetivo: Implementar funções matemáticas simples e explorar eventos de clique.
• Estrutura:
  • public/: Contém o ícone vite.svg.
  • main.js: Lida com a lógica de cálculo e manipulação da interface.
  • style.css: Estilos para a interface da calculadora.

3. climatura

Aplicação de previsão do tempo, utilizando APIs climáticas.

• Objetivo: Praticar requisições HTTP, manipulação de APIs e renderização dinâmica de dados.
• Estrutura:
  • public/: Contém o ícone vite.svg.
  • main.js: Lida com a requisição à API de clima e exibição de resultados.
  • style.css: Estilos para a aplicação.

4. gorjetadora

Calculadora de gorjetas.

• Objetivo: Trabalhar com entrada de dados do usuário, cálculo dinâmico e manipulação de DOM.
• Estrutura:
  • public/: Contém o ícone vite.svg.
  • main.js: Calcula a gorjeta com base no valor total e na porcentagem escolhida.
  • style.css: Estilos da interface.

5. guessnumber

Jogo de adivinhação de número.

• Objetivo: Aprender loops, comparações e lógica de jogos simples.
• Estrutura:
  • public/: Contém o ícone vite.svg.
  • main.js: Controla a lógica do jogo, verificando se o número adivinhado está correto.
  • style.css: Estilos do jogo.

6. jakenPoké

Jogo de pedra, papel e tesoura com temática Pokémon.

• Objetivo: Implementar lógica condicional e trabalhar com APIs temáticas.
• Estrutura:
  • public/: Contém o ícone vite.svg.
  • main.js: Lógica principal do jogo.
  • script.js: Código auxiliar do jogo.
  • style.css: Estilos para a interface de batalha.

7. mettyflix

Aplicação simples de exibição de filmes, utilizando TMDB api.

• Objetivo: Aprender a manipular listas de dados e exibi-las de forma amigável.
• Estrutura:
  • public/: Contém o ícone vite.svg.
  • main.js: Lógica para exibição e filtro de filmes.
  • style.css: Estilos da aplicação, incluindo layout de filmes.

8. pickacolor

Ferramenta mostra uma cor aleatória e seu nome.

• Objetivo: Manipular elementos visuais e explorar eventos relacionados a input.
• Estrutura:
  • public/: Contém o ícone vite.svg.
  • main.js: Controla a lógica para escolha de cores.
  • style.css: Define o layout e estilos dos componentes.

9. ternario

Aplicação demonstrativa do operador ternário.

• Objetivo: Entender e aplicar o operador ternário em diferentes cenários.

• Estrutura:

  • public/: Contém o ícone vite.svg.
  • main.js: Exemplos práticos do uso do operador ternário.
  • style.css: Estilos da aplicação.

  10. Exercícios do curso JavaScript e TypeScript do básico ao avançado JS/TS

Exercícios feitos ao decorrer do curso.

Requisitos do Sistema

• Node.js (versão recomendada: 16 ou superior)
• npm (incluído no Node.js)

Como rodar o projeto

1. Clone este repositório:

   git clone https://github.com/seu-usuario/javascript-estudos.git

2. Navegue até o diretório do projeto:

   cd javascript-estudos

3. Instale as dependências:

   npm install

4. Inicie o servidor de desenvolvimento:

   npm run dev

5. Acesse o projeto em seu navegador em http://localhost:5173.

Tecnologias utilizadas

• Vite: Ferramenta de build rápida para desenvolvimento.
• JavaScript: JavaScript puro, sem bibliotecas ou frameworks adicionais.

Licença

Este projeto está licenciado sob a MIT License - veja o arquivo LICENSE para mais detalhes.