Programa do Curso

Introdução

  • O que é Angular?
  • O que há de novo no Angular 10?

Visão geral do TypeScript e JavaScript ES6

  • Sintaxe do TypeScript
  • Usando o transpilador TypeScript
  • Configurando Angular 10 e TypeScript

Visão geral das partes do Angular 10

  • CLI do Angular
  • Componentes
  • Diretivas
  • Entradas e Saídas
  • Data Binding e Interpolação
  • Event Binding
  • Modelagem de Dados
  • Inicialização (Bootstrapping)

Criando seu primeiro aplicativo Angular

  • Planejando o Aplicativo
  • Configurando um Projeto Angular
  • Criando uma interface de usuário amigável para dispositivos móveis usando Bootstrap 4 e Sass

Criando um Componente

  • Compreendendo o Ciclo de Vida do Componente
  • Fluxo de Dados
  • Usando Modelos e Estilos
  • Projetando Conteúdo
  • Trabalhando com AppModule
  • Trabalhando com Componentes Personalizados
  • Usando Encapsulamento de Visualização
  • Implementando Hooks de Ciclo de Vida
  • Usando ViewChildren e ContentChildren

Data Binding no Angular 10

  • Compreendendo Property e Event Binding
  • Binding e Atribuição de Aliases para Propriedades Personalizadas
  • Binding e Atribuição de Aliases para Eventos Personalizados

Trabalhando com Diretivas

  • Diretivas Incorporadas (Built-in)
  • Diretivas Personalizadas

Serviços do Angular 10

  • Criando um Serviço de Registro (Logging Service)
  • Criando um Serviço de Dados

Usando Injeção de Dependência e Providers

  • Injetores, Provider e Tokens
  • Configurando a Injeção de Dependência
  • Configurando seu Provider
  • Injetando Serviços em Componentes, Diretivas e Serviços

Mudando Páginas com Rotas (Routing)

  • Compreendendo 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 (Nested Routes)
  • Usando Redirecionamentos e Rotas Wildcard
  • Compreendendo Guardas de Rota (Route Guards)

Usando RxJS para Criar e Trabalhar com Observables no Angular

  • Visão geral dos Observables
  • Visão geral do RxJS
  • Criando & Usando Observables no Angular

Gerando Formulários para Entrada de Usuário

  • Usando Formulários Guiados por Modelo (Template Driven Forms)
  • Usando Formulários Reactivos (Reactive Forms)
  • Criando validação personalizada
  • Validando, filtrando e sanitizando dados de formulário

Usando Pipes

  • Transformando saída
  • Pipes Incorporados (Built-in)
  • Pipe Assíncrono (Async Pipe)
  • Pipes Personalizados

Fazendo Chamadas para APIs HTTP Externas

  • Enviando solicitações

  • Usando Módulos do Angular

    Testando o Aplicativo Angular 10

    • Usando Jasmine para testes unitários
    • Usando Protractor para testes de ponta a ponta (end-to-end)

    • Depurando o Aplicativo

      • Compreendendo Mensagens de Erro no Angular
      • Usando Mapas de Origem para Depurar Código no Navegador (Sourcemaps)
      • Lendo Diagnósticos do Compilador TypeScript
      • Usando Augury

      • Otimizando o Aplicativo Angular 10

        • Reworking the code (Reestruturando o código)
        • Reducing bundle size and eliminating dead-code (Reduzindo o tamanho do bundle e eliminando código morto)

        • Segurança no Angular 10

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

          • Implantando um Aplicativo Angular 10 na Produção

            • Implantando no IIS, Apache, Nginx, etc.

            • Melhores Práticas do Angular 10

              Troubleshooting (Resolução de Problemas)

              Conclusão e Resumo

Requisitos

  • Familiaridade com HTML básico, CSS e JavaScript

Público-alvo

  • Desenvolvedores
 28 Horas

Número de participantes


Preço por Participante

Declaração de Clientes (4)

Próximas Formações Provisórias

Categorias Relacionadas