Prova Frameworks front end

Prévia do material em texto

<p>Frameworks front end</p><p>Professor(a): Anderson da Silva Marcolino (Doutorado)</p><p>1)</p><p>2)</p><p>3)</p><p>Prepare-se! Chegou a hora de você testar o conhecimento adquirido nesta disciplina. A Avaliação Virtual (AV) é composta por questões objetivas e</p><p>corresponde a 100% da média final. Você tem até cinco tentativas para “Enviar” as questões, que são automaticamente corrigidas. Você pode responder</p><p>as questões consultando o material de estudos, mas lembre-se de cumprir o prazo estabelecido. Boa prova!</p><p>Dentre as principais _________ do uso da linguagem _________, temos a inclusão de _________ que permitam que o código seja _________, o que não</p><p>ocorre com o _________, por ser uma linguagem interpretada.</p><p>Assinale a alternativa que completa adequadamente as lacunas.</p><p>Alternativas:</p><p>Elementos; JavaScript; vantagens; compilado; TypeScript.</p><p>Elementos; TypeScript; vantagens; compilado; JavaScript.</p><p>Vantagens; TypeScript; elementos; compilado; JavaScript.  CORRETO</p><p>Vantagens; JavaScript; elementos; compilado; TypeScript.</p><p>Vantagens; JavaScript; elementos; TypeScript; compilado.</p><p>Código da questão: 63501</p><p>Os frameworks e as bibliotecas auxiliam significativamente no desenvolvimento web. Considerando as características que levam Vue.js, Angular e</p><p>React a serem adotados, assinale a alternativa correta.</p><p>Alternativas:</p><p>Angular não possui suporte à integração com outros frameworks e bibliotecas.</p><p>React possui tempo de renderização mais lento, bem como apresenta os tamanhos de pacotes médios.</p><p>Angular não possui a especificação do padrão arquitetural que se baseia.  CORRETO</p><p>Vue.js necessita da integração com o Node.js para ser adotado em projetos para o desenvolvimento de aplicações web.</p><p>React não disponibiliza repositório Git com o código de sua biblioteca.</p><p>Código da questão: 63491</p><p>Um componente de _________ único concentra em seu conteúdo um _________, que corresponde à parte do código em _________; o _________, que</p><p>corresponde à parte em JavaScript; o _________, que corresponde à folha de estilo em cascata.</p><p>Assinale a alternativa que completa adequadamente as lacunas.</p><p>Alternativas:</p><p>Style, script; arquivo; template; HTML.</p><p>Style, template; HTML; arquivo; script.</p><p>Template; HTML, arquivo; script; style</p><p>Arquivo; template; HTML; script; style.  CORRETO</p><p>Arquivo; HTML; template; script; style.</p><p>Resolução comentada:</p><p>Dentre as principais vantagens do uso da linguagem TypeScript, temos a inclusão de elementos que permitam que o código seja compilado, o</p><p>que não ocorre com o JavaScript, por ser uma linguagem interpretada.</p><p>Resolução comentada:</p><p>Tanto Vue.js quanto Angular e React possuem suporte à integração com outros frameworks e bibliotecas, porém a grande diferença é que</p><p>este suporte é mais restrito em relação ao Angular. Além disso, todos os frameworks e bibliotecas possuem repositório Git. Já em relação à</p><p>integração obrigatória com o Node.js, apenas Angular a exige. Adicionalmente, Angular não possui uma especificação definida do padrão</p><p>arquitetural que atende, o que não exime de sua potencialidade no uso de projetos. Contudo, é o framework que demanda mais tempo de</p><p>renderização e pacotes de tamanho médio, quando comparados ao React e ao Vue.js, que são mais rápidos e consomem menos espaço de</p><p>armazenamento.</p><p>4)</p><p>5)</p><p>6)</p><p>Código da questão: 63494</p><p>O principal destaque ao se utilizar o _________ é a sua capacidade de desenvolver _________ web por meio dos componentes. Um ________ é</p><p>integrado a uma página por meio de um _________, e pode ter sua origem em uma _________.</p><p>Assinale a alternativa que completa adequadamente as lacunas.</p><p>Alternativas:</p><p>Componente; função; React; seletor; aplicações.</p><p>Aplicações; React; seletor; componente; função.</p><p>React; aplicações; componente; seletor; função.  CORRETO</p><p>Seletor; função; componente; React; aplicações.</p><p>Componente; aplicações; React; seletor; função.</p><p>Código da questão: 63508</p><p>As diferentes características dos frameworks e das bibliotecas podem levar à sua adoção ou não, principalmente quando nos referimos ao Vue.js,</p><p>React e Angular. Sobre tais frameworks e bibliotecas, leia as afirmativas a seguir e associe as colunas:</p><p>Assinale a alternativa que traz a associação correta entre as colunas.</p><p>Alternativas:</p><p>I – A; II – C; III – B.</p><p>I – B; II – A; III – C.</p><p>I – C; II – B; III – A.</p><p>I – C; II – A; III – B.</p><p>I – A; II – B; III – C.  CORRETO</p><p>Código da questão: 63489</p><p>O Vue.js utiliza uma marcação específica com uma linguagem de template, que é derivada de um conjunto de marcações HTML. Sobre o uso do</p><p>template e suas especificidades, leia as afirmativas a seguir e associe as colunas:</p><p>Resolução comentada:</p><p>Um componente de arquivo único concentra em seu conteúdo um template, que corresponde à parte do código em HTML; o script, que</p><p>corresponde à parte em JavaScript; o style, que corresponde à folha de estilo em cascata.</p><p>Resolução comentada:</p><p>O principal destaque ao se utilizar o React é a sua capacidade de desenvolver aplicações web por meio dos componentes. Um componente é</p><p>integrado a uma página por meio de um seletor, e pode ter sua origem em uma função.</p><p>Resolução comentada:</p><p>Vue.js. é um framework que se integra com outros frameworks e utiliza como padrão o modelo VisãoModelo. Angular é um framework que</p><p>se integra com outros frameworks, porém essa integração é mais restrita, e é mantido por comunidade independente. React é chamado de</p><p>frameworks, mas, na realidade, é uma biblioteca que se integra com outros frameworks, e utiliza como padrão a Visão do Modelo-Visão-</p><p>Controle.</p><p>7)</p><p>8)</p><p>Assinale a alternativa que traz a associação correta entre as colunas.</p><p>Alternativas:</p><p>I – B; II – A; III – C.</p><p>I – A; II – B; III – C.</p><p>I – B; II – C; III – A.  CORRETO</p><p>I – A; II – C; III – B.</p><p>I – C; II – A; III – B.</p><p>Código da questão: 63496</p><p>Podemos dividir um componente Angular em partes, as quais se coincidem com algumas das partes mais importantes do padrão Modelo-Visão-</p><p>Controle (MVC). Considerando tal padrão e os arquivos que constituem um componente Angular, assinale a alternativa correta.</p><p>Alternativas:</p><p>A visão do padrão MVC corresponde à interface da aplicação, sendo constituído pelo arquivo HTML e pelo arquivo “.ts”.</p><p>O arquivo de extensão “.ts” corresponde ao arquivo da visão do modelo MVC, visto que define os elementos gráficos a serem renderizados nas</p><p>interfaces.</p><p>O controle do padrão MVC corresponde ao arquivo HTML, visto que este será responsável por criar a interface do componente no navegador.</p><p>O modelo do padrão MVC corresponde à definição dos elementos que serão renderizados pelo HTML, logo são definidos no arquivo “.ts”. </p><p>CORRETO</p><p>O modelo e o padrão são integrados no arquivo HTML, sendo este o responsável por receber os métodos da classe escrita em TypeScript.</p><p>Código da questão: 63500</p><p>Para a integração de um componente Angular em uma aplicação, é necessário a definição de um selector. Sobre a definição de um selector de um</p><p>componente Angular, assinale a alternativa correta.</p><p>Alternativas:</p><p>O selector recebe informações de estilização CSS, que serão utilizadas pelo componente.</p><p>O selector recebe um nome que permitirá que este seja inserido e referenciado em um componente por meio de uma tag similar às tags HTML.</p><p> CORRETO</p><p>O selector recebe informações do template HTML, que serão utilizadas pelo componente.</p><p>O selector é opcional, visto que um componente pode ser integrado à aplicação final por meio do arquivo HTML.</p><p>O selector cria tags HTML, que serão utilizadas na classe e em seus métodos no arquivo TypeScript.</p><p>Resolução comentada:</p><p>{{nome}} é a sintaxe básica para a criação de uma ligação ou binding que exibe um conteúdo JavaScript em uma interface HTML, chamado</p><p>também de interpolação.</p><p>especifica o uso de uma diretiva no lugar da interpolação para exibir o conteúdo de uma propriedade.</p><p>{{nome.reverse()}} indica a utilização de uma propriedade e a aplicação de uma função JavaScript, que deve possuir apenas uma ocorrência a</p><p>cada bloco de binding.</p><p>Resolução comentada:</p><p>O modelo do padrão MVC corresponde à definição dos elementos que serão renderizados pelo HTML, portanto são definidos</p><p>no arquivo</p><p>“.ts”, por meio da linguagem TypeScript. Este mesmo arquivo pode definir o controle do modelo MVC, logo os arquivos HTML e de estilização</p><p>(CSS) refletem a visão do padrão MVC.</p><p>9)</p><p>10)</p><p>Código da questão: 63506</p><p>Sobre o Node.js, analise as afirmativas a seguir e assinale-as com V (verdadeiro) ou F (falso):</p><p>( ) Node.js foi projetado para construir aplicações para redes escaláveis, sendo um software para execução de código JavaScript.</p><p>( ) O Node Package Manager, que acompanha o instalador do Node.js, permite instalar bibliotecas e frameworks ou executá-los de modo a criarem</p><p>toda a estrutura necessária para a criação do projeto base.</p><p>( ) O NPM minifica e otimiza scripts desenvolvidos em TypeScript.</p><p>( ) O Node.js integra meios de permitir a criação (build) da aplicação para produção.</p><p>( ) O Node.js limita bibliotecas que podem verificar possíveis erros e impedir o funcionamento correto da aplicação.</p><p>Assinale a alternativa que contenha a sequência correta.</p><p>Alternativas:</p><p>F – F – V – F – F.</p><p>V – F – F – V – V.</p><p>F – F – V – F – V.</p><p>F – V – V – F – V.</p><p>V – V – F – V – F.  CORRETO</p><p>Código da questão: 63488</p><p>Podemos conceber aplicações ________ utilizando apenas linguagem de marcação de __________ (HTML), folha de ____________ em cascata (CSS) e</p><p>JavaScript. Contudo, o benefício de utilizar ________________ou bibliotecas é que trazem muitas ______________ já prontas para utilização, o que é</p><p>preferível a criar tudo do zero.</p><p>Assinale a alternativa que completa adequadamente as lacunas.</p><p>Alternativas:</p><p>Web; hipertexto; estilos; frameworks; funções.  CORRETO</p><p>Web; funções; hipertexto; estilos; frameworks.</p><p>Hipertexto; web; estilos; frameworks; funções.</p><p>Web; estilos; hipertexto; funções; frameworks.</p><p>Hipertexto; web; funções; frameworks; estilos.</p><p>Código da questão: 63487</p><p>Resolução comentada:</p><p>O selector recebe um nome que permitirá que este seja inserido e referenciado em um componente por meio de uma tag similar às tags</p><p>HTML. Está presente no corpo do decorator @Component, junto à especificação do template e do arquivo CSS que estilizará o componente.</p><p>Resolução comentada:</p><p>É verdadeiro que o Node.js foi projetado para construir aplicações para redes escaláveis, sendo um software para execução de código</p><p>JavaScript, bem como o Node Package Manager, que acompanha o instalador do Node.js, permite instalar bibliotecas e frameworks ou</p><p>executá-los de modo a criarem toda a estrutura necessária para a criação do projeto base. É falso que o NPM minifica e otimiza scripts</p><p>desenvolvidos em TypeScript, pois ele minifica scripts em JavaScript. É verdadeiro que o Node.js integra meios de permitir a criação (build) da</p><p>aplicação para produção, e é falso que ele limita bibliotecas, pois, na realidade, permite, por meio de diferentes bibliotecas, possíveis erros que</p><p>possam impedir o funcionamento correto da aplicação.</p><p>Resolução comentada:</p><p>Podemos conceber aplicações web utilizando apenas linguagem de marcação de hipertexto (HTML), folha de estilos em cascata (CSS) e</p><p>JavaScript. Contudo, o benefício de utilizar frameworks ou bibliotecas é que trazem muitas funções já prontas para utilização, o que é</p><p>preferível a criar tudo do zero.</p><p>Arquivos e Links</p>