Programa do Curso
Introdução
- O que é Angular?
- O que há de novo no Angular 12?
Visão geral do TypeScript e ES6 JavaScript
- Sintaxe do TypeScript
- Usando o transpiler do TypeScript
- Configurando Angular 12 e TypeScript
Visão geral das partes do Angular 12
- CLI do Angular
- Componentes
- Diretivas
- Entradas e Saídas
- Vinculação de Dados e Interpolação
- Vinculação de Eventos
- Modelagem de Dados
- Inicialização
- Webpack Experimental
Criando sua primeira aplicação Angular
- Planejando a Aplicação
- Configurando um Projeto Angular
- Criando uma interface de usuário amigável para dispositivos móveis usando Bootstrap 4 e Sass
Criando um Componente
- Entendendo o Ciclo de Vida do Componente
- Fluxo de Dados
- Usando Modelos e Estilos
- Projetando Conteúdo
- Trabalhando com AppModule
- Trabalhando com Componentes Personalizados
- Usando View Encapsulation
- Implementando Hooks de Ciclo de Vida
- Usando ViewChildren e ContentChildren
Vinculação de Dados no Angular 12
- Entendendo a Vinculação de Propriedades e Eventos
- Vinculação e Atribuição de Aliases para Propriedades Personalizadas
- Vinculação e Atribuição de Aliases para Eventos Personalizados
Trabalhando com Diretivas
- Diretivas Incorporadas
- Diretivas Personalizadas
Serviços do Angular 12
- Criando um Serviço de Registro
- Criando um Serviço de Dados
Usando Injeção de Dependência e Provedores
- Injetores, Provedor e Tokens
- Configurando a Injeção de Dependência
- Configurando seu Provedor
- Injetando Serviços em Componentes, Diretivas e Serviços
Mudando Páginas com Rotas
- Entendendo os Diferentes Métodos de Navegação
- Estratégias de Rota
- Configurando Rotas
- Configurando e Carregando Rotas
- Usando Parâmetros em Rotas
- Criando Rotas Aninhadas
- Usando Redirecionamento e Rotas Wildcard
- Entendendo Guardiões de Rota
Usando RxJS para Criar e Trabalhar com Observáveis no Angular
- Visão geral dos Observáveis
- Visão geral do RxJS
- Criando e Usando Observáveis no Angular
Geração de Formulários para Entrada de Usuário
- Usando Formulários Guiados por Modelo
- Usando Formulários Reativos
- Criando validação personalizada
- Validando, filtrando e sanitizando dados de formulário
Usando Pipes
- Transformando a saída
- Pipes Incorporados
- Pipe Async
- Pipes Personalizados
Fazendo Chamadas para APIs HTTP Externas
- Enviando solicitações
Testando a Aplicação Angular 12
- Usando Jasmine para testes unitários
- Explorando alternativas ao Protractor para testes de ponta a ponta
Depurando a Aplicação
- Entendendo as Mensagens de Erro no Angular
- Usando Sourcemaps para Depurar Código no Navegador
- Lendo diagnósticos do Compilador TypeScript
- Usando Augury para depuração dentro do navegador
Otimizando a Aplicação Angular 12
- Reescrevendo o código
- Reduzindo o tamanho dos pacotes e eliminando código morto
Segurança do Angular 12
- Como a autenticação funciona
- Usando autenticação JWT
- O que deve e o que não deve ser escrito no Angular
Implantando uma Aplicação Angular 12 em Produção
- Implantando no IIS, Apache, Nginx, etc.
Melhores Práticas do Angular 12
Solução de Problemas
Resumo e Conclusão
Requisitos
- Familiaridade com HTML básico, CSS e JavaScript
Público-alvo
- Desenvolvedores
- Programadores
Declaração de Clientes (4)
Instruções sobre paciência e metodologia
Danilo Jo - CEDSIF, IP - Ministry of Finance
Curso - Angular 12
Máquina Traduzida
A experiência e a paciência do treinador.
Norberto Mugube - CEDSIF, IP - Ministry of Finance
Curso - Angular 12
Máquina Traduzida
Gostei do estilo de ensino
Gautchi Chambe - CEDSIF, IP - Ministry of Finance
Curso - Angular 12
Máquina Traduzida
Pipeline Rotas Binding de Dados Serviços
Edmundo Manave - CEDSIF, IP - Ministry of Finance
Curso - Angular 12
Máquina Traduzida