Questões de Concurso Público PROCERGS 2023 para ANC - Analista em Computação - Ênfase em Desenvolvimento Front-End

Verifique o código a seguir que roda na tecnologia NodeJS:

Sobre esse trecho, é INCORRETO afirmar que:

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

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? 

Tendo em vista as estruturas de template do Angular e suas definições, relacione a Coluna 1 à Coluna 2.
Coluna 1 1. interpolation 2. property binding 3. event binding 4. class and style binding 5. template variables
Coluna 2 ( ) <input #campo type="text"><button (click)="salvar(campo.value)">Salvar</button> ( ) <h1>{{ titulo }}</h1> ( ) <img [src]="imagemUrl"> ( ) <div [class.ativo]="isAtivo" [style.backgroundColor]="cor"></div> ( ) <button (click)="botaoClicado()">Clique aqui</button>
A ordem correta de preenchimento dos parênteses, de cima para baixo, é: