React.js: Atividades
De Aulas
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.