DESENVOLVIMENTO DE FRONT-END _ Passei Direto

Prévia do material em texto

Impresso por Jr Java, E-mail zema.eng.el@gmail.com para uso pessoal e privado. Este material pode ser protegido por direitos autorais e não pode ser reproduzido ou repassado para terceiros. 18/05/2025. 20:41:37 19/09/2023, 19:55 Estácio: Alunos Estácio Voltar Exercício avalie sua aprendizagem DESENVOLVIMENTO DE FRONT-END Lupa Aluno: MICHAEL ALBERTO OLIVEIRA VASCONCELLOS 202101011023 Disc.: DESENVOLVIMENTO DE F 2023.3 EAD(GT)/EX agora seu EXERCÍCIO Lembre-se que este mas não valerá ponto para sua o mesmo será composto de questões de múltipla escolha. Após responde cada questão você terá acesso ao gabarito comentado e/ou à explicação da mesma. Aproveite para se familiarizar com este modelo de questões que será usado na sua AV AVS. PROGRAMAÇÃO CLIENTE COM JAVASCRIPT 1. Considere o bloco de código abaixo que utiliza JavaScript e var text {"trens":[" + (text) ("#exibe") html Para que o bloco de código exiba 0146 a lacuna deve ser corretamente preenchida por: + + x.trens[1].linha text.trens[trem] + text.trens[linha] text.trens[1].trem + + text.trens[1].linha x.trens[2].trem + x.trens[2].linha x.trens[trem] x.trens[linha] Data Resp. 12/09/2023 16:04:30 Explicação: A resposta correta é: x.trens .trem + + x.trens[1].linha 2 Considere a página abaixo, construída utilizando jQuery: Home $(document).ready(function() }); Esconder Texto do parágrafo. Para que, ao se clicar no botão Esconder, o texto do parágrafo se torne oculto, deve-se preencher a lacuna com: Data 12/09/2023 16:05:49 Explicação: https://simulado.estacio.br/alunos/ 1/4Impresso por Jr Java, E-mail zema.eng.el@gmail.com para uso pessoal e privado. Este material pode ser protegido por direitos autorais e não pode ser reproduzido ou repassado para terceiros. 18/05/2025, 20:41:37 19/09/2023, 19:55 Estácio: Alunos A resposta correta é: 4319VUE JS o Vue permite junção de componentes para gerar componentes maiores e mais complexos. De que maneira um componente pai passa um bloco HTML ou componentes de modo a preencher um espaço pré-definido em seu componente filho (uma espécie de janela ou abertura)? Através de uma Através de eventos Através de props. Através de slots. Através de classes CSS. Data Resp.: 19/09/2023 19:30:26 Explicação: Slots são espaços, janelas, buracos etc. definidos em um componente. Deixando cargo de seus componentes pais colocarem al o que Eles podem ser genéricos (um por componente) ou nomeados (permitindo definir vários espaços diferentes chamados cada um por seu nome). Imagens são partes essenciais de qualquer aplicação Web. Qual das alternativas abaixo define o atributo src de uma imagem como o valor do atributo "profilepicture" do objeto abaixo? { 'Jhon' age: 34' level profilepicture: } Considere que o objeto está corretamente posicionado na Vue instance. Data Resp.: 19/09/2023 19:32:16 Explicação: A alternativa () apresenta a forma correta de se fazer uma ligação de atributos HTML (attribute binding) 4318PROGRAMAÇÃO CLIENTE COM TYPESCRIPT 5 Considere trecho de código: class { public number|string):void { } } const obj1 new P() obj1.exibir_informacao(10) : Selecione opção correta com resultado da execução do código. vai exibir número 10 vai exibir "vazio" vai exibir mensagem: código está sintaticamente incorreto vai exibir frase: "resultado" Data 19/09/2023 19:32:32 Explicação: 2/4Impresso por Jr Java, E-mail zema.eng.el@gmail.com para uso pessoal e privado. Este material pode ser protegido por direitos autorais e não pode ser reproduzido ou repassado para terceiros. 18/05/2025, 20:41:37 19/09/2023, 19:55 Estácio: Alunos método exibir informação está usando um narrowing que permite receber tanto valores do tipo numérico, como do tipo String. Considere trecho de código: function f1(msg: string, num: number): number { return msg+num; } let tnum: number 10; let tmsg: string Selecione a opção correta com resultado da execução do código. "20" "10" 20 "1010" 10 Data Resp. 19:32:53 Explicação: A função vai tratar as duas entradas como "strings" fazer a concatenação. Esse exercício mostra a importância de usar controles para garantir que as variáveis sejam 4324ANGULAR Considerando um serviço no estilo implementado com base no NodeJS e na biblioteca e uma entidade Aluno, persistida no MongoDB via MongoClient, qual assinatura do método, no servidor, para responder à chamada obtendo como retorno os dos dados do aluno de matrícula 29891 no formato (req res) => (req, res) => async res) => res) => res) => Data Resp.: 19/09/2023 19:36:47 Explicação: Segundo a definição do REST. utilizamos o método GET do HTTP para efetuar as consultas, POST para incluir uma entidade, PUT para alterar uma entidade existente e DELETE para remover uma entidade. Quando desejamos consultar os dados de uma entidade específica, o identificador, ou chave primária, deve ser fornecido no último segmento da chamada, levando à necessidade da definição de uma variável (id) na Os métodos de resposta do Express, que são disponibilizados a partir de um Router, adotam os mesmos nomes dos métodos HTTP, e usam como parâmetros a rota e função para levando assinatura seguinte. (req, res) => 8. Com a estrutura modular do Angular, conseguimos acrescentar funcionalidades ao sistema de forma muito simples, através da importação dos módulos Ente os módulos mais em um sistema baseado no Angular, qual deles permite gerenciar a troca de conteúdo com base em dentro de uma interface no estilo SPA (Single Page Application)? HttpClientModule ReactiveFormsModule FormsModule BrowserModule RouterModule Data 19/09/2023 19:39:23 Explicação: Para gerenciamento de rotas precisamos do módulo RouterModule o qual deve ser configurado partir de um objeto Routes, contendo mapeamento das rotas disponíveis para os componentes de resposta. Posteriormente, ao nível dos modelos HTML temos os links associados às rotas via atributo routerLink, e exibição do conteúdo no seletor router-outlet. https://simulado.estacio.br/alunos/ 3/4Impresso por Jr Java, E-mail zema.eng.el@gmail.com para uso pessoal e privado. Este material pode ser protegido por direitos autorais e não pode ser reproduzido ou repassado para terceiros. 18/05/2025, 20:41:37 19/09/2023, 19:55 Estácio: Alunos 4321REACTJS 9. Redux reúne todos os estados, centralizando e otimizando passagens de dados entre componentes e ficando responsável por essa distribuição. Marque a alternativa correta em relação a suas diferentes responsabilidades algumas definições: I. Biblioteca não é nativa, necessária instalação através de um gerenciador de pacotes. II. Store é objeto que salva todos os estados que desejamos compartilhar. Actions são dados enviados do nosso componente, sem permissão de utilizar outros objetos do Redux. IV. Reducers são funções puras que recebem estado anterior euma ação, retornando para próximo estado. V. Nunca devemos modificar os argumentos passados para o reducers, a fim de manter que sejam funções puras. apenas. I, apenas le II. apenas Data Resp.: 19/09/2023 19:41:01 Explicação: Actions são na verdade ações enviadas do nosso componente, e acionam outros objetos (reducers), informando qual ão terá que ser executada e qual o valor que essa função vai utilizar como parâmetro. 10 Com o useEffect é possível executar efeitos colaterais em componentes Observando os métodos abaixo, marque a alternativa correta I) II) componentDidUpdate() III) componentWillUnmount() useEffect está relacionado apenas ao método III useEffect está relacionado apenas ao método I useEffect está relacionado a todos os métodos citados useEffect não está nada relacionado aos métodos citados useEffect está relacionado apenas ao método II Data Resp.: 19/09/2023 19:41:44 Explicação: Em relação aos métodos componentDidMount componentDidUpdate apresentavam um mesmo problema, ou seja, bloquear o navegador. useEffect permite atualizar seus dados apenas quando então ao modificar ou criar um novo componente, pense nos dados que seriam manipulados nesses dois métodos utilize useEffect. o mesmo vale para o componentWillUnmount, que é muito utilizado quando é necessário limpar um estado. Não Respondida Não Gravada Gravada Exercício inciado em 12/09/2023 16:03:48. 4/4 https://simulado.estacio.br/alunos/