Sou um profissional de TI dedicado, professor de Educação Profissional e Tecnologia, sempre em busca de inovações que impulsionem a eficiência nos negócios e no aprendizado. Minha paixão por tecnologia me motiva a enfrentar desafios com soluções criativas e eficazes. Atualmente, estou à procura de uma oportunidade como Desenvolvedor Front-end, focando em HTML, CSS e JavaScript para construir experiências de usuário intuitivas e impactantes.
🌐 Vamos nos conectar e colaborar para inovar!
Projeto Interdisciplinar de Educação e Saúde - Guarapari/ES Este projeto é uma iniciativa colaborativa na área de Educação, realizada em parceria com a Prefeitura de Guarapari/ES, integrando professores de Tecnologia, Educação Física, Português e Inglês. O objetivo é promover a conscientização sobre saúde e bem-estar entre os alunos, utilizando o cálculo do Índice de Massa Corporal (IMC) como base para atividades interdisciplinares.
Objetivo
O principal objetivo é envolver diferentes áreas do conhecimento em uma abordagem prática e educativa sobre saúde. Os alunos aprendem a calcular e interpretar seu IMC, enquanto professores de Tecnologia apoiam na coleta e organização dos dados. As atividades são complementadas por reflexões e produções textuais, enriquecendo o aprendizado sobre hábitos saudáveis.
Atividades Desenvolvidas
Educação Física: Medição de altura e peso dos alunos, orientação sobre o cálculo e interpretação do IMC. Português: Produção de textos e discussões sobre saúde e qualidade de vida. Inglês: Estudo de vocabulário e leitura de textos sobre saúde e bem-estar. Tecnologia: Apoio na coleta, organização e análise dos dados para facilitar a interpretação dos resultados e contribuir para o aprendizado digital dos alunos.
Para detalhar o funcionamento e as tecnologias usadas neste projeto, aqui está uma explicação para cada parte:
HTML O código HTML estrutura a interface da calculadora de IMC com os seguintes elementos principais:
Cabeçalho (head): inclui meta tags para compatibilidade e responsividade, uma ligação para o CSS local e fontes externas (Google Fonts e Font Awesome). Corpo (body): organizado em duas seções principais: Imagem ilustrativa e formulário de cálculo do IMC com campos para peso e altura e um botão de cálculo. Área de resultado, que exibe o IMC e uma descrição com base nos valores informados pelo usuário.
CSS
O CSS customiza o estilo e layout da aplicação:
Fontes e cores: utilizando a fonte 'Poppins' e uma paleta de cores com fundo escuro. Responsividade: há media queries para adaptar a interface em telas menores, escondendo a imagem e ajustando o formulário. Elementos visuais: aplica ícones (Font Awesome), animações para transições e um estilo consistente nas caixas de entrada e botões.
JavaScript
O JavaScript controla a lógica do cálculo do IMC:
Manipulação do formulário: captura dados do formulário e impede o comportamento padrão do envio (recarregamento de página). Cálculo do IMC: utiliza o peso e altura para calcular o IMC e exibe uma mensagem condizente com o resultado. Classe de atenção ou normal: muda a cor do resultado com base no valor calculado do IMC. Essas tecnologias tornam o projeto interativo e visualmente atraente, com um estilo moderno e um cálculo funcional embutido na interface.
Javascript, HTML5, CSS3...
Email: hillybrito@gmail.com
Instagram: @hillybrito