April 11

Trabalho - Programação Mobile Coding - AV1

Baseado no projeto de Calculadora criado na última aula da disciplina, vocês irão criar um PWA, ou Progressive Web App de Tabuada Matemática.

1. A ideia é similar, ao clicar em um número de 0 a 9 e escolher qual operação ("+", "-", "*" e "/"), irá lista a tabuada daquele número selecionado e a operação.

2. Exemplo, ao clicar no 5 e na operação "+", irá fazer uma listagem:

1+5 = 6
2+5 = 7
3+5 = 8
4+5 = 9
5+5 = 10

e assim por diante.

3. Cada aluno irá entregar um código, podem fazer de dupla ou em grupo, mas cada um entrega o seu.

"Rangel, como vai saber quem fez e quem não fez?". Vamos aos pontos.

- No background coloque o # (hexadecimal) da cor os últimos 6 números de sua matricula. Por exemplo: #100961
- Nas variáveis sempre coloque como prefixo, ou as iniciais do seu nome, ou algum prefixo que queiram, porém, faça comentários que sobre o que é. Por exemplo:

const crx-button = document.getElementById()

crx é a inicial de Carlos Rangel Xavier.

4. Depois da tabuada pronta, vamos para as configurações da PWA.

4.1 - Criar um manifest.json com base no que fizemos: https://github.com/370100961/revisao-capw-pmc/blob/main/manifest.json

4.2 - Criar um Worker Services com base no que fizemos: https://github.com/370100961/revisao-capw-pmc/blob/main/js/servicesWorker.js

Podem utilizar:

https://replit.com/

https://playcode.io/

Ou criar no próprio VS Code e fazer upload no Github.

Projeto Calculadora

https://github.com/370100961/calculadora-js

Projeto Disciplinas

https://github.com/370100961/revisao-capw-pmc/tree/main

Entregas

11 de Abril: https://forms.office.com/r/hwtGyJCNL5 (+1)

16 de Abril: https://forms.office.com/r/b5PWDjhk1G (+1)

18 de Abril: https://forms.office.com/r/gMFJLXMLZ3 (Projeto finalizado) (+1)

Entrega 01

  • Estruturar inicialmente o projeto, criar o index.html, css/style.css, js/main.js
  • Configurar o manifest.json
  • Estrutura arquivos de imagens (caso necessário)