Aplicação Drácula

Curso Angular

• Aplicação feito em Angular
• Material Angular: https://material.angular.io/
• Bootstrap: https://getbootstrap.com/
• API: https://api.themoviedb.org
• FontsAwsome: https://fontawesome.com/ -- Instalação: npm install --save font-awesome

No arquivo angular.json

• "styles": [ "src/styles.css", "node_modules/font-awesome/css/font-awesome.css" ],

---

Conteúdo Programático.

Aula 01

• Introdução e história do Angular
• Evolução e versões
• Estrutura
• Arquitetura do projeto
• Criar um projeto

Aula 02

• Estrutura
• Componentes
• Classes
• Templates
• Diretivas
• Notações
• Injeção de dependências

Aula 03

• Fluxo de dados unidirecional
• Property Binding
• Event Binding
• One way Binding

Aula 04

• Fluxo de dados bidirecional
• Two way Binding
• Usando diretiva ngModel
• [(ngModel)]
• Trabalhando com rotas
• Estilizando o projeto usando Angular Material, Bootstrap ou Styled Component

Aula 05

• Diretivas
• Tipos de diretivas
• ngFor
• ngIf
• ngClass
• ngOnInit
• NgSwitch
• NgStyle

Aula 06

• Comunicação entre componentes
• Usando @Input() para receber dados de componente pai

Aula 07

• INtegração com back end
• Interfaces
• Services
• Injeção de dependência -- @Injetable
• Classe provideIn
• Decorators

Aula 08

• Consumo de API
• HttpClientModule
• httpClient
• Observables -- RxJs
• Subscribe
• httpParams

Aula 09

• Formulários tempalte
• Formulários Reactivos
• Formbuilder
• FormGRoup
• Validators
• FormControlName
• Criando um campo de busca