Repositório com projetos e desafios de programação em JavaScript. Este repositório é focado no aprendizado de JavaScript vanilla, onde cada projeto é uma aplicação web funcional desenvolvida com HTML, CSS e JavaScript puro, sem o uso de frameworks ou bibliotecas externas.
Objetivo: Consolidar conceitos de JavaScript através de projetos práticos e interativos.
Descrição: Aplicação que calcula o Índice de Massa Corporal (IMC) e fornece uma classificação de peso baseada nos critérios da OMS.
Funcionalidades:
- Entrada de nome, peso (kg) e altura (m)
- Cálculo automático do IMC
- Classificação do resultado (Abaixo do peso, Peso normal, Sobrepeso, Obesidade grau 1/2/3)
- Validação de campos obrigatórios
Tecnologias: HTML5, CSS3, JavaScript (vanilla)
Localização: 001 imc/
Descrição: Calculadora web completa com interface inspirada em calculadoras clássicas, suportando as operações matemáticas básicas.
Funcionalidades:
- Operações: adição, subtração, multiplicação e divisão
- Botões de limpeza (CE/C) e backspace
- Suporte a números decimais
- Alternância de sinal (±)
- Display em tempo real
Tecnologias: HTML5, CSS3, JavaScript (vanilla)
Localização: 002 calculadora/
Descrição: Aplicação que converte temperaturas entre diferentes escalas: Celsius, Fahrenheit e Kelvin.
Funcionalidades:
- Conversão entre Celsius, Fahrenheit e Kelvin
- Seleção flexível de unidades de origem e destino
- Validação de entrada de valores numéricos
- Resultado com precisão de 2 casas decimais
Tecnologias: HTML5, CSS3, JavaScript (vanilla)
Localização: 003 Conversor de Temperatura/
Descrição: Aplicação que gera senhas seguras e personalizáveis com base em critérios definidos pelo usuário, permitindo controlar o tamanho e os tipos de caracteres utilizados.
Funcionalidades:
- Definição do tamanho da senha
- Inclusão opcional de:
- Letras maiúsculas (A–Z)
- Letras minúsculas (a–z)
- Números (0–9)
- Símbolos especiais
- Geração de senha aleatória baseada nas opções selecionadas
- Validação para impedir a geração sem nenhum tipo de caractere selecionado
- Exibição imediata da senha gerada
- Botão para copiar a senha para a área de transferência
Tecnologias: HTML5, CSS3, JavaScript (vanilla)
Localização: 004 Gerador de Senhas/
- Clone ou baixe o repositório
- Navegue até a pasta do projeto desejado
- Abra o arquivo
index.htmlem seu navegador
Exemplo:
cd 001\ imc
# Abra index.html no navegadorCada projeto segue a mesma estrutura:
NXX nome-do-projeto/
├── index.html # Estrutura HTML
├── index.js # Lógica JavaScript
└── style.css # Estilos CSS
Para adicionar um novo projeto:
- Crie uma nova pasta com o padrão
NXX nome-do-projeto/(ex:003 conversor-temperatura/) - Adicione os arquivos:
index.html,index.jsestyle.css - Implemente a lógica desejada
- Atualize este README com a descrição do novo projeto
- Todos os projetos utilizam JavaScript vanilla (sem frameworks ou bibliotecas externas)
- Este repositório é dedicado ao ensino e prática de JavaScript puro
- Código bem comentado e fácil de entender para fins educacionais
- Interface responsiva e compatível com navegadores modernos
Projetos de desafios e aprendizado em desenvolvimento web.