• Home
  • Chat IA
  • Recursos
  • Guru IA
  • Professores
Home
Recursos
Chat IA
Professores

·

Análise e Desenvolvimento de Sistemas ·

Engenharia de Software

Envie sua pergunta para a IA e receba a resposta na hora

Recomendado para você

Desenvolvimento para Dispositivos Móveis

1

Desenvolvimento para Dispositivos Móveis

Engenharia de Software

PUC

Atividade Somativa 1 - Construção de Web Service REST para SISRH

16

Atividade Somativa 1 - Construção de Web Service REST para SISRH

Engenharia de Software

PUC

Cadastro em React

1

Cadastro em React

Engenharia de Software

PUC

Sistemas Web Seguros

22

Sistemas Web Seguros

Engenharia de Software

PUC

Sisrh Construção de Web Service Rest

16

Sisrh Construção de Web Service Rest

Engenharia de Software

PUC

Tela de Login React - App.js - Exemplo de Código

1

Tela de Login React - App.js - Exemplo de Código

Engenharia de Software

PUC

Git Devops

17

Git Devops

Engenharia de Software

PUC

Prova - Metodologias de Desenvolvimento de Sistemas

4

Prova - Metodologias de Desenvolvimento de Sistemas

Engenharia de Software

UMG

Estilos Arquiteturais Web - Web 1.0, Web 2.0 e SPA - Single Page Application

31

Estilos Arquiteturais Web - Web 1.0, Web 2.0 e SPA - Single Page Application

Engenharia de Software

UNIFTEC

Arquitetura de Software Web: Guia Completo para Sistemas Modernos

10

Arquitetura de Software Web: Guia Completo para Sistemas Modernos

Engenharia de Software

UNIFTEC

Texto de pré-visualização

Na semana 4 foi apresentado o conteúdo de array em React fechando assim o conteúdo da criação de um único componente Com este conhecimento você deverá realizar uma atividade somativa com todos os conteúdos vistos até o momento Com base no conhecimento obtido durante as 4 primeiras semanas crie uma nova aplicação em React exatamente igual da figura abaixono componente você deverá colocar um título de Login 2 inputs email e senha um botão de validação Acessar e uma label Ao clicar no botão Acessar deverá verificar se o campo de email é igual a eduardolinopucprbr e senha igual a 123456 você poderá colocar seu email e senha desejado o importante é a lógica da construção da aplicação Caso os valores sejam iguais aos valores do enunciado deverá ser mostrado a mensagem Acessado com sucesso na label abaixo do botão Caso algum dos dois campos estejam com valores diferentes do enunciado deverá ser mostrado a mensagem Usuário ou senha incorretos Componentes ESTRUTURA PARA ENTREGAR SRC meuprojetoreact src Appjs components Iniciojs Nomejs styles Appcss import useState from react import Appcss export default function App const email setEmail useState const senha setSenha useState const handleSubmit e epreventDefault if email testegmailcom senha 12345678 setMensagemlskdjlsdkjdfjlsjadlkjdslfjlkdsf else setMensagem Email ou senha inválidos return div classNamecontainer h1Tela de Loginh1 form onSubmithandleSubmit input typeemail placeholderDigite seu email valueemail onChangee setEmailetargetvalue required input typepassword button typesubmitEntrarbutton form mensagem p classNamemensagemmensagemp div

Envie sua pergunta para a IA e receba a resposta na hora

Recomendado para você

Desenvolvimento para Dispositivos Móveis

1

Desenvolvimento para Dispositivos Móveis

Engenharia de Software

PUC

Atividade Somativa 1 - Construção de Web Service REST para SISRH

16

Atividade Somativa 1 - Construção de Web Service REST para SISRH

Engenharia de Software

PUC

Cadastro em React

1

Cadastro em React

Engenharia de Software

PUC

Sistemas Web Seguros

22

Sistemas Web Seguros

Engenharia de Software

PUC

Sisrh Construção de Web Service Rest

16

Sisrh Construção de Web Service Rest

Engenharia de Software

PUC

Tela de Login React - App.js - Exemplo de Código

1

Tela de Login React - App.js - Exemplo de Código

Engenharia de Software

PUC

Git Devops

17

Git Devops

Engenharia de Software

PUC

Prova - Metodologias de Desenvolvimento de Sistemas

4

Prova - Metodologias de Desenvolvimento de Sistemas

Engenharia de Software

UMG

Estilos Arquiteturais Web - Web 1.0, Web 2.0 e SPA - Single Page Application

31

Estilos Arquiteturais Web - Web 1.0, Web 2.0 e SPA - Single Page Application

Engenharia de Software

UNIFTEC

Arquitetura de Software Web: Guia Completo para Sistemas Modernos

10

Arquitetura de Software Web: Guia Completo para Sistemas Modernos

Engenharia de Software

UNIFTEC

Texto de pré-visualização

Na semana 4 foi apresentado o conteúdo de array em React fechando assim o conteúdo da criação de um único componente Com este conhecimento você deverá realizar uma atividade somativa com todos os conteúdos vistos até o momento Com base no conhecimento obtido durante as 4 primeiras semanas crie uma nova aplicação em React exatamente igual da figura abaixono componente você deverá colocar um título de Login 2 inputs email e senha um botão de validação Acessar e uma label Ao clicar no botão Acessar deverá verificar se o campo de email é igual a eduardolinopucprbr e senha igual a 123456 você poderá colocar seu email e senha desejado o importante é a lógica da construção da aplicação Caso os valores sejam iguais aos valores do enunciado deverá ser mostrado a mensagem Acessado com sucesso na label abaixo do botão Caso algum dos dois campos estejam com valores diferentes do enunciado deverá ser mostrado a mensagem Usuário ou senha incorretos Componentes ESTRUTURA PARA ENTREGAR SRC meuprojetoreact src Appjs components Iniciojs Nomejs styles Appcss import useState from react import Appcss export default function App const email setEmail useState const senha setSenha useState const handleSubmit e epreventDefault if email testegmailcom senha 12345678 setMensagemlskdjlsdkjdfjlsjadlkjdslfjlkdsf else setMensagem Email ou senha inválidos return div classNamecontainer h1Tela de Loginh1 form onSubmithandleSubmit input typeemail placeholderDigite seu email valueemail onChangee setEmailetargetvalue required input typepassword button typesubmitEntrarbutton form mensagem p classNamemensagemmensagemp div

Sua Nova Sala de Aula

Sua Nova Sala de Aula

Empresa

Contato Blog

Legal

Termos de uso Política de privacidade Política de cookies Código de honra

Baixe o app

4,8
(35.000 avaliações)
© 2026 Meu Guru® • 42.269.770/0001-84