SEC 1

Question 1

O que é necessário para se ter um ambiente básico de desenvolvimento Angular?

Answer 1

Node JS, Angular CLI

npm install -g @angular/cli

Question 2

Considerando o VSCode como IDE indicada, quais são as extensões recomendadas para se trabalhar com Angular?

Answer 2

Angular Language Service

Question 3

Qual é o comando responsável por criar um novo projeto?

Answer 3

ng new nomeprojeto

Question 4

Como rodar um projeto?

Answer 4

No terminal use o comando:

npm start

Question 5

Em qual porta a aplicação é disponibilizada por padrão?

Answer 5

4200

http://localhost:4200/

Question 6

Como parar a execução da aplicação?

Answer 6

No terminal utilize control+c

Question 7

Defina Component Template

Answer 7

Arquivo que contém HTML que será exibido ao usuário.

app.component.html

Question 8

Defina Component Class

Answer 8

Arquivo que contém código dos eventos disparados pelo template.

app.component.ts

Question 9

Cite um exemplo de event binding sintax.

Answer 9

input (input)=”onChangeLenght($event.target.value)”

Question 10

Cite um exemplo de property binding syntax.

Answer 10

input [value]=”nome-da-prop”

Question 11

Cite um exemplo de interpolation syntax.

Answer 11

{{ getProp() }}

Question 12

Cite um exemplo de structural directive e seu uso.

Answer 12

div class=”box” *ngIf=”password”

Diretivas servem para ocultar/exibir elementos/estrutura do HTML

Question 13

Qual critério utilizar para definir que algo deverá ser um componente?

Answer 13

Duplicar um bloco de código HTML é um sinal que um novo componente deve ser criado.

Question 14

Qual é o comando responsável por criar um novo componente?

Answer 14

ng generate component nomedocomponente

Question 15

Onde ficam os arquivos/imagens a serem disponibilizados na aplicação?

Answer 15

src/assets

Question 16

Que comportamento de arquivos css pode ser considerado especial num contexto de Angular?

Answer 16

Por mais que a ideia do css seja aplicar em cascata, no Angular o css atua em escopo limitado.
app.component.css somente é aplicado em app.component.html

Question 17

Como ocorre o boot de uma aplicação Angular do ponto de vista de entry point e caminhamento?

Answer 17

Abre index.html, localiza elemento < app-root > que corresponde a um decorator tipo selector; dentro de root encontra outros elementos e recupera seus componentes de acordo com o selector recursivamente.

Question 18

Quais passos para recuperar uma coleção de um backend spring boot?

Answer 18

No angular:
ng generate class nomedaclasse
ng generate service nomedaclasse
NgModule providers: [NomedaclasseService]
NomedaclasseService no construtor do componente

No spring boot:
Entidade.java
EntidadeController.java
EntidadeRepository.java