O que são Mathlets?
Descubra o que são Mathlets e veja como a matemática pode ganhar mais vida através do código.
O HTML é o "esqueleto" de toda página web. Neste primeiro módulo trabalhamos como construir um sumário das principais tags que usaremos.
O CSS é a "pele" e a "roupa" da nossa página. Discutiremos como selecionar elementos HTML e aplicar estilos (cores, fontes, layouts) a eles.
Módulo 3: Interatividade com JavaScript
O "cérebro" do nosso site. Vamos focar em como o JavaScript pode manipular o HTML/CSS e executar lógica, com foco em nossas aplicações matemáticas e de dados.
Módulo 4: IA, Geração de Código e Refatoração
Neste módulo, discutiremos como usar ferramentas modernas de IA (como GitHub Copilot, Gemini, etc.) como assistentes de programação. O foco será em acelerar o desenvolvimento, depurar de forma inteligente e, o mais importante, refatorar nosso código para que seja mais limpo e eficiente.
Nosso primeiro projeto completo. Aplicaremos HTML (estrutura), CSS (design) e JavaScript (lógica). Usaremos também as técnicas de IA para nos ajudar a depurar e refatorar.
Vamos aprender a publicar nosso site gratuitamente com o GitHub Pages e a usar o JavaScript
(fetch) para se conectar a uma API externa, usando o Google Sheets como um banco de dados
simples.
Módulo 7: Projeto 3 - Construção de um Mathlet Web (Conjunto)
Nosso projeto final. Usando todo o conhecimento (HTML, CSS, JS, API, e IA para refatoração), construiremos colaborativamente um "Mathlet" — uma aplicação web interativa para explorar um conceito matemático.
Materiais Produzidos
Explore o portfólio de materiais complementares, aplicações funcionais e projetos reais construídos nesta oficina.