Prévia do material em texto

1 Marcar para revisão Ao contrário da palavra- chave "var", a palavra- chave "let", tem como função restringir 0 acesso a variáveis dentro de um bloco. Neste sentido, que acontece quando executamos 0 código abaixo em um navegador com suporte a ECMAScript versão ES6 ou superior? html> Escopo de variáveis em JS let teste = 1; ) console. log (teste) A valor da variável teste será sempre 200. Será exibido no console do navegador 0 valor 1. Será exibido dentro da janela navegador valor 1. D A instrução let introduz um escopo de bloco a variável teste. E A declaração da variável teste utilizando let funcionaria da mesma forma se utilizássemos var.2 Marcar para revisão Considere a página abaixo, construída utilizando jQuery: $(document).ready(function() Esconder Texto do parágrafo. Para que, ao se clicar no botão Esconder, texto do parágrafo se torne oculto, deve-se preencher a lacuna I com: A D E3 Marcar para revisão Considere a página abaixo, desenvolvida utilizando-se jQuery. html> Executar a requisição AJAX Para que, ao clicar no link, seja feita uma requisição ao arquivo sanasa.php que está no servidor, de forma que o retorno seja recebido em data e status da operação em status, a lacuna deve ser corretamente preenchida por: A $.get B $request C $post D $.send E $.ajax4 Marcar para revisão Em um projeto de interface web, um desenvolvedor utiliza jQuery para aprimorar a interatividade. Ele planeja modificar o estilo de um botão quando usuário passa mouse sobre ele. Para isso, ele precisa selecionar corretamente 0 botão e aplicar a função de estilo. Qual método jQuery desenvolvedor deve usar para selecionar 0 botão pelo seu ID e aplicar uma mudança de estilo ao passar mouse? A $('#botao').hover() C D E 5 Marcar para revisão jQuery pode selecionar elementos HTML a partir de seletores, otimizando desenvolvimento. Sobre a utilização de seletores no jQuery, é correto afirmar: A $('td, th'); retornará todos os elementos th que são filhos de td. $('#formulario'); retornará todos os elementos da classe 'formulario'. C $('p:first'); retornará primeiro dos elementos p. D retornará o elemento com id igual a 'paragrafo'. E retornará primeiro dos elementos p.6 Marcar para revisão Uma aplicação web requer a atualização de conteúdo sem recarregar a página inteira. 0 desenvolvedor decide usar jQuery para realizar requisições AJAX, buscando dados de um servidor e atualizando um elemento da página. Qual função jQuery é apropriada para enviar uma requisição AJAX GET e atualizar um elemento com o ID 'conteudo'? A C $.get('url', function(data) { $('#conteudo').html(data); D E function(data) 7 Marcar para revisão Em um projeto web, ao implementar uma tabela HTML dinâmica utilizando jQuery e AJAX, os dados são recebidos do servidor no formato JSON. A tabela é atualizada automaticamente sem recarregar a página, melhorando a experiência do usuário. Qual método HTTP é mais adequado para a realização dessa tarefa e por quê? A PUT, pois permite substituir recursos no servidor. GET, pois é utilizado para solicitar dados de um recurso especificado. C DELETE, pois remove recursos do servidor. D HEAD, pois solicita uma resposta similar ao GET, sem corpo da resposta. E TRACE, pois permite diagnóstico no caminho para 0 alvo.8 Marcar para revisão Um programador está trabalhando em uma aplicação web e precisa garantir que uma variável seja acessível somente dentro do bloco onde foi declarada, evitando conflitos com outras partes do código. Qual palavra-chave em Javascript deve ser usada para declarar a variável com o escopo desejado? A var. let. C const. D scope. E block. 9 Marcar para revisão Considere bloco de código abaixo que utiliza JavaScript e JSON. var text + "linha":"vermelha"), JSON. parse (text) $("#exibe") html Para que o bloco de código exiba 0146 vermelha, a lacuna I deve ser corretamente preenchida por: A x.trens[2].trem +"" + + x.trens[2].linha text.trens[trem] + + text.trens[linha] x.trens[1].trem + + x.trens[1].linha D x.trens[trem] + + x.trens[linha] E text.trens[1].trem + + text.trens[1].linha10 Marcar para revisão Em um projeto web, um desenvolvedor opta por utilizar 0 JQuery para simplificar a manipulação do DOM. Ele necessita implementar uma função que esconda todos os elementos com a classe .destaque ao clicar em um botão específico. Qual linha de código em JQuery realiza corretamente a ação descrita acima? A $("p.destaque").hideOnClick(); { $(this).hide(); }); C "p", function() { $(this).hide(); }); D $("button").click(function() { }); E { $(this).hide(); 1 Marcar para revisão 0 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é- definido em seu componente filho (uma espécie de janela ou abertura)? A Através de eventos. B Através de props. C Através de classes CSS. D Através de slots. E Através de uma imagem.2 Marcar para revisão 0 método data retorna um objeto. Qual palavra-chave deveria estar no lugar dos pontos de interrogação colocados dentro do método 'alertaPagina' ao referenciar a variável? data(){ return { pagina : 'HOME' } }, methods:{ alertaPagina(){ alert( ?????.pagina) } } Considere que os dados estão corretamente posicionados dentro da Vue Instance. A self my on D data E this3 Marcar para revisão Um desenvolvedor, ao trabalhar com componente de lista de cidades, não obteve sucesso ao utilizar componente filho CardCidade.vue, veja abaixo 0 código construído por ele. Qual das alternativas apresenta o motivo pelo qual a página não funcionou corretamente? Cidade Selecionada: cidadeselecionada }} import CardCidade from export default A Ele esqueceu de importar arquivo. Ele não passou as props necessárias. C Ele não utilizou o componente no HTML. D Ele não registrou o componente. E Ele não definiu o método corretamente.4 Marcar para revisão Vue.js é um framework extremamente versátil e se tornou essencial em aplicações de pequeno, médio e grande porte. 0 Vue tem a capacidade de interagir com diversos elementos do documento HTML. Qual diretiva do Vue é utilizada num input do tipo text para que ele esteja ligado a uma variável da Vue instance (two way data binding)? A v-on. @. C v-cloak. D v-model. E v-two-way. 5 Marcar para revisão Vue.js é um framework JavaScript leve, de rápida assimilação para os iniciantes e amplamente utilizado no mercado mundial. Com relação ao framework Vue, qual entidade/empresa é responsável pela sua manutenção? A Google. Facebook. C Twitter. D E A comunidade.6 Marcar para revisão De modo geral, todas as variáveis devem ser inicializadas com a atribuição de valores. Posteriormente, esses valores podem ser exibidos através da utilização de palavras-chaves da linguagem. Qual diretiva pode ser utilizada para colocar valor textual de uma variável como texto renderizado no HTML dentro de uma tag H1? A v-text v-header C v-texto D v-model E v-class 7 Marcar para revisão 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? A um array. uma string. um objeto. D uma template string. E um método.8 Marcar para revisão Devido a sua sintaxe Vue possibilita a redução do número de instruções presentes no código sem perder a eficiência na realização da tarefa. Qual das alternativas abaixo representa uma maneira possível de um componente filho passar informações para um componente pai? A Através de eventos. Através de props. C Através de classes CSS. D Através de slots. E Através de uma imagem. 9 Marcar para revisão Montar a instância no HTML é uma tarefa relativamente simples. que deve ser passado dentro do método mount ao criar uma Vue instance, após importar 0 arquivo do Vue JS? A nome de uma div. id de uma div. C Um id relativo à div onde queremos montar aquela instância. D Um seletor CSS relativo ao elemento raiz onde queremos montar aquela instância. E A classe da div onde queremos montar a instância do Vue.10 Marcar para revisão carregamento do Javascript ocorre após 0 carregamento do HTML, pois este contém o caminho para os arquivos JS ou sua declaração direta dentro da tag Qual diretiva é utilizada (juntamente com uma regra de CSS) para evitar que partes do HTML que contenham variáveis do Vue pisquem antes de serem devidamente processadas pelo framework? A v-cloak v-hide C v-none D v-display E v-show 1 Marcar para revisão Considere o trecho de código: let valor: number= (22%10)+1; console.log(valor); Selecione a opção correta com resultado da execução do código. A 0 1 3 D 33 E 2212 Marcar para revisão Considere o trecho de código: class P { public exibir_informacao(a: { } } const obj1 = new P() obj1.exibir_informacao(10); Selecione a opção correta com o resultado da execução do código. A vai exibir a frase: "resultado" vai exibir o número 10 vai exibir "vazio" D código está sintaticamente incorreto E vai exibir a mensagem:3 Marcar para revisão Considere trecho de código: function f2(x: number, y: number): number { return } let x:number = f2(10, 20); console.log(x); Selecione a opção correta com resultado da execução do código. A 0 10 20 D 30 E erro de execução 4 Marcar para revisão Considere 0 trecho de código abaixo em TypeScript: let n: number = ("teste.").length; console.log(n); Selecione a opção correta com resultado da execução do código. A 5. 6. C String. D E Erro de execução.5 Marcar para revisão Considere trecho de código que deve ser chamado por uma função externa: class Teste { lacuna imprimir = console.log('imprimir teste'); } } const t = new Teste(); Selecione a opção que substitui a palavra lacuna, para que 0 programa funcione corretamente. A private protected void D string E public6 Marcar para revisão Considere 0 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. A 0 B 1 C 10 D 15 E 1207 Marcar para revisão TypeScript é um superconjunto de JavaScript, ou seja, um conjunto de ferramentas e formas mais eficientes de escrever código JavaScript, adicionando recursos que não estão presentes de maneira nativa na linguagem. Disponível em: em: 21 out. 2022. A respeito do TypeScript, selecione a opção correta. A É um software comercial. Pode ser usado apenas para fins educacionais. c Possui código aberto. D É uma extensão da linguagem de programação Java. E A única diferença em relação ao JavaScript é 0 uso de tipos. 8 Marcar para revisão Considere o trecho de código: let S = (x: number, y: number):number Selecione a opção correta com resultado da execução do código. A 1 2 C 3 D 7 E 109 Marcar para revisão Considere 0 trecho de código: function t(a: { let r:number= (typeof a === 'number' return r**(r+r); } console.log(t('Teste')); Selecione a opção correta com 0 resultado da execução do código. A 1 2 Teste D 8 E 1610 Marcar para revisão Considere o trecho de código: function f5(par_valor: if (typeof par_valor === 'number') { return 1; } if (typeof par_valor 'string') { return 2; } return -1; ) switch(f5("isto é um teste")){ case 1:{ console.log('número') break } case 2:{ console.log('string') break } default: { é um tipo definido') break } Selecione a opção correta com o resultado da execução do código. A número B string não é um tipo definido D no tipo de retorno da função é necessário incluir "string" E no tipo de retorno da função é necessário incluir "undefined"1 Marcar para revisão Devido às exigências de qualidade e prazos extremamente curtos para a criação de softwares, produtividade é um fator essencial para a área de desenvolvimento, e embora seja possível criar projetos para Angular através de simples editores de texto, Visual Studio Code é um excelente ferramental para ganho de produtividade no uso do Angular. Entre as funcionalidades oferecidas pelo ambiente, qual delas permite a identificação rápida de instruções de controle, variáveis, atributos, métodos e demais tipos de elementos adotados na linguagem? A debugging syntax highlighting code completion D refactoring E error highlighting 2 Marcar para revisão Para trabalhar com as coleções do MongoDB a partir de um serviço Web, construído com base no NodeJS, devemos inicialmente obter uma conexão com a base de dados, através de um objeto do tipo MongoClient, oferecido na biblioteca mongodb. A partir da conexão, acessamos as coleções, e podemos utilizar os métodos que são disponibilizados por elas para manipulação e consulta de documentos. Qual desses métodos permite a inclusão de um documento? A insertOne persist C findOne D create E find3 Marcar para revisão Uma novidade interessante do HTML 5 foi a definição de folhas de estilo por escopo, trazendo a possibilidade de adotar formatações específicas para 0 elemento e seus filhos, sem interferir no restante da página. Essa característica é utilizada pelos componentes do Angular, onde temos formatações CSS específicas, adotadas no escopo de utilização do seletor. Observe 0 fragmento de código que é apresentado a seguir. .container{ display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; overflow-y: scroll; height:230px; } Qual informação é verdadeira, acerca da formatação que foi definida? Exibe uma barra de rolagem horizontal quando a quantidade de elementos ocupar uma área superior A às dimensões especificadas. Especifica que elemento formatado pela classe terá uma largura de 100 pixels. Define uma exibição sequencial de elementos na vertical, com a quebra de linha para cada elemento C filho adicionado ao corpo da tag. Permite definir uma área de exibição na forma de grid, com posicionamento sequencial de D elementos e a quebra de linha quando não há mais espaço na horizontal. E Especifica que elemento formatado pela classe utilizará 100% do espaço vertical disponível.4 Marcar para revisão Para qualquer programador Angular, é fundamental conhecer a utilização da biblioteca RxJS para implementação de funcionalidades Considere 0 fragmento de código seguinte. const observable = interval(1000) .pipe(observeOn(asyncScheduler); Para que serve o método pipe no código apresentado? A Gerar números sequencialmente. Elevar cada número gerado ao quadrado. C Fornecer o resultado de forma para 0 assinante da fonte de dados. D Gerar conjunto de números inteiros compreendido entre 1 e 1000. E Direcionar o fluxo de dados para processamento seguinte, antes de enviar o resultado. 5 Marcar para revisão Em um sistema de controle de estacionamento, devem ser exibidas apenas as vagas vazias na página de listagem, através de tags div configuradas como painéis, permitindo que 0 operador associe a vaga ao carro que estiver acessando o local naquele momento. Qual diretiva do Angular permitirá condicionar o desenho da div ao estado atual da vaga? A nglf ng-app C ngFor D ng-template E ngModel6 Marcar para revisão As tags semânticas trouxeram para HTML 5 a possibilidade de transmitir significado para as áreas nas quais uma página é dividida, viabilizando a melhoria no reconhecimento a partir dos sistemas de busca, como o que é utilizado pelo Google. Qual dessas tags deve ser utilizada para configurar a porção inferior de uma página? A article main C header D aside E footer 7 Marcar para revisão 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, 0 acesso a uma rota pode ser controlado de forma simples, com base em um serviço para verificação de usuário que é associado às rotas privadas. Qual interface deve ser implementada pelo serviço? A B CanActivate C Authenticate D SignOut E VerifyUser8 Marcar para revisão Na estrutura de um projeto baseado em Angular, temos um conjunto de arquivos no diretório raiz voltados para a configuração geral do aplicativo. Entre os arquivos encontrados, temos um com 0 nome polyfills.ts, que tem como objetivo: A Definir o conteúdo da página inicial do aplicativo. Estabelecer as formatações globais, através de configurações CSS. C Configurar a inicialização do aplicativo. D Inicializar o ambiente de testes para aplicativo. E Incluir elementos para compatibilidade em diferentes plataformas e navegadores. 9 Marcar para revisão 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. Entre 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)? A BrowserModule ReactiveFormsModule RouterModule D FormsModule E HttpClientModule10 Marcar para revisão Partindo de uma iniciativa do Google, com foco no sistema Android, 0 Material Design trouxe diretivas relacionadas ao design que se tornaram uma referência de mercado, visando sempre a garantia de usabilidade, responsividade e acessibilidade nas mais diversas plataformas. Além das diretivas estabelecidas, temos a especificação de componentes padronizados e modelo para implementação em cada plataforma, como Android, Web, iOS e Flutter. Os componentes podem ser categorizados de acordo com seus objetivos, e segundo essa classificação, qual das opções a seguir contém apenas elementos para comunicação, feita através da exibição de mensagens? A Card, Tabs e Dialog SnackBar, Banner e Dialog C TextField, Switch e Card D Button, Banner e List E SnackBar, Dialog e Tabs1 Marcar para revisão Bind é amplamente utilizado em aplicações React, um exemplo de código pode ser visualizado abaixo: 1. class ExemploBind extends React. Component [ 2. constructor (props) 3. super (props) 4. const texto - "Exemplo Bind"; 5. this.evento = this.evento.bind (this): 6. 7. 8. evento 9. console. log (this) : 10. 11. 12. render 13. return ( 14. Clique aqui! 15. ) 16. 17. 18. ReactDOM. render (2 Marcar para revisão A partir da versão 16.8 do React, foi introduzido conceito de Hooks, que trouxe uma nova dinâmica. Avalie as assertivas relacionadas com a motivação de sua criação. Classes em React sempre foram uma forma confusa de utilizar, como por exemplo a utilização do this. Em componentes complexos, isso se tornava cada vez mais difícil sua reutilização. II) Componentes complexos e grandes eram difíceis de refatorar. III) A partir dessa versão, componentes de classes foram excluídas, forçando que todo 0 código antigo fosse refatorado. Quais são as afirmativas CORRETAS? A I, e III. B e III. e II. D Il e III. E Apenas a I. 3 Marcar para revisão 0 React segue uma forma de fluxo de dados unidirecional ou também conhecido como vinculação unidirecional. Nesse contexto, avalie as seguintes afirmativas: Recebe valor inicial do componente filho. II) o componente pai pode alterar 0 seu valor. III) Mudanças ocorrem dentro de componente pai. Quais as afirmativas CORRETAS? A Apenas a As alternativas Il e III. Apenas a II. D As alternativas Il e II. E As alternativas e III.4 Marcar para revisão Redux reúne todos os estados, centralizando e otimizando a passagem de dados entre componentes e ficando responsável por essa distribuição. Marque a alternativa correta em relação às suas diferentes responsabilidades e algumas definições: I. A biblioteca não é nativa, necessitando de 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 0 próximo estado. V. Nunca devemos modificar os argumentos passados para os reducers, a fim de manter que sejam funções puras. A e II, apenas. e V, apenas. I, II, IV e V, apenas. D I, III e V, apenas. E I, II, e IV, apenas.5 Marcar para revisão No código a seguir, marque a alternativa correta em relação ao resultado que devemos obter executando-o. import React, from 2. function Simulado() 3. 4. const [contador, setContador] - useState 5. 6. const 7. setContador => anterior + 1) 8. 9. 10. return 11. 12. Clicamos (contador) 13. Clique Aqui 14. 15. 16. 17. 18. export default Simulado; A 0 1 C 2 D 3 E Erro de compilação6 Marcar para revisão Requisições HTTP são mensagens enviadas pelo cliente para iniciar uma ação no servidor. Nesse contexto, avalie as afirmativas relacionadas com a utilização de Requisições HTTP em React. I) React não permite utilizar bibliotecas externas, apenas a nativa do navegador (windows.fetch) II) Olhando para ciclo de vida, local para preencher os dados com requisições AJAX seria no método componetDidMount, pois assim pode-se utilizar o setState para atualizar seu componente quando os dados estiverem disponíveis III) Não é possível utilizar hooks em requisições. Quais as afirmativas CORRETAS? A I, e III. Apenas a II. e II. D e III. E Apenas a 7 Marcar para revisão React Routes é uma biblioteca externa, que permite navegar entre telas, reaproveitando componentes. Sua última versão necessita refatorar parte dos códigos, sem muito alarde, mas alguns conceitos não mudaram. Assinale a alternativa correta quando comparamos suas versões e algumas definições. Na versão anterior, era utilizado switch para encapsular as rotas, que foi substituído pelos Routes. II. Não é necessário instalar a biblioteca react-router-config para se utilizar o React Router v6, no lugar utiliza-se userRoutes. III. Ainda é necessário utilizar a props exact em Route. IV. Em toda aplicação, só podemos ter um único BrowserRouter, encapsulando 0 objeto principal. V. useNavigate foi substituído por useHistory. A le II, apenas. B e V, apenas. I, II, IV e V, apenas. D III e V, apenas. E I, II, III e IV, apenas.8 Marcar para revisão 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: 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 afirmativas CORRETAS? A I, e III. e III. le II. D e III. E Apenas a 9 Marcar para revisão Formulários em React trabalham de forma um pouco diferente do que estamos habituados em HTML. No React, aproveitamos os estados dos componentes para manipular os dados. Marque a alternativa correta em relação a componentes controlados e não controlados. Em um componente controlado, os dados são manipulados por um componente React, diferente de A um componente não controlado, onde os dados podem ter vindo, por exemplo, de uma requisição AJAX. Um input do tipo arquivo é um componente controlado. Na marcação select, ao invés de utilizarmos a opção selecionada por padrão pelo atributo selected, C utilizamos um atributo value, na criação da marcação, usando como estado. D Podemos utilizar um array no atributo value, permitindo selecionar várias opções em select. Uma forma muito utilizada de manipular diferentes inputs é usar um atributo name com valor E target.name, por exemplo.10 Marcar para revisão Sobre React e suas características, assinale a alternativa correta: Biblioteca Javascript desenvolvida pelo Facebook. II. Utiliza 0 conceito de componentes, ajudando na construção de interfaces, facilitando na sua reutilização. III. Apesar de ser de código aberto, sua comunidade é muito pequena, pois muitos não aderiram a forma complexa de utilizar JSX. IV. Usado para 0 desenvolvimento de interface tanto para usuários web quanto para mobile (React native). A e II, apenas. e III, apenas. I, e IV, apenas. D I, e IV, apenas. E III e IV, apenas. 1 Marcar para revisão Considere a página abaixo, construída utilizando jQuery: $(document).ready(function() }); Esconder Texto do parágrafo. Para que, ao se clicar no botão Esconder, 0 texto do parágrafo se torne oculto, deve-se preencher a lacuna com: A D E2 Marcar para revisão 0 jQuery pode selecionar elementos HTML a partir de seletores, otimizando 0 desenvolvimento. Sobre a utilização de seletores no jQuery, é correto afirmar: A $('td, th'); retornará todos os elementos th que são filhos de td. retornará todos os elementos da classe 'formulario'. $('p:first'); retornará primeiro dos elementos p. D retornará elemento com id igual a 'paragrafo'. E retornará 0 primeiro dos elementos p.3 Marcar para revisão 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, que acontece quando executamos 0 código abaixo em um navegador com suporte a ECMAScript versão ES6 ou superior? Escopo de variáveis em JS let teste = if(teste > let teste - console. log (teste) A valor da variável teste será sempre 200. Será exibido no console do navegador valor 1. C Será exibido dentro da janela navegador o valor 1. D A instrução let introduz um escopo de bloco a variável teste. E A declaração da variável teste utilizando let funcionaria da mesma forma se utilizássemos var.4 Marcar para revisão Em um projeto web, ao implementar uma tabela HTML dinâmica utilizando jQuery e AJAX, os dados são recebidos do servidor no formato JSON. A tabela é atualizada automaticamente sem recarregar a página, melhorando a experiência do usuário. Qual método HTTP é mais adequado para a realização dessa tarefa e por quê? A PUT, pois permite substituir recursos no servidor. GET, pois é utilizado para solicitar dados de um recurso especificado. C DELETE, pois remove recursos do servidor. D HEAD, pois solicita uma resposta similar ao GET, sem 0 corpo da resposta. E TRACE, pois permite diagnóstico no caminho para 0 alvo. 5 Marcar para revisão Em um projeto web, um desenvolvedor opta por utilizar 0 JQuery para simplificar a manipulação do DOM. Ele necessita implementar uma função que esconda todos os elementos com a classe .destaque ao clicar em um botão específico. Qual linha de código em JQuery realiza corretamente a ação descrita acima? A $("p.destaque").hideOnClick(); $("p.destaque").click(function() { $(this).hide(); }); C $(".destaque").on("click", "p", function() $(this).hide(); }); D $("button").click(function() $("p.destaque").hide(); }); E $(this).hide();6 Marcar para revisão De modo geral, todas as variáveis devem ser inicializadas com a atribuição de valores. Posteriormente, esses valores podem ser exibidos através da utilização de palavras-chaves da linguagem. Qual diretiva pode ser utilizada para colocar valor textual de uma variável como texto renderizado no HTML dentro de uma tag H1? A v-text v-header v-texto D v-model E v-class 7 Marcar para revisão Montar a instância no HTML é uma tarefa relativamente simples. 0 que deve ser passado dentro do método mount ao criar uma Vue instance, após importar 0 arquivo do Vue JS? A nome de uma div. id de uma div. C Um id relativo à div onde queremos montar aquela instância. D Um seletor CSS relativo ao elemento raiz onde queremos montar aquela instância. E A classe da div onde queremos montar a instância do Vue.8 Marcar para revisão Funções são uma parte importante da programação, permitindo 0 isolamento de código e a reutilização de partes importantes. Qual das alternativas abaixo representa 0 bloco dentro da nossa Vue instance adequado para colocarmos as funções, também chamadas de métodos? A Na função data. B No objeto computed. C No objeto functions. D Na função return. E No objeto methods. 9 Marcar para revisão Vue.js é um framework JavaScript leve, de rápida assimilação para os iniciantes e amplamente utilizado no mercado mundial. Com relação ao framework Vue, qual entidade/empresa é responsável pela sua manutenção? A Google. Facebook. Twitter. D Meta. E A comunidade.10 Marcar para revisã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é- definido em seu componente filho (uma espécie de janela ou abertura)? A Através de eventos. Através de props. Através de classes CSS. D Através de slots. E Através de uma imagem. 1 Marcar para revisão Considere trecho de código: class P { public exibir_informacao(a: { } } const obj1 = new P() Selecione a opção correta com resultado da execução do código. A vai exibir a frase: "resultado" vai exibir 0 número 10 C vai exibir "vazio" D código está sintaticamente incorreto E vai exibir a mensagem:2 Marcar para revisão TypeScript dá suporte ao uso de funções. Uma função nada mais é do que uma subrotina usada em um programa. Selecione a opção correta que explique qual o objetivo da função construtora de uma classe do TypeScript. A Garantir que programa seja orientado a objetos. Garantir que 0 programa está sintaticamente correto. C Identificar a oportunidade de reusabilidade do código. D Estabelecer 0 comportamento inicial do objeto. Todo programa em TypeScript é orientado a objetos e deve ter construtor explicitamente E implementado. 3 Marcar para revisão Considere o trecho de código: function y(a: { return (typeof a === 'number' ? "número" : "string"); } Selecione a opção correta com o resultado da execução do código. A number número string D Teste E a4 Marcar para revisão Considere trecho de código: let S = (x: number, y: number):number x+y; Selecione a opção correta com resultado da execução do código. A 1 2 3 D 7 E 10 5 Marcar para revisão Os padrões de desenvolvimento visam resolver problemas recorrentes na implementação de sistemas, com a definiçã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á- lo, qual padrão deverá utilizar para a melhoria da estratégia de persistência e consequente redução do custo de manutenção? A Observer Proxy Data Access Object D Flyweight E Service Locator6 Marcar para revisão 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, 0 acesso a uma rota pode ser controlado de forma simples, com base em um serviço para verificação de usuário que é associado às rotas privadas. Qual interface deve ser implementada pelo serviço? A Signin CanActivate Authenticate D SignOut E VerifyUser 7 Marcar para revisão Para trabalhar com as coleções do MongoDB a partir de um serviço Web, construído com base no NodeJS, devemos inicialmente obter uma conexão com a base de dados, através de um objeto do tipo MongoClient, oferecido na biblioteca mongodb. A partir da conexão, acessamos as coleções, e podemos utilizar os métodos que são disponibilizados por elas para manipulação e consulta de documentos. Qual desses métodos permite a inclusão de um documento? A insertOne persist C findOne D create E find8 Marcar para revisão A partir da versão 16.8 do React, foi introduzido conceito de Hooks, que trouxe uma nova dinâmica. Avalie as assertivas relacionadas com a motivação de sua criação. Classes em React sempre foram uma forma confusa de utilizar, como por exemplo a utilização do this. Em componentes complexos, isso se tornava cada vez mais difícil sua reutilização. II) Componentes complexos e grandes eram difíceis de refatorar. III) A partir dessa versão, componentes de classes foram excluídas, forçando que todo o código antigo fosse refatorado. Quais são as afirmativas CORRETAS? A I, Il e III. I e II. D e III. E Apenas a I. 9 Marcar para revisão Após a instalação das bibliotecas necessárias quando da configuração do ambiente, utiliza-se um comando para criar uma aplicação React, Create React App, basicamente um script que configura um novo projeto. Após sua execução, que comando precisamos chamar para abrir nossa aplicação, considerando que estamos na pasta da referida aplicação? A npm init. npx create-react-app nome_app. C npm install. D npx start. E npm start.10 Marcar para revisão Conforme código a seguir, qual seria resultado esperado em tela levando em consideração a sintaxe JSX: const nome = "Rodrigo"; const idade - 20; const telefone 32014012; const resultado nome + idade + ReactDOM. render (resultado, Não teria resultado, pois a variável resultado não contém marcação HTML, indicando erro de A compilação. 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. C "Rodrigo"2032014012. D Rodrigo2032014012. E Rodrigo 32014032. 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 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 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() X $(".escondido").hide() $(hide).escondido() 4318 PROGRAMAÇÃO CLIENTE COM TYPESCRIPT 3. Ref.: Pontos: 1,00 Considere o trecho de código: let S = (x: number, y: number) : number => Selecione a opção correta com o resultado da execução do código. 7 3 1 2 104. Ref.: Pontos: 1,00 Considere 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 4. Ref.: 120 Considere trecho de código: 1 function w(n: number): numb if(n == 15 return 0: 4319 VUE JS 5. Ref.: Pontos: 1,00 / 1,00 Uma vantagem potencial na utilização do Vue é 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.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 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) componente pai pode alterar o seu valor. III) Mudanças ocorrem dentro de componente pai. Quais as afirmativas CORRETAS? Apenas a II. As alternativas e II. As alternativas I e III. As alternativas 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 le III. Apenas a I. Apenas a II. X As alternativas e III. As alternativas e III.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. 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. X 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.