Loading [MathJax]/jax/output/HTML-CSS/fonts/TeX/fontdata.js

Compatível com versões anteriores;

Modos de criar componentes:

  • decorators (antigo)
  • signals (novo)

Para o seguimento do curso, está sendo utilizado o Node v18 (utilizo o nvm-windows para fazer a gerência das versões do Node);

Comandos nvm:

nvm ls - versões instaladas

nvm install vX.X.X ou nvm install node - instalar uma determinada versão

nvm use vX.X.X - usar a versão selecionada

mais detalhes --> https://www.treinaweb.com.br/blog/instalando-e-gerenciando-varias-versoes-do-node-js-com-nvm

para criar um novo projeto, basta usar o angular cli.

No arquivo index.html, conseguimos colocar o nome do nosso sistema para aparecer na aba do navegador

todos os componentes criados estarão dentro da tag <app-root>, que fica no index

 

 

 

 

 

Uma das bases do Angular são os componentes. E o que é um componente?

ele nos permite vincular um modelo estilizado com alguma lógica em Typescript

A tag <app-root> fica no arquivo app.component.ts

{{ }} -> interpolação

O objetivo de o Angular ser estruturado por componentes, é o fato de podermos facilmente identificar onde fica a lógica e onde fica a view e estilizações do componente, pois são separados.

O component é responsável por recuperar os dados e disponibilizá-los para a view

a view serve para acessarmos as informações disponibilizadas no componente.

Recursos núcleo do Angular:

  • Capacidade de definir nossos próprios elementos HTML personalizados e chamá-los onde desejamos usar, nos permitindo estender a funcionalidade do navegador com a nossa própria funcionalidade;
  • Capacidade de criar nosso programa de um jeito que os dados disponíveis no componente e nossa exibição (HTML), sejam completamente separados;

 

 

 

 

 

 

Primeiros passos no Angular

Gabriela Amante
Module by Gabriela Amante, updated more than 1 year ago

Description

Alguns conceitos, como iniciar um projeto
No tags specified