DESENVOLVIMENTO DE FRONT-END

Prévia do material em texto

19/09/2023, 19:55 Estácio: Alunos
https://simulado.estacio.br/alunos/ 1/4
Exercício
 avalie sua aprendizagem
Considere o bloco de código abaixo que utiliza JavaScript e JSON. 
Para que o bloco de código exiba 0146 vermelha, a lacuna I deve ser corretamente preenchida por: 
Considere a página abaixo, construída utilizando jQuery: 
<title>Home $(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: 
DESENVOLVIMENTO DE FRONT-END
Lupa  
 
DGT1366_202101011023_TEMAS
Aluno: MICHAEL ALBERTO OLIVEIRA VASCONCELLOS Matr.: 202101011023
Disc.: DESENVOLVIMENTO DE F  2023.3 EAD (GT) / EX
Prezado (a) Aluno(a),
Você fará agora seu EXERCÍCIO! Lembre-se que este exercício é opcional, mas não valerá ponto para sua avaliação. 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 e AVS.
PROGRAMAÇÃO CLIENTE COM JAVASCRIPT
 
1.
x.trens[1].trem + " " + 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[1].trem + " " + x.trens[1].linha 
 
2.
$('button:eq(0)').click(function().de�neProperty('p.par').hide()); 
$('button').click(function(){$('p.par').hide();}); 
$('button:eq(1)').click(function(){$('p#par').hide();}); 
$('button').click(function(){$('p#par').hide();}); 
$('button').click(function(){$('p.par').hidden();}); 
Data Resp.: 12/09/2023 16:05:49
Explicação:
javascript:voltar();
javascript:voltar();
javascript:diminui();
javascript:aumenta();
19/09/2023, 19:55 Estácio: Alunos
https://simulado.estacio.br/alunos/ 2/4
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)?
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? 
{
 name: 'Jhon',
 age: 34',
 level: 'admin,
 profilepicture: 'http://www.umsitequalquer.com.br/pictures/3.png',
}
Considere que o objeto está corretamente posicionado na Vue instance.
Considere o trecho de código:
class P {
public exibir_informacao(a: number|string):void {
console.log('resultado');
}
}
const obj1 = new P()
obj1.exibir_informacao(10);
Selecione a opção correta com o resultado da execução do código.
A resposta correta é: $('button').click(function(){$('p.par').hide();}); 
4319VUE JS
 
3.
Através de uma imagem.
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, 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).
 
4.
<img #src="user.profilepicture" />
<img v-on:src="user.profilepicture" />
<img @src="user.profilepicture" />
<img ^src="user.profilepicture" />
<img :src="user.profilepicture" />
Data Resp.: 19/09/2023 19:32:16
Explicação:
A alternativa (<img :src="user.profilepicture" />) apresenta a forma correta de se fazer uma ligação de atributos HTML (attribute binding)
4318PROGRAMAÇÃO CLIENTE COM TYPESCRIPT
 
5.
vai exibir o número 10
vai exibir "vazio"
vai exibir a mensagem: "number|string"
O código está sintaticamente incorreto
vai exibir a frase: "resultado"
Data Resp.: 19/09/2023 19:32:32
Explicação:
19/09/2023, 19:55 Estácio: Alunos
https://simulado.estacio.br/alunos/ 3/4
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.
Considerando um serviço no estilo REST, implementado com base no NodeJS e na biblioteca Express, e uma entidade Aluno, persistida no MongoDB via
MongoClient, qual a assinatura do método, no servidor, para responder à chamada http://localhost:3000/alunos/29891, obtendo como retorno os dos dados do
aluno de matrícula 29891 no formato JSON?  
Com a estrutura modular do Angular, conseguimos acrescentar funcionalidades ao sistema de forma muito simples, através da importação dos módulos
necessários. Ente os módulos mais comuns, em um sistema baseado no Angular, qual deles permite gerenciar a troca de conteúdo com base em rotas, dentro de
uma interface no estilo SPA (Single Page Application)?
O método exibir informação está usando um narrowing que permite receber tanto valores do tipo numérico, como do tipo String.
 
6.
"20"
"10"
20
"1010"
10
Data Resp.: 19/09/2023 19:32:53
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.
4324ANGULAR
 
7.
router.post('/alunos', async (req, res) => { });
router.put('/alunos/:id', async (req, res) => { });
router.get('/alunos/:id', async (req, res) => { });
router.delete('\alunos/:id', async (req, res) => { });
router.get('/alunos', async (req, res) => { });
Data Resp.: 19/09/2023 19:36:47
Explicação:
Segundo a de�niçã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í�ca, o identi�cador, ou chave primária,
deve ser fornecido no último segmento da chamada, levando à necessidade da de�nição de uma variável (id) na rota. 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 a função para tratamento,
levando à assinatura seguinte.
router.get('/alunos/:id', async (req, res) => { });
 
8.
HttpClientModule
ReactiveFormsModule
FormsModule
BrowserModule
RouterModule
Data Resp.: 19/09/2023 19:39:23
Explicação:
Para o gerenciamento de rotas precisamos do módulo RouterModule, o qual deve ser con�gurado a partir de um objeto Routes, contendo o 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.
19/09/2023, 19:55 Estácio: Alunos
https://simulado.estacio.br/alunos/ 4/4
Redux reúne todos os estados, centralizando e otimizando a passagens de dados entre componentes e �cando responsável por essa distribuição. Marque a
alternativa correta em relação a suas diferentes responsabilidades e algumas de�nições:
I. Biblioteca não é nativa, necessária instalação através de um gerenciador de pacotes.
II. Store é o objeto que salva todos os estados que desejamos compartilhar.
III. 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 o estado anterior e uma ação, retornando para o próximo estado.
V. Nunca devemos modi�car os argumentos passados para o reducers, a �m de manter que sejam funções puras.
Com o useEffect é possível  executar efeitos colaterais em componentes funcionais. Observando os métodos abaixo, marque a alternativa correta
I) componentDidMount()
II) componentDidUpdate()
III) componentWillUnmount()
4321REACTJS
 
9.
II e V, apenas.
I, II, III e IV, apenas.
I, III e V, apenas.
I, II, IV e V, apenas.
I e 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 função terá que ser executada e qual o
valor que essa função vai utilizar como parâmetro.
 
10.
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 citados, o componentDidMount e o componentDidUpdate apresentavam um mesmo problema, ou seja, bloquear o navegador. O
useEffect permite atualizar seus dados apenas quando terminarem, então ao modi�car ou criar um novo componente, pense nos dados que seriam
manipulados nesses dois métodos e 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.