К содержанию

Tutorial do Framework Angular

Tutorial do framework JavaScript Angular. Para iniciantes. Muita teoria e tarefas.

Fundamentos

Introdução ao framework Angular

Introdução à Abordagem de Componentes no Angular

Instalação do Framework Angular

Criando um Projeto Angular

Estrutura de Projeto Angular

Estrutura da pasta de trabalho do projeto Angular

Arquivo de Layout em Angular

Arquivo de Estilos Globais do Projeto em Angular

Estrutura de um Componente Angular

Arquivo com o layout do componente Angular

Arquivo de Estilos do Componente Angular

Arquivo com a classe do componente em Angular

Template

Interpolação no Angular

Propriedades da classe do componente no template Angular

Propriedades da classe do componente em atributos Angular

Propriedades de array no template Angular

Propriedades-objeto no template em Angular

Métodos da classe do componente no template Angular

Variáveis de Template no Angular

Vinculando valores a propriedades de elementos DOM no Angular

Condições

Diretiva if no Angular

Operadores de comparação na diretiva if no Angular

A estrutura if no Angular

Operadores de comparação na construção if no Angular

A estrutura else no Angular

A construção else-if no Angular

Estruturas switch e case no Angular

A tag ng-template no Angular

Açúcar sintático em condições no Angular

Laços

Diretiva for no Angular

A estrutura for no Angular

Índices de iterações de loop no Angular

Primeira iteração do loop no Angular

Última iteração do loop no Angular

Iteração Par do Loop em Angular

Iteração ímpar do loop no Angular

Eventos

Vinculando manipuladores de eventos no template Angular

Parâmetros de manipuladores de eventos no template Angular

Objeto Event no manipulador de evento no template Angular

Objeto Event e parâmetros no template Angular

Reatividade no Angular

Ciclos Reativos no Angular

Reatividade de Condições no Angular

Vinculação de Dados Bidirecional no Angular

Estilização

Estilos de Componente Angular

Vinculação de classes CSS no Angular

Vinculação em Massa de Classes CSS no Angular

Vinculando Estilos CSS no Angular

Vinculando estilos CSS a uma tag em Angular

Modificação Dinâmica de Estilos no Angular

Pipes

Pipes no Angular

Conversão para maiúsculas através de um pipe em Angular

Conversão para minúsculas através de um pipe no Angular

Truncamento de String via Pipe em Angular

Formatação de datas com pipes no Angular

Formatação de números com pipes no Angular

Formatação de moeda usando pipe no Angular

Encadeamento de Pipes no Angular

Lista de Pipes no Angular

Componentes

Componentes filhos no Angular

Transmitindo dados para um componente filho no Angular

Passando propriedades para um componente filho no Angular

Chamada Múltipla de Componente no Angular

Chamada de componente em loop no Angular

Transmitindo texto para um componente filho no Angular

Transmissão de dados para o setter de um componente filho no Angular

Transmitindo dados para o componente pai no Angular

Vinculação Bidirecional de Eventos no Angular

Alterando a tag de um componente filho no Angular

Ciclo de Vida dos Componentes

Ciclo de Vida de um Componente no Angular

Gancho ngOnInit no Angular

O Hook ngOnDestroy no Angular

Vários Hooks no Angular

Serviços

Introdução aos Serviços Angular

Criação de um Serviço no Angular

Utilizando um Serviço no Angular

Injeção de um Serviço em Outro no Angular

Roteamento

Roteamento no Angular

Criando um novo projeto para roteamento no Angular

Criação de componentes para roteamento no Angular

Configurando o roteamento básico no Angular

Tag para roteamento no Angular

Links para roteamento no Angular

Estilizando links ativos no Angular

Correspondência exata de URLs no Angular

Parâmetros de Rotas no Angular

Valores dos parâmetros de rotas no componente em Angular

Utilização de parâmetros de rota no componente em Angular

Parâmetros de rotas em links no Angular

Problema com alternância de links no Angular

Navegação Programática no Angular

Captura de todas as URLs no roteamento do Angular

Ordem das Rotas no Angular

Redirecionamento no Roteamento do Angular

Rotas Filhas em Angular