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
 28 Horas

Número de participantes


Preço por Participante

Declaração de Clientes (4)

Próximas Formações Provisórias

Categorias Relacionadas