Angular: O Guia Definitivo das Principais Funcionalidades

Neste vídeo, será apresentado o conceito de componentes e módulos.

Neste vídeo, será mostrado como é feita a criação de um componente, como referenciar um componente utilizando o seu seletor e como declarar um componente em um módulo.

Neste vídeo, será criado um novo componente de card e será mostrado os possíveis problemas que podem surgir ao criar componentes com responsabilidades iguais.

Neste vídeo, será mostrado como criar e referenciar componentes filhos.

Neste vídeo, será analisado o erro de quando há um componente declarado em mais de um módulo.

Neste vídeo, será mostrado como referenciar componentes de outros módulos. Será apresentada a configuração de import e export necessária para a utilização de componentes externos.

Neste vídeo, será apresentado o uso da Interpolação para fazer o binding com as propriedades da classe do componente. Será feito o binding com propriedades simples e com objetos.

Neste vídeo, será mostrado como utilizar a o encadeamento opcional do Javascript nas Interpolações do Angular.

Neste vídeo, será mostrado como configurar o template do componente dentro da classe do componente, utilizando a propriedade "template" do decorator "@Component", além da utilização da flag "--inline-template" para gerar um componente com essa configuração.

Neste vídeo, será mostrado como utilizar a propriedade "styles" do "@Component" para configurar os estilos CSS do componente dentro da classe do componente.

Neste vídeo, será mostrado como utilizar a propriedade "styleUrls" do "@Component" para referenciar mais de uma folha de estilos para o componente.

Neste vídeo, será mostrado como utilizar a tag de "<style>" dentro do template do componente e qual é a sua ordem de procedência em comparação com as propriedades "styleUrls" e "styles" do "@Component".

Neste vídeo, será mostrado como importar arquivos SASS dentro da folha de estilo do componente para utilizar variáveis.

Neste vídeo, será mostrado como utilizar a funcionalidade "::ng-deep" para aplicar as estilizações de forma global na aplicação.

Neste vídeo, será mostrado como utilizar o seletor ":host" em conjunto com o "::ng-deep" para deixar as estilizações isoladas no componente.

Neste vídeo, é apresentado um cenário de utilização do "::ng-deep", criando uma estilização de forma global na aplicação.

Neste vídeo, será apresentado como utilizar o ":host" em conjunto com o "::ng-deep" para criar estilizações locais que afetam os componentes filhos.

Neste vídeo, será apresentado como estilizar um componente de um biblioteca externa, utilizando o "::ng-deep".

Neste vídeo, será mostrado como configurar o View Encapsulation None para deixar os estilos do componente globais, além do seu funcionamento com o "::ng-deep".

Neste vídeo, será mostrado como configurar o View Encapsulation Emulated para deixar os estilos do componente local nesse componente, sem afetar elementos externos.

Neste vídeo, será mostrado como utilizar o View Encapsulation ShadowDom para que o componente não sofra alterações de estilizações globais.

Neste vídeo, será mostrado boas práticas ao estilizar componentes utilizando o "::ng-deep".

Neste vídeo, será mostrado a diferença entre atributos e propriedades de um elemento HTML.

Neste vídeo, será mostrado como fazer um property binding nas propriedades de um elemento de Input.

Neste vídeo, será mostrado como fazer um event binding para acessar a um evento disparado pelo elemento HTML.

Neste vídeo, será mostrado como fazer um attribute binding para deixar os atributos de um elemento HTML dinâmicos.

Neste vídeo, será mostrado as diferentes formas de utilizar o style binding para deixar os estilos do elemento HTML dinâmicos.

Neste vídeo, será mostrado como configurar o class binding para deixar as classes de um elemento HTML dinâmicas.

Neste vídeo, será mostrado como utilizar o decorator "@Input" junto com as suas configurações de "required" e "alias".

Neste vídeo, será mostrado como utilizar o decorator "@Output" para enviar valores a partir do componente filho.

Neste vídeo, será mostrado como interceptar quando há uma mudança no valor de um "@Input", utilizando o "get" e o "set".

Neste vídeo, será mostrado como utilizar a propriedade "transform" do decorator "@Input" para manipular os valores passados via "@Input". Além disso serão mostradas as funções de "booleanAttribute" e "numberAttribute" nativas do Angular.

Neste vídeo, estaremos criando o componente de botão com valores dinâmicos, evitando assim a duplicação de código. Estaremos praticando os conceitos de Class Binding, @Input, @Output, Event Binding e Property Binding.

Neste vídeo, será criado o componente de card com os seus valores dinâmicos, estaremos praticando os decorators de @Input e @Output e também a referencia de componentes filhos.

Neste vídeo, estaremos criando o ComponentsModule para praticar a modularização de um projeto Angular.

Neste vídeo, será mostrado como utilizar a funcionalidade de Two Way Data Binding do Angular com a diretiva ngModel.

Neste vídeo, será mostrado como utilizar a diretiva estrutural NgIf para controlar a visibilidade dos elementos do componente.

Neste vídeo, será mostrado como utilizar a diretiva estrutural NgFor para renderizar diversos elementos HTML do componente.

Neste vídeo, será mostrado como utilizar a diretiva NgFor para renderizar componentes filhos.

Neste vídeo, será mostrado como utilizar a diretiva NgStyle para aplicar de forma dinâmica estilos em um elemento HTML.

Neste vídeo, será mostrado como utilizar a diretiva NgClass para tornar dinâmica as classes de um elemento HTML.

Neste vídeo, será feita uma introdução ao uso e criação de Pipes.