Programa do Curso

Introdução

  • O que é o Angular?
  • O que há de novo em Angular 12?

Visão geral do Typescript e do ES6 JavaScript

  • Sintaxe do TypeScript
  • Usando o transpilador de TypeScript
  • Configurando Angular 12e Typescript

Resumo das partes de Angular 12's

  • CLI angular
  • Componentes
  • Directivas
  • Entradas e saídas
  • Vinculação e interpolação de dados
  • Vinculação de eventos
  • Modelação de dados
  • Bootstrapping
  • Webpack experimental

Criar a sua primeira aplicação Angular

  • Planear a aplicação
  • Configurando um projeto Angular
  • Criando uma UI amigável para dispositivos móveis usando Bootstrap 4 e Sass

Criação de um componente

  • Compreender o ciclo de vida dos componentes
  • Fluxo de dados
  • Utilizar modelos e estilos
  • Projetar conteúdo
  • Trabalhar com AppModule
  • Trabalhar com componentes personalizados
  • Utilizar o encapsulamento de vistas
  • Implementação de ganchos de ciclo de vida
  • Usando ViewChildren e ContentChildren

Vinculação de dados em Angular 12

  • Compreender a ligação de propriedades e eventos
  • Vinculação e atribuição de aliases a propriedades personalizadas
  • Vinculação e atribuição de aliases a eventos personalizados

Trabalhar com directivas

  • Directivas incorporadas
  • Directivas personalizadas

Angular 12 Serviços

  • Criar um serviço de registo
  • Criando um serviço de dados

Usando injeção de dependência e provedores

  • Injectores, fornecedor e tokens
  • Configurando a injeção de dependência
  • Configurando seu provedor
  • Injetando serviços em componentes, diretivas e serviços

Troca de páginas com roteamento

  • Compreender os diferentes métodos de navegação
  • Estratégias de encaminhamento
  • Configuração de rotas
  • Configurar e carregar itinerários
  • Utilização de parâmetros em itinerários
  • Criação de rotas aninhadas
  • Utilização de rotas de redireccionamento e curinga
  • Entendendo os Route Guards

Usando RxJS para criar e trabalhar com observáveis no Angular

  • Visão geral dos observáveis
  • Visão geral de RxJS
  • Construindo & Usando observáveis no Angular

Geração de formulários para entrada do utilizador

  • Utilizar os formulários baseados em modelos
  • Utilizar os formulários Reactive
  • Criar validação personalizada
  • Validação, filtragem e higienização de dados de formulários

Utilizar tubagens

  • Transformar a saída
  • Pipes incorporados
  • Pipe assíncrono
  • Pipes personalizados

Fazer chamadas para APIs HTTP externas

  • Envio de pedidos

Testar a aplicação Angular 12 

  • Usando Jasmine para testes unitários
  • Explorando Protractor alternativas para testes de ponta a ponta

Depurar a aplicação

  • Entendendo as mensagens de erro no Angular
  • Usando Sourcemaps para depurar código no navegador
  • Lendo TypeScript Diagnósticos do compilador
  • Usando o Augury para depurar dentro de um navegador

Otimizar a Angular 12 aplicação

  • Reformulação do código
  • Reduzir o tamanho do pacote e eliminar o código morto

Angular 12 Segurança

  • Como funciona a autenticação
  • Utilizar a autenticação JWT
  • O que deve e o que não deve ser escrito em Angular

Implementação de uma aplicação Angular 12 para produção

  • Implementação no IIS, Apache, Nginx, etc.

Angular 12 Melhores práticas

Resolução de problemas

Resumo e conclusão

Requisitos

  • Familiaridade com HTML básico, CSS e JavaScript

Público

  • Desenvolvedores
  • Programadores
  28 horas
 

Declaração de Clientes (2)

Cursos Relacionados

Categorias Relacionadas