Questões de Concurso Para analista de ti

Qual é a função do comando "git pull" no GIT?

Qual das seguintes alternativas NÃO é uma aplicação comum do framework Angular no desenvolvimento de interfaces de front-end?

Analise o código abaixo que demonstra um trecho de interface desenvolvida com o framework IONIC.
<ion-list>    <ion-item *ngFor="let item of items" (click)="onItemClick(item)">       <ion-label>{{ item.name }}</ion-label>       <ion-note slot="end">{{ item.quantity }}</ion-note>       <ion-icon slot="end" [name]="item.icon"></ion-icon>       </ion-item>    </ion-list> <ion-text *ngIf="items.length === 0">     Não há itens na lista. </ion-text>
Sobre o funcionamento e resultado desse código, analise as assertivas abaixo:
I. A diretiva ngFor é usada para iterar sobre a lista de itens e renderizar um componente ion-item com a concatenação de todos eles.
II. Ao clicar em um item, será acionado um método que tem como parâmetro o objeto do item selecionado com seus dados.
III. A diretiva ngIf serve para exibir um texto informando que a lista está vazia caso não haja nenhum item na lista.
IV. Na tag <ion-icon> será exibido um ícone que pode ser adicionado através de diferentes bibliotecas, tais como Ionicons e FontAwesome, indicando-se apenas o nome do ícone, sem inserção de uma imagem específica.
Quais estão corretas? 

Assinale a alternativa INCORRETA sobre a aplicação do Material Design no desenvolvimento de interfaces digitais.

Tendo em vista que existem diferentes tipos de unidades de medida relativas para web, indique qual das afirmações abaixo é INCORRETA. 

As estruturas de media-queries proporcionam o estabelecimento de diferentes conjuntos de regras de estilo CSS, tendo como condições de aplicação algumas características, tais como o tipo de mídia e as dimensões de resolução. Nesse sentido, qual das alternativas abaixo NÃO representa uma construção correta de uma media query?

Uma Progressive Web App (PWA) é uma aplicação web que combina recursos de sites e aplicativos mobile, oferecendo uma boa experiência ao usuário e menor tempo de implementação se comparado a aplicativos nativos. Sobre essas aplicações, assinale a alternativa INCORRETA.

Como criar um menu de navegação responsivo utilizando o framework Bootstrap?

Sobre a linguagem de programação Typescript, é INCORRETO afirmar que:

Sobre a tecnologia NodeJS, analise as assertivas abaixo, assinalando V, se verdadeiras, ou F, se falsas.
( ) É uma plataforma de desenvolvimento que permite executar códigos Javascript do lado do servidor, que podem ser executados fora do navegador.
( ) Tem arquitetura orientada a eventos, o que limita sua capacidade de lidar com muitas conexões simultâneas com baixo consumo de recursos.
( ) É um ambiente de execução assíncrono funcionando de forma a não bloquear a aplicação no momento de sua execução, colocando os processos mais demorados para um segundo plano.
( ) Tem um gerenciador de pacotes próprio, usado principalmente para gerenciar dependências, chamado NPM (Node Package Manager).
A ordem correta de preenchimento dos parênteses, de cima para baixo, é:

Qual das seguintes opções descreve corretamente o que é Sass? 

Existem diferentes técnicas e propriedades do CSS no posicionamento de elementos para construção de layouts. Tendo em vista esse assunto, assinale a alternativa INCORRETA.

Em relação ao desenvolvimento front-end, analise as assertivas abaixo, assinalando V, se verdadeiras, ou F, se falsas.
( ) Quando há necessidade de sobreposição de elementos, é possível controlar a ordem de camadas com a propriedade "z-index". Sendo assim, os elementos com essa propriedade que têm valores mais altos são exibidos mais à frente e com valores mais baixos são exibidos mais ao fundo.
( ) Quando se trata da construção de um layout fluido, deve-se definir os elementos da página web com unidades de medida relativas, tais como pixels, ao invés de unidades absolutas como porcentagens.
( ) A tag <div> foi descontinuada, e não é mais recomendada a sua utilização na construção de estruturas em HTML 5 por conta das tags semânticas.
( ) Um layout responsivo é aquele que se ajusta para otimizar a exibição em dispositivos específicos através da definição de diferentes breakpoints.
A ordem correta de preenchimento dos parênteses, de cima para baixo, é:

