SIMULADO1-DESENVOLVIMENTO FRONT END

Prévia do material em texto

Meus
Simulados
Teste seu conhecimento acumulado
Disc.: DESENVOLVIMENTO DE FRONT-END   
Aluno(a): JENNYFFER MONTEIRO DE LIMA 202203564391
Acertos: 3,0 de 10,0 18/03/2023
Acerto: 0,0  / 1,0
Considere a página abaixo, construída utilizando jQuery: 
$(document).ready(function() { ..I... }); 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 I com: 
 $('button').click(function(){$('p#par').hide();}); 
$('button:eq(1)').click(function(){$('p#par').hide();}); 
$('button:eq(0)').click(function().de�neProperty('p.par').hide()); 
 $('button').click(function(){$('p.par').hide();}); 
$('button').click(function(){$('p.par').hidden();}); 
Respondido em 18/03/2023 19:53:46
Explicação:
A resposta correta é: $('button').click(function(){$('p.par').hide();}); 
Acerto: 1,0  / 1,0
Ao contrário da palavra- chave "var", a palavra- chave "let", tem como função restringir o acesso a variáveis
dentro de um bloco. Neste sentido, o que acontece quando executamos o código abaixo em um navegador com
suporte a ECMAScript versão ES6 ou superior?
 Questão1
a
 Questão2
a
https://simulado.estacio.br/alunos/inicio.asp
javascript:voltar();
 
 
A declaração da variável teste utilizando let funcionaria da mesma forma se utilizássemos var. 
 O valor da variável teste será sempre 200. 
A instrução let introduz um escopo de bloco a variável teste. 
Será exibido no console do navegador o valor 1. 
Será exibido dentro da janela navegador o valor 1. 
Respondido em 18/03/2023 20:18:46
Explicação:
A resposta correta é: O valor da variável teste será sempre 200. 
Acerto: 0,0  / 1,0
O Vue permite a junção de componentes para gerar componentes maiores e mais complexos. De que maneira
um componente pai passa um bloco HTML ou outros componentes de modo a preencher um espaço pré-
de�nido em seu componente �lho (uma espécie de janela ou abertura)?
Através de eventos.
 Através de slots.
Através de classes CSS.
 Através de props.
Através de uma imagem.
Respondido em 18/03/2023 20:02:07
Explicação:
Slots são espaços, janelas, buracos etc, de�nidos em um componente. Deixando a cargo de seus componentes pais
colocarem ali o que quiserem. Eles podem ser genéricos (um por componente) ou nomeados (permitindo de�nir vários
espaços diferentes chamados cada um por seu nome).
Acerto: 0,0  / 1,0
Funções são uma parte importante da programação, permitindo isolamento de código e reutilização de partes
importantes. Qual das alternativas abaixo representa o bloco dentro da nossa Vue instance adequado para
 Questão3
a
 Questão4
a
colocarmos as funções, também chamadas de métodos?
na função return.
no objeto computed.
 na função data.
no objeto functions.
 no objeto methods.
Respondido em 18/03/2023 20:05:52
Explicação:
O objeto methods armazena os métodos (funções) acessíveis na Vue instance (ou componente), dependendo de onde
foi declarado.
Acerto: 1,0  / 1,0
Considere o trecho de código:
function f1(msg: string, num: number): number {
return msg+num;
}
let tnum: number = 10;
let tmsg: string = "10";
console.log(f1(tmsg, tnum))
Selecione a opção correta com o resultado da execução do código.
"10"
10
"20"
 "1010"
20
Respondido em 18/03/2023 19:58:15
Explicação:
A função vai tratar as duas entradas como "strings" e fazer a concatenação. Esse exercício mostra a importância de
usar controles para garantir que as variáveis sejam con�áveis.
Acerto: 1,0  / 1,0
Considere o trecho de código:
function f3(n: number): number {
let p: number = 1;
for (var i:number=1; i<=n; i++) {
 Questão5
a
 Questão6
a
p*=i;
}
return p;
}
console.log(f3(5));
 
Selecione a opção correta com o resultado da execução do código.
120
30
5
10
 50
