MAPA - PROGRAMAÇÃO FRONT END - 52_2024
Olá, estudante! Chegou o momento de explorar de forma PRÁTICA os conteúdos aprendidos na nossa disciplina. Para realizar a atividade Mapa, você precisa cumprir algumas etapas, a saber:
(1) PRIMEIRA ETAPA: contextualização de nossos estudos:
A arte do churrasco implica em saber dominar o ponto da carne, em saber escolher carnes de boa qualidade e também em saber estimar as compras para que tenha comida para todo mundo, sem exagerar nos gastos.
Para isso, podemos usar uma "calculadora de churrasco" para saber o quanto de carne precisamos comprar.
Crie uma página, utilizando HTML, CSS e Javascript para calcular a quantidade de ingredientes necessária para um churrasco, de acordo com o número de pessoas participantes. Envie um arquivo compactado com todos os arquivos que você utilizou. É possível fazer em um arquivo só, mas existem diferentes formas de resolver.
(2) SEGUNDA ETAPA: O QUE DEVE SER REALZIADO NA ATIVIDADE
Existem diversas formas de estimar, mas para essa calculadora, considere:
ITEM 1 - A página terá 3 campos de entrada que receberão as quantidades de homens, mulheres e crianças que participarão do churrasco.
ITEM 2 - Considere que o consumo segue a seguinte tabela:
Homens Mulheres Crianças
Carne bovina 500g 300g 200g
Frango 200g 200g 100g
Linguiça 200g 200g 200g
Refrigerante 300ml 400ml 200ml
Cerveja 800ml 500ml 0
ORIENTAÇÃO GERAIS
* A página deve ter um botão "Calcular" e, ao clicar no botão, deve calcular e exibir as quantidades necessárias sem dar reload na página.
* A página deve estar bem formatada com CSS, tente algo simples e bonito.
* Não use nenhuma biblioteca além do jQuery, que é opcional.
* Não use bootstrap.
* Não use o CSS do bootstrap.
Exemplo de sistema (sem formatação):
O que devo entregar?
Você deve entregar o arquivo compactado com todos os arquivos (HTML, CSS, JAVASCRIPT, PASTA DE IMAGENS) utilizados na criação da página e postar este arquivo de resposta da atividade no MAPA.
Dica: Se você converter os valores para quilogramas e litros, a exibição fica mais agradável.
Dicas
- Acesse o link com um vídeo tutorial para ajudá-lo nesse processo de criação e desenvolvimento.
- Após o envio não são permitas alterações, ou modificações. Logo, você tem apenas uma chance de enviar o arquivo corretamente. Revise bem antes de enviar!
- Lembre-se que evidências de cópias de materiais, incluindo de outros acadêmicos, sem devidas referências serão inquestionavelmente zeradas.
- Não são permitidas correções parciais no decorrer do módulo, ou seja, o famoso: “professor, veja se minha atividade está certa?”. Isso invalida seu processo avaliativo. Lembre-se que a interpretação da atividade também faz parte da avaliação.
- Procure sanar suas dúvidas junto à mediação em tempo hábil sobre o conteúdo exigido na atividade, de modo que consiga realizar sua participação.
- Atenção ao prazo de entrega, evite envio de atividade em cima do prazo. Você pode ter algum problema com internet, computador, software etc., e os prazos não serão flexibilizados, mesmo em caso de comprovação.
Bons estudos!
Em caso de dúvidas, encaminhar mensagem ao seu Professor Mediador.
Você será avaliado de acordo com a profundidade das respostas para as perguntas sugerias, além das perguntas acrescentadas por você.