Em Linguagem de Estilos CSS, existem os seletores complexos que representam uma forma avançada de selecionar elementos com base em seu relacionamento com outros elementos ou em seu estado atual. Analise a estrutura abaixo:
x[y="z"] {    font-family: arial, sans-serif;    font-size: 1.2rem;    text-transform: uppercase; }
Esse seletor complexo está definindo que as propriedades devem ser aplicadas em:

Em Linguagem de Estilo CSS, os seletores são padrões usados para selecionar elementos HTML nos quais as regras de estilo devem ser aplicadas. Sobre os seletores, analise as assertivas abaixo e assinale a alternativa correta.
I. Seletores que estão associados a um id serão aplicados a um único elemento no documento HTML, e os seletores associados a um class no documento HTML devem ser definidos iniciando pelo símbolo # no CSS.
II. Um seletor que utiliza uma classe tem menor peso do que um seletor que utiliza apenas um tipo associado a uma tag.
III. Estilos aplicados a um elemento podem ser herdados pelos seus elementos filhos, a menos que uma regra específica seja aplicada a eles.
IV. Se duas regras conflitantes são aplicadas a um elemento, a que aparece por último no código CSS é a que será aplicada.

Analise o trecho de códigos HTML e CSS apresentados abaixo, com o intuito de estruturar um menu de navegação horizontal:


Assinale a alternativa correta em relação ao restante do código CSS capaz de compor corretamente essa estrutura.

As propriedades do CSS (Cascading Style Sheets) são recursos que permitem definir estilos visuais para os elementos HTML em uma página da web. Cada propriedade do CSS corresponde a um aspecto visual específico de elementos HTML. Sobre o assunto, analise as assertivas abaixo, assinalando V, se verdadeiras, ou F, se falsas.
( ) A propriedade font-color define a cor de um texto. ( ) A propriedade float permite a utilização dos valores left, center e right. ( ) A propriedade padding é usada para definir a distância entre o conteúdo e a borda do elemento. ( ) A propriedade letter-spacing define o espaçamento entre as letras de uma palavra. ( ) A propriedade background-attachment define uma imagem de fundo para o elemento.
A ordem correta de preenchimento dos parênteses, de cima para baixo, é:

Qual o nome do atributo da Linguagem de Marcação HTML que determina uma expressão regular que deve ser correspondente ao valor de entrada digitado em um elemento de formulário? 

Tendo em vista as tags semânticas do HTML5 e suas descrições, relacione a Coluna 1 à Coluna 2.

Coluna 1

1. <header>

2. <nav>

3. <aside>

4. <article>

5. <figure>

Coluna 2

( ) Define um conteúdo que é relacionado ao conteúdo principal de uma página, mas que pode ser considerado secundário ou complementar a ele.

( ) Usada para marcar um conteúdo que é autônomo e pode ser considerado uma unidade independente.

( ) Define uma seção de navegação em uma página, pode incluir links para outras páginas no site, bem como para seções diferentes da página atual.

( ) Delimita o cabeçalho de uma página ou de uma seção específica de uma página.

( ) Usada para marcar uma imagem ou outro tipo de conteúdo multimídia que é relevante para o conteúdo principal da página.

A ordem correta de preenchimento dos parênteses, de cima para baixo, é: 

Tendo em vista o código fonte abaixo, assinale a alternativa que apresenta o resultado do processamento desse código.
<!DOCTYPE html> <html> <body>    <section id="conteudo"></section>    <script>      const conteudo = document.getElementById('conteudo');       const titulo = document.createElement('h1');       titulo.textContent = 'Título';       conteudo.appendChild(titulo);       const paragrafo = document.createElement('p');       paragrafo.textContent = 'Conteúdo deste parágrafo. ';       conteudo.appendChild(paragrafo);       const link = document.createElement('a');       link.textContent = 'Link';       link.setAttribute("href", "https://google.com");       paragrafo.appendChild(link);   </script> </body> </html>