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 Jasmine para testes unitários
- Usando Protractor para testes de ponta a ponta (end-to-end)
- 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
- Reworking the code (Reestruturando o código)
- Reducing bundle size and eliminating dead-code (Reduzindo o tamanho do bundle e eliminando código morto)
- Como a autenticação funciona
- Usando Autenticação JWT
- O que deve e o que não deve ser escrito em Angular
- Implantando no IIS, Apache, Nginx, etc.
Usando Módulos do Angular
Testando o Aplicativo Angular 10
Depurando o Aplicativo
Otimizando o Aplicativo Angular 10
Segurança no Angular 10
Implantando um Aplicativo Angular 10 na Produção
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
Declaração de Clientes (4)
A atitude e os conhecimentos do formador
Gabriel Llaurado - Allianz Technology
Curso - Angular 10 for Developers
Máquina Traduzida
O conhecimento da estrutura.
Jeffry Gonzalez - Allianz Technology
Curso - Angular 10 for Developers
Máquina Traduzida
Partimos da base de Angular e TS e aumentámos a dificuldade dos exercícios de uma forma correcta
Daniel Zamorano Infante - Allianz Technology
Curso - Angular 10 for Developers
Máquina Traduzida
Exemplos práticos, exercícios e melhores práticas
Bartosz Zawistowski - Capgemini Polska Sp. z o.o.
Curso - Angular 10 for Developers
Máquina Traduzida