Curso de Angular - Elementos Customizados: Componentes, Diretivas e Pipes
Aprenda como criar seus elementos no Angular
Nível Intermediário Categoria Desenvolvimento Front-end
- Curso com 01h55 de videos
- Certificado com 8 horas
- 11 exercícios
Sobre o curso
Aprenda como criar seus elementos no Angular
O Angular (antes conhecido como Angular 2) é o novo framework desenvolvido pela mesma equipe do Google que desenvolveu o famoso AngularJS.
Ele foi feito do zero, mantendo apenas o nome. Nesta nova ferramenta foram seguidos padrões da web moderna, técnicas e boas práticas que foram aprendidas com os erros cometidos no desenvolvimento da ferramenta anterior.
Por esses motivos, ele vem sendo amplamente requisitado no mercado para desenvolvimento web e mobile.
Neste curso iremos aprender a trabalhar com componentes, diretivas e pipes, elementos indispensáveis para se criar elementos de interface e views
O que irá aprender?
Neste curso iremos aprender sobre a criação e uso de componentes, diretivas e pipes. São vídeo aulas e apostilas que mostram como utilizar e criar estes elementos disponíveis no Angular. Também serão passados exercícios para que você possa fixar, praticar e aplicar o conteúdo aprendido durante o curso.
Dentre várias outras coisas, você verá:
- Componentes;
- @Input e @Output properties;
- Diretivas estruturais e de atributos;
- HostListener e HostBinding;
- Pipes.
Pra quem é esse curso?
Este curso é destinado àqueles que já saibam o básico de Angular e queiram melhorar suas técnicas de desenvolvimento de elementos, aprendendo tudo sobre componentes, diretivas e pipes.
Quais os pré-requisitos para esse curso?
Os pré-requisitos não são obrigatórios, são apenas sugestões. Eles dão uma base de parte do conhecimento que é interessante ter para um bom aproveitamento nesse curso.
- Curso
![HTML5 e CSS3 - Desenvolvimento web Básico]()
HTML5 e CSS3
Desenvolvimento web Básico - Curso
![JavaScript Avançado]()
JavaScript
Avançado - Curso
![TypeScript - Primeiros Passos]()
TypeScript
Primeiros Passos - Curso
![Angular - Introdução]()
Angular
Introdução - Curso
![Angular - CLI]()
Angular
CLI
Metodologia
- Videoaulas
- Texto e imagens
- Início Imediato
- Testes de aprendizado
Ambiente do curso
- Visual Studio Code
- Google Chrome - 67
- Node.js - 10.6.0
- Angular CLI - 6.0.8
Sobre o professor
Akira Hanashiro
Professor especialista em Desenvolvimento Front-end na TreinaWeb. Akira, Felipe, Hana, Hanashiro ou Hanakira, é graduado em Análise e Desenvolvimento de Sistemas, pós-graduado em Projetos e Desenvolvimento de Aplicações Web e MBA em Machine Learning, é entusiasta no desenvolvimento de jogos e multi-task. Fala japonês fluente, mas não tem com quem conversar.
Conteúdo programático
Conheça o mundo dos Componentes
Veja o que são componentes e o motivo de precisarmos deles
6 aulas- Apresentação do Curso
- O que são componentes?
- Ciclo de Vida dos Componentes
- A web pré e pós componentes
- Códigos do Curso
- Repositório do Curso
Começando com Componentes
Aprenda a criar seu primeiro componente
11 aulas- Apresentação
- Criando Componentes
- Trabalhando com o ciclo de vida
- Input Properties
- Output Properties
- Two-way Data Bind - @Input e @Output juntos!
- @ViewChild - Acessando o DOM
- Dinamismo com Segurança - DOMSanitizer
- Projeto: Componentizando itens de lista
- Resumo
- Questionário
Aninhamento de Componentes
Veja como podemos aninhar componentes, criando elementos de interface mais complexos
4 aulas- Apresentação
- NgContent
- Múltiplos NgContents
- Resumo
Estilização de Componentes
Aprenda como funciona a estilização de componentes
4 aulas- Apresentação
- Template e Estilos Inline
- Estilizando o Container e Conteúdo de Componentes - :host e >>
- Resumo
Diretivas
Conheça as diretivas, atributos que alteram o comportamento dos elementos
11 aulas- Apresentação
- NgClass
- NgStyle
- Criando Diretivas de Atributos
- Renderer2
- HostListener
- HostBinding
- Criando Diretivas Estruturais
- Projeto: Criando animações com diretivas
- Resumo
- Questionário
Pipes
Aprenda a criar Pipes e simplifique a exibição de dados em suas templates
7 aulas- Apresentação
- O que são Pipes?
- Pipes do Angular
- Criando Pipes
- Projeto: Formatação com Pipes
- Resumo
- Questionário
Cursos relacionados
- Curso
![AngularJS - Criação de interfaces web]()
AngularJS
Criação de interfaces web - Curso
![Angular - Introdução]()
Angular
Introdução - Curso
![Angular - CLI]()
Angular
CLI - Curso
![Angular - Formulários]()
Angular
Formulários - Curso
![Angular - Tópicos avançados]()
Angular
Tópicos avançados - Curso
![Ionic - Criação de aplicações mobile]()
Ionic
Criação de aplicações mobile - Curso
![Unity - Trigonometria para games]()
Unity
Trigonometria para games
