AV1 DESENVOLVIMENTO DE FRONT-END

Prévia do material em texto

Disciplina: DESENVOLVIMENTO DE FRONT-END AV 
 
Nota SIA: 10,00 pts 
 
 
 
 
ENSINEME: PROGRAMAÇÃO CLIENTE COM JAVASCRIPT 
 
 
 1. Ref.: Pontos: 1,00 / 1,00 
 
Sobre a biblioteca Jquery, é INCORRETA a seguinte afirmação 
 
 
Permite manipular a Árvore DOM, modificando sua estrutura e também o conteúdo. 
 
Permite fazer a comunicação, chamada AJAX(Asynchronous Javascript and XML), entre 
cliente e servidor sem a necessidade de recarregar a página web por completo. 
 
Possui com um conjunto de funções presentes no objeto JQuery e que geralmente é 
utilizado ao atribuí-lo ao caractere "$". 
 
Permite manipular o CSS de uma página web dinamicamente em tempo de execução. 
 É um framework client-side desenvolvido na linguagem Java para a manipulação de 
elementos HTML. 
 
 
 2. Ref.: Pontos: 1,00 / 1,00 
 
O comando jQuery para selecionar e esconder todos os elementos com a classe "escondido", de 
uma página é: 
 
 
$("#escondido").hide() 
 
$(escondido).hide() 
 
$(class=".escondido").hide() 
 $(".escondido").hide() 
 
$(hide).escondido() 
 
 
 
 
4318 - PROGRAMAÇÃO CLIENTE COM TYPESCRIPT 
 
 
 3. Ref.: Pontos: 1,00 / 1,00 
 
Considere o trecho de código: 
let s = (x: number, y: number):number => x+y; 
console.log(s(s(1,2),s(3,4))); 
 Selecione a opção correta com o resultado da execução do código. 
 
 
7 
 
3 
 
1 
 
2 
 10 
javascript:alert('C%C3%B3digo%20da%20quest%C3%A3o:%203990403.');
javascript:alert('C%C3%B3digo%20da%20quest%C3%A3o:%203990395.');
javascript:alert('C%C3%B3digo%20da%20quest%C3%A3o:%207714933.');
 
 
 4. Ref.: Pontos: 1,00 / 1,00 
 
Considere o trecho de código: 
function w(n: number): number { 
if(n == 0){ 
return 0; 
} 
if(n == 1){ 
return 1; 
} 
return n+w(n-1); 
} 
console.log(w(5)); 
Selecione a opção correta com o resultado da execução do código. 
 
 
10 
 
0 
 
120 
 
1 
 15 
 
 
 
 
4319 - VUE JS 
 
 
 5. Ref.: Pontos: 1,00 / 1,00 
 
Uma vantagem potencial na utilização do Vue é o imediato aumento de produtividade. Um reflexo 
direto dessa percepção ocorre quando precisamos passar informações de um componente pai para 
um componente filho. De que maneira um componente pai passa informações para um componente 
filho? 
 
 
Através de eventos. 
 
Através de uma api hospedada em um site. 
 Através de props. 
 
Através de uma imagem. 
 
Através de classes CSS. 
 
 
javascript:alert('C%C3%B3digo%20da%20quest%C3%A3o:%207715007.');
javascript:alert('C%C3%B3digo%20da%20quest%C3%A3o:%207737216.');
 6. Ref.: Pontos: 1,00 / 1,00 
 
Vue.js é um framework JavaScript que possui uma comunidade ativa, contando com uma vasta 
documentação disponível para consulta e aprendizagem. Acerca dos seus conhecimentos sobre Vue, qual 
seria o retorno típico da função data(), utilizada na Vue instance? 
 
 
um array. 
 
um método. 
 
uma string. 
 
uma template string. 
 um objeto. 
 
 
 
4321 - REACTJS 
 
 
 7. Ref.: Pontos: 1,00 / 1,00 
 
O React segue uma forma de fluxo de dados unidirecional ou também conhecido como vinculação unidirecional. 
Nesse contexto, avalie as seguintes afirmativas: 
I) Recebe o valor inicial do componente filho. 
II) O componente pai pode alterar o seu valor. 
III) Mudanças ocorrem dentro de componente pai. 
Quais as afirmativas CORRETAS? 
 
 Apenas a II. 
 
As alternativas II e II. 
 
As alternativas I e III. 
 As alternativas II e III. 
 
Apenas a I. 
 
 
 8. Ref.: Pontos: 1,00 / 1,00 
 
Considerando o cenário da utilização de states em componentes do tipo classe sem utilização de Hooks, avalie as 
seguintes afirmativas: 
I) Mudanças ocorrem dentro de componentes filhos. 
II) Definido o valor padrão no componente pai. 
III) Mudanças ocorrem dentro de componentes pai 
Quais as afirmativas CORRETAS? 
 
 
As alternativas I e III. 
 
Apenas a I. 
 
Apenas a II. 
 As alternativas II e III. 
 
As alternativas I e III. 
javascript:alert('C%C3%B3digo%20da%20quest%C3%A3o:%207737176.');
javascript:alert('C%C3%B3digo%20da%20quest%C3%A3o:%207714066.');
javascript:alert('C%C3%B3digo%20da%20quest%C3%A3o:%207714069.');
 
 
 
 
4324 - ANGULAR 
 
 
 9. Ref.: Pontos: 1,00 / 1,00 
 
Formulários são a forma padrão para viabilizar a entrada de dados em sistemas cadastrais para Web, 
podendo ser especificados no Angular ao nível dos modelos HTML. No entanto, para a construção de 
um formulário em um front-end baseado no Angular, temos algumas regras de implementação que 
devem ser observadas. Qual das opções a seguir constitui uma regra válida para a implementação de 
formulários no Angular? 
 
 
Todo formulário precisa de um botão do tipo Reset para envio das informações. 
 O evento de submissão do formulário deve ser associado a um método da classe. 
 
É necessário importar o módulo RouterModule para a definição de formulários. 
 
A diretiva ngModel será utilizada para estabelecer um relacionamento unidirecional com os 
atributos da classe. 
 
Não é possível utilizar as tags convencionais do HTML para campos de entrada. 
 
 
 10. Ref.: Pontos: 1,00 / 1,00 
 
Para qualquer programador Angular, é fundamental conhecer a utilização da biblioteca RxJS para 
implementação de funcionalidades assíncronas. Considere o fragmento de código seguinte. 
const observable = interval(1000) 
 .pipe(map((x:number)=>x*x)) 
 .pipe(observeOn(asyncScheduler)); 
Para que serve o método pipe no código apresentado? 
 
 
Gerar números sequencialmente. 
 
Elevar cada número gerado ao quadrado. 
 Direcionar o fluxo de dados para o processamento seguinte, antes de enviar o resultado. 
 
Fornecer o resultado de forma assíncrona para o assinante da fonte de dados. 
 
Gerar o conjunto de números inteiros compreendido entre 1 e 1000. 
 
javascript:alert('C%C3%B3digo%20da%20quest%C3%A3o:%207713134.');
javascript:alert('C%C3%B3digo%20da%20quest%C3%A3o:%207713033.');