Apresentação Angular
Apresentação Angular
Apresentação Angular
2 Descontração
Vamos quebrar o gelo?
3 Introdução
Falando um pouco sobre o Angular
• 3 anos de Avanade
https://kahoot.it/
Ou baixe o app do
Kahoot!
- Would you like to add Angular Routing? Ao responder “Yes" ele cria um arquivo de rota em
nossa aplicação.
- Which stylesheet format would you like to use? Neste caso, basta ir com a setinha e escolher CSS,
que é a folha de estilo que iremos utilizar.
- cd spaangular (Comando para navegar até o seu projeto. Pode ser substituído abrindo o CMD
diretamente na pasta da aplicação)
- ng serve –o (Comando para iniciar o servidor, e ficar observando os arquivos. A cada mudança
nos arquivos, ele reconstrói “rebuild” a aplicação.)
- O comando –o, é uma abreviação para --open, e abre o seu browser padrão após finalizar a
compilação)
Feito isso, execute novamente o comando ng serve -o para visualizar nossa nova aplicação.
• Interpolação: {{ valor }}
associa informação do componente para o template (HTML)
• Property Binding: [propriedade]="valor"
associa informação do componente para o template (HTML)
• Event Binding: (evento)="handler"
associa informação do template (HTML) para o componente
ngIf: Esta é uma diretiva que você adiciona a um elemento na marcação, geralmente para
um elemento de contâiner como um div.
ngFor: Esta é uma diretiva para processar cada item de um objeto iterável, gerando uma
marcação para cada um. Ela é conhecida como uma diretiva estrutural porque pode alterar
o layout do DOM adicionando e removendo elementos DOM de visualização.
Criando um Service
Comando: ng g s service/cadastro
Dica: Acesse o link: (https://angular.io/guide/lifecycle-hooks) para visualizar uma lista de todos os Lyfe
Cycles existentes com exemplos de onde e como eles podem ser aplicados. Saiba um pouco mais a
respeito nestes dois vídeos:
Principais dúvidas sob Curso de Angular Grátis Demos de Layout Angu Blog Oficial do Angul
re o Framework no YouTube lar ar
Como atualizar seu pr Site para update do An Site Oficial do Angular Observables e Service
ojeto para o Angular gular s (Consumindo uma A
10 + Novidades PI)