Mudanças entre as edições de "React.js: Atividades"
De Aulas
(Criou página com 'Afluentes: Desenvolvimento Front-end, Usabilidade, desenvolvimento web, mobile e jogos = Desafio 1 = Lembram da nossa calculadora em JavaScript? Agora façam ela na...') |
|||
Linha 1: | Linha 1: | ||
− | Afluentes: [[Desenvolvimento Front-end]], [[Usabilidade, desenvolvimento web, mobile e jogos]] | + | Afluentes: [[Desenvolvimento Front-end II]], [[Usabilidade, desenvolvimento web, mobile e jogos]] |
= Desafio 1 = | = Desafio 1 = |
Edição atual tal como às 13h48min de 27 de fevereiro de 2024
Afluentes: Desenvolvimento Front-end II, Usabilidade, desenvolvimento web, mobile e jogos
Desafio 1
Lembram da nossa calculadora em JavaScript? Agora façam ela na forma de uma aplicação React.js.
Desafio 2
Utilizando React.js e Bootstrap, crie uma aplicação que preenche um documento.
- Separe a tela do navegador pela metade, na metade esquerda fica o formulário com os dados para preencher e na metade direita, fica o documento estilo carta.
- Exemplo de documento: documento de locação de imóvel, certidão de nascimento, carteira de motorísta, etc.
- Enquanto você digita os dados, o documento vai sendo atualizado automaticamente.
- Faça a validação dos dados.
- Enquanto o documento não estiver todo preenchido ou os dados estiverem incorretos, o botão de impressão fica desabilitado.
- Quando o botão de impressão ficar habilitado, ao clicar, ele abre apenas o documento preenchido em outra aba do navegador.