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.