Respondido em 18/03/2023 20:10:55
Explicação:
A resposta correta é "120", pois o programa vai realizar o laço "for" cinco vezes e multiplicar o valor de "p" por "i" e
fazer a atribuição em "p".
Acerto: 0,0  / 1,0
Para diversas funcionalidades de um sistema ocorre a necessidade de um usuário válido, ou seja, deve haver
algum meio de autenticação disponível. Em termos do Angular, o acesso a uma rota pode ser controlado de
forma simples, com base em um serviço para veri�cação de usuário que é associado às rotas privadas. Qual
interface deve ser implementada pelo serviço?
 CanActivate
 SignOut
VerifyUser
Authenticate
SignIn
Respondido em 18/03/2023 20:20:51
Explicação:
Para de�nir uma rota autenticada, ela deve ter um atributo canActivate associado a um serviço que implemente a
interface CanActivate. Ao implementar a interface, no método canActivate, testamos se há um usuário logado,
retornando verdadeiro para liberar a rota, falso para bloqueá-la, ou ainda uma página de login, para redirecionamento
no lugar do bloqueio.
Acerto: 0,0  / 1,0
Os padrões de desenvolvimento visam resolver problemas recorrentes na implementação de sistemas, com a
de�nição de soluções padronizadas, amplamente testadas e com modelos bem-organizados, utilizando a
notação UML. Supondo que os gastos com a manutenção de um determinado sistema estejam muito altos,
devido à proliferação de instruções SQL ao longo de todo o código, e você tenha sido contratado para refatorá-
 Questão7
a
 Questão8
a
lo, qual padrão deverá utilizar para a melhoria da estratégia de persistência e consequente redução do custo de
manutenção?
 Data Access Object
Observer
 Proxy
Flyweight
Service Locator
Respondido em 18/03/2023 20:20:56
Explicação:
Para a situação apresentada, o padrão exigido é o DAO (Data Access Object), que visa concentrar as chamadas para o
banco de dados em poucas classes especí�cas, e o restante do sistema passando a trabalhar estritamente com base
em objetos e tipos primitivos. Já para as demais opções, alguns deles seriam úteis em um ambiente de objetos
distribuídos, como no uso de Flyweight para o Pool de objetos, Proxy para encapsular a comunicação remota e Service
Locator para concentrar as chamadas aos serviços remotos. Com relação ao padrão Observer, sua utilização seria
indicada se quiséssemos atualizar as interfaces de forma assíncrona.  
Acerto: 0,0  / 1,0
Sobre ciclo de vida, diversos métodos podem acabar sendo chamados e reutilizados conforme a fase de vida de
um componente React, conforme as assertivas abaixo, analise as alternativas a seguir:
I) constructor() apenas ocorre na fase de Montagem.
II) render() ocorre apenas na fase de Atualização.
III) getDerivedStateFromProps() é chamado em duas fases, tanto na montagem quando na fase de atualização.
Quais as a�rmativas CORRETAS?
I, II e III.
 II e III.
 I e III.
I e II.
Apenas a I.
Respondido em 18/03/2023 20:22:06
Explicação:
O método render() não só é chamado na fase de atualização do ciclo de vida, mas também na fase de montagem,
lembrando que é o único método obrigatório em componentes do tipo classe.
Acerto: 0,0  / 1,0
Conforme código a seguir, qual seria o resultado esperado em tela levando em consideração a sintaxe JSX:
 Questão9
a
 Questão10
a
Não teria resultado, pois a variável resultado não contém marcação HTML, mas sem erro de compilação,
apenas tela em branco.
 Rodrigo2032014012.
"Rodrigo"2032014012.
 Não teria resultado, pois a variável resultado não contém marcação HTML, indicando erro de
compilação.
Rodrigo 32014032.
Respondido em 18/03/2023 20:12:06
Explicação:
Não é necessário indicar uma marcação HTML para gerar algum resultado, o JSX irá tratar como um texto qualquer, e
mesmo as variáveis idade e telefone sendo de�nidas como inteiras, para somar os valores seria necessária uma função
matemática em Javascript para obter um resultado como o da alternativa: Rodrigo 32014032.