Esta aplicação foi desenvolvida como 3º projeto do curso de JavaScript, ministrado pelo professor André Iacono na plataforma Udemy.
🎯 Sobre o Curso
O curso, de nível básico, cobre os fundamentos essenciais da linguagem, oferecendo uma base sólida para iniciantes. O conteúdo é estruturado em 7 capítulos, abordando conceitos fundamentais e incluindo desafios práticos para reforçar o aprendizado. Ao longo do curso, desenvolvi 4 projetos, sendo um deles a aplicação web Click & Color.
- Projeto 1: Calculadora Web — Clique para visualizar.
- Projeto 2: Calculadora de Gorjetas — Clique para visualizar.
- Projeto 3: Click & Color.
- Projeto 4: Adivinhe o Número — Clique para visualizar.
Neste projeto, desenvolvi a estrutura e a lógica da aplicação web Click & Color. Embora seja um projeto simples, o mais interessante está no processo de construção com JavaScript!
💡 Como funciona:
A aplicação apresenta um botão "Change the color!", e, ao clicar nele, a cor de fundo da página muda aleatoriamente. Além disso, o sistema exibe dinamicamente junto ao texto "Your color:" o nome da cor aplicada no background, tudo em um fluxo contínuo.
🖌️ Principais conceitos aplicados:
- Manipulação de eventos: um método em JavaScript escuta o clique no botão e, a cada interação com ele, aciona uma função que altera a cor de fundo.
- Arrays e randomização: as cores são armazenadas em um Array e selecionadas de forma aleatória.
- Manipulação do DOM: atualização dinâmica da interface com JavaScript.
- Integração HTML, CSS e JS para a construção da aplicação.
🛠️ Tecnologias utilizadas
- JavaScript.
- HTML.
- CSS.
💻 Ferramentas utilizadas
- Visual Studio Code – Editor de código.
- Git – Controle de versão.
- Live Server – Extensão para testes em tempo real.
Este repositório reúne o código e os conceitos aplicados! Sinta-se à vontade para explorar o código e contribuir, deixe uma estrelinha.⭐