MATEMÁTICA II - PROGRAMAÇÃO

Uma Aventura Digital: Tom e Jerry no Mundo da Programação

A Premissa:

Imagine Tom, o gato faminto, tentando criar o site perfeito para um restaurante de ratos gourmet. Jerry, o esperto roedor, decide sabotar os planos de Tom, inserindo códigos maliciosos e criando bugs hilários.

​Programação usando HTML e CSS

• Tom: Decidido a finalmente capturar Jerry e acabar com a constante pilhagem de sua despensa, Tom tem uma ideia genial: criar um site tão irresistível que atrairá Jerry para uma armadilha digital.

• Jerry: Ao descobrir os planos de Tom, Jerry se diverte com a ideia de transformar o site em um caos total. Ele decide que irá usar seus conhecimentos em JavaScript para criar uma série de pegadinhas virtuais.

​A História:

Ato 1: O Desafio

• Tom: Com a ajuda de um tutorial online, Tom começa a construir o site usando HTML para a estrutura, CSS para estilizar e JavaScript para adicionar interatividade. Ele cria um menu chamativo com fotos de pratos deliciosos (que na verdade são imagens de ratoeiras disfarçadas).

• Jerry: Enquanto Tom está ocupado, Jerry se infiltra no código e começa a inserir elementos maliciosos. Ele adiciona um script que faz com que as imagens se movam aleatoriamente, um botão que, quando clicado, faz com que a tela fique toda preta e um contador que mostra o tempo restante até a "explosão" do site.

Ato 2: A Construção do Site

• Tom: Confiante em sua criação, Tom lança o site. No entanto, assim que Jerry clica no link, o caos se instala. As imagens se movem freneticamente, a tela fica preta e o contador faz um barulho ensurdecedor.

• Jerry: Enquanto Tom tenta desesperadamente corrigir os erros, Jerry se diverte assistindo ao show de bugs. Ele até cria um perfil falso em um fórum de programação para postar mensagens sarcásticas sobre o site de Tom.

Ato 3: O Lançamento e o Caos

• Tom: Exausto e frustrado, Tom decide abandonar o projeto. No entanto, ao apagar o site, ele percebe que aprendeu muito sobre programação.

• Jerry: Sentindo pena de Tom, Jerry decide ajudar a corrigir os erros. Juntos, eles trabalham para criar um site funcional e divertido, onde Tom pode oferecer seus serviços de caça a ratos de forma mais profissional.

Ato 4: O Desenlace

• HTML: A estrutura básica do site, como criar elementos como cabeçalhos, parágrafos, imagens e links.

• CSS: Estilizar o site, definindo cores, fontes, layout e responsividade.

• JavaScript: Adicionar interatividade ao site, como animações, efeitos e manipulação de elementos.

• Debugging: Identificar e corrigir erros no código.

• Versionamento: Usar ferramentas como o Git para controlar as mudanças no código.

Conteúdo Educacional:

Audio Response

VOCÊ GOSTOU DE REALIZAR A ATIVIDADE SOBRE PROGRAMAÇÃO : CONSTRUÇÃO DE SITES

Open Audio Recorder

Multiple Select

QUAIS SÃO OS CONTEÚDOS EDUCACIONAIS USADOS NA PROGRAMAÇÃO?

• HTML: A estrutura básica do site, como criar elementos como cabeçalhos, parágrafos, imagens e links.

• CSS: Estilizar o site, definindo cores, fontes, layout e responsividade.

• CSS: Estilizar o site, definindo cores, fontes, layout e responsividade.

• Debugging: Identificar e corrigir erros no código.