Programação LUMIFY WORK Angular 12

POR QUE ESTUDAR ESTE CURSO

Este curso abrangente de programação Angular 12 é uma combinação de aprendizado teórico e laboratórios práticos que inclui uma introdução ao Angular, seguida de TypeScript, componentes, diretivas, serviços, cliente HTTP, testes e depuração.
O curso está repleto de informações úteis e práticas que você pode aplicar imediatamente ao seu trabalho. Aprenda os fundamentos do desenvolvimento básico do Angular 12, como aplicativos de navegador de página única, responsivos websites e aplicativos móveis híbridos.
Observação: Também podemos ministrar treinamento em outras versões do Angular. Entre em contato conosco para fazer uma consulta ou registrar seu interesse.

O QUE VOCÊ VAI APRENDER
Após a conclusão deste curso, você será capaz de:

• Desenvolva aplicativos Angular de página única usando Typescript
• Configure um ambiente de desenvolvimento Angular completo
• Crie componentes, diretivas, serviços, canais, formulários e validadores personalizados
• Lidar com tarefas avançadas de recuperação de dados de rede usando observáveis. Consumir dados de REST web serviços usando o Angular HT TP Client Manipule conexões de dados push usando o WebProtocolo de soquetes
• Trabalhe com Angular Pipes para formatar dados
• Use recursos avançados do Angular Component Router
• Teste e depure aplicativos Angular usando ferramentas integradas.

TEMAS DO CURSO

Capítulo 1. Apresentando Angular

• O que é Angular?
• Recursos centrais dos casos de uso apropriados da estrutura angular
• Blocos de construção de um aplicativo Angular Arquitetura básica de um aplicativo Angular Instalando e usando Angular
• Anatomia de um aplicativo Angular executando o aplicativo
• Construindo e implantando o aplicativo Angular para aplicativos móveis nativos
• Resumo

Capítulo 2. Introdução ao TypeScript

• Linguagens de programação para uso com sintaxe Angular TypeScript
• Editores de programação
• O Sistema de Tipos – Definindo Variáveis
• O sistema de tipos – definindo matrizes
• Tipos Primitivos Básicos
• Digite Funções
• Inferência de Tipos
• Definindo Classes
• Métodos de Classe
• Controle de visibilidade
• Construtores de classe
• Construtores de classe – campos não inicializados de formulário alternativo
• Interfaces
• Trabalhando com módulos ES6
• var vs let
• Funções de seta
• Strings de modelo de sintaxe compacta de função de seta
• Genéricos em aula
• Genéricos em Função
• Resumo

Capítulo 3. Componentes

• O que é um Componente?
• Um exampo Componente
• Criando um componente usando Angular CLI
• A classe de componentes
• O decorador @Component
• Registrando um componente em seu modelo de componente de módulo
• Examparquivo: modelo HelloComponent
• Examparquivo: A classe HelloComponent usando um componente
• Execute o aplicativo
• Hierarquia de Componentes
• O componente raiz do aplicativo
• O Bootstrap File
• Ganchos de ciclo de vida de componente Example Ganchos de ciclo de vida
• Estilos CSS
• Resumo

Capítulo 4. Modelos de Componentes

• Modelos
• Localização do modelo
• A sintaxe do bigode {{ }}
• Configurando propriedades do elemento DOM
• Configurando o texto do corpo do elemento
• Vinculação de evento
• Manipulador de eventos de expressão
• Impedir o tratamento padrão
• Diretivas de Atributos
• Aplicar estilos alterando classes CSS
• Examparquivo: ngClass
• Aplicando estilos diretamente
• Diretivas Estruturais
• Modelo de execução condicional
• Example: ngIf
• Loop usando ngFor
• ngPara variáveis ​​locais
• Manipulando a Coleção Example – Excluindo um item
• Rastreamento de itens com ngFor trocando elementos com elementos de agrupamento ngSwitch
• Resumo da variável de referência do modelo

Capítulo 5. Comunicação entre componentes

• Noções básicas de comunicação
• A arquitetura de fluxo de dados
• Preparando a criança para receber dados
• Enviar dados do pai
• Mais sobre como definir propriedades
• Disparando Evento de um Componente
• @Saída() Example – Componente filho @Output() Examparquivo – Componente pai
• Encadernação bidirecional completa
• Configurando a vinculação de dados bidirecional no pai
• Resumo

Capítulo 6. Formulários baseados em modelos

• Formulários baseados em modelos
• Módulo de Importação de Formulários
• Abordagem Básica
• Configurando um formulário
• Obtendo a opinião do usuário
• Omitindo o atributo ngForm
• Inicialize o formulário
• Ligação de dados bidirecional
• Validação de formulário
• Validadores Angulares
• Exibindo o estado de validação usando tipos de entrada adicionais de classes
• Caixas de seleção
• Selecione os campos (suspenso)
• Opções de renderização para campos de data selecionada (suspensa)
• Botões de rádio
• Resumo

Capítulo 7. Formulários reativos

• Formulários reativos encerradosview
• Os blocos de construção
• Importar módulo ReactiveForms
• Construir um formulário
• Projete o modelo
• Obtendo valores de entrada
• Inicializando os campos de entrada
• Definir valores de formulário
• Assinando alterações de entrada
• Validação
• Validadores integrados
• Mostrando erro de validação
• Validador Customizado
• Usando um validador personalizado
• Fornecendo configuração para validador personalizado
• FormArray – Adicionar entradas dinamicamente
• FormArray – A classe do componente
• FormArray – O modelo
• FormArray – Valores
• Sub FormGroups – Classe de Componente
• SubFormGroups – Modelo HTML
• Por que usar subformulários
• Resumo

Capítulo 8. Serviços e injeção de dependência

• O que é um serviço?
• Criando um serviço básico
• A classe de serviço
• O que é injeção de dependência?
• Injetando uma instância de serviço
• Injetores
• Hierarquia do injetor
• Registrando um serviço com o Root Injector
• Registrando um serviço com um injetor de componente
• Registre um serviço com um injetor de módulo de recursos
• Onde registrar um serviço?
• Injeção de Dependência em Outros Artefatos Fornecendo uma Implementação Alternativa Injeção de Dependência e @Host
• Injeção de dependência e @Optional
• Resumo

Capítulo 9. Cliente HTTP

• O cliente Angular HT TP
• Usando o cliente HT TP – Overview
• Importando HttpClientModule
• Serviço usando HttpClient
• Fazendo uma solicitação GET
• O que um objeto observável faz?
• Usando o serviço em um componente
• Tratamento de erros do componente cliente PeopleService
• Personalizando o objeto de erro
• Fazendo uma solicitação POST
• Fazendo uma solicitação PUT
• Fazendo uma solicitação DELETE

Capítulo 10. Pipes e formatação de dados

• O que são tubos?
• Tubos embutidos
• Usando Pipes em Pipes de Encadeamento de Modelo HTML
• Pipes internacionalizados (i18n) carregando dados de localidade
• O tubo de data
• O tubo numérico
• Tubo de moeda
• Crie um tubo personalizado
• Tubo personalizado Example
• Usando tubos personalizados
• Usando um Pipe com ngFor
• Um tubo de filtro
• Categoria de tubo: puro e impuro
• Resumo
• Tubo Puro Example
• Tubo Impuro Example
• Resumo

Capítulo 11. Introdução aos aplicativos de página única

• O que é um aplicativo de página única (SPA) tradicional Web Aplicativo
• Fluxo de trabalho do SPA
• Avanço de aplicativo de página únicatagé API de histórico HTML5
• Desafios de SPA
• Implementando SPA's usando resumo angular

Capítulo 12. O roteador de componente angular

• O roteador de componentes
• View Navegação
• A API do roteador angular
• Criando um aplicativo habilitado para roteador
• Hospedando os componentes roteados
• Navegação usando links e botões
• Navegação programática
• Passando parâmetros de rota
• Navegando com parâmetros de rota
• Obtendo os valores dos parâmetros de rota
• Recuperando o parâmetro de rota de forma síncrona
• Recuperando um parâmetro de rota de forma assíncrona
• Parâmetros de consulta
• Fornecendo parâmetros de consulta
• Recuperando parâmetros de consulta de forma assíncrona
• Problemas com Manual URL entrada e marcação
• Resumo

Capítulo 13. Cliente HTTP Avançado

• Opções de solicitação
• Retornando um objeto HttpResponse
• Configurando cabeçalhos de solicitação
• Criando novos observáveis
• Criando um Observável Simples
• O método do construtor observável Operadores observáveis
• Os operadores de mapa e filtro
• O operador flatMap()
• O operador tap()
• O combinador zip()
• Cache de resposta HT TP
• Fazendo chamadas HT TP sequenciais
• Fazendo chamadas paralelas
• Personalizando objeto de erro com catchError()
• Erro no pipeline
• Recuperação de erros
• Resumo

Capítulo 14. Módulos Angulares

• Por que módulos angulares?
• Anatomia de uma classe de módulo
• Propriedades @NgModule
• Módulos de recursos
• ExampEstrutura do Módulo
• Crie um módulo de domínio
• Crie um par de módulos roteados/de roteamento
• Crie um módulo de serviço
• Criando Módulos Comuns

Capítulo 15. Roteamento Avançado

• Módulo de recurso habilitado para roteamento
• Usando o Módulo de Recursos
• Carregamento lento do módulo de recursos
• Criando Links para os Componentes do Módulo de Recursos
• Mais sobre carregamento lento
• Pré-carregando Módulos
• Rota Padrão
• Caminho de rota curinga
• redirecionar para
• Rotas secundárias
• Definição de rotas secundárias
• para rotas secundárias
• Links para rotas secundárias
• Guardas de Navegação
• Criando Implementações de Guarda
• Usando guardas em uma rota
• Resumo

Capítulo 16. Teste de Unidade de Aplicações Angulares

• Artefatos angulares de teste unitário
• Ferramentas de teste
• Etapas típicas de teste
• Resultados dos testes
• Conjuntos de testes Jasmine
• Especificações do Jasmine (testes de unidade)
• Expectativas (afirmações)
• Combinadores
• Examparquivos de uso de matchers
• Usando a propriedade not
• Configuração e desmontagem em suítes de testes unitários
• Examparquivo de funções beforeEach e afterEach
• Módulo de teste angular
• Example Módulo de teste angular
• Testando um serviço
• Injetando uma instância de serviço
• Teste um método síncrono
• Teste um método assíncrono
• Usando o cliente Mock HT TP
• Fornecendo resposta pronta
• Testando um componente
• Módulo de teste de componentes
• Criando uma instância de componente
• A classe ComponentFixture
• Testes de componentes básicos
• A classe DebugElement
• Simulando a interação do usuário
• Resumo

Capítulo 17. Depuração

• Sobreview de depuração angular
• Viewlendo código TypeScript no depurador
• Usando a palavra-chave do depurador
• Registro de depuração
• O que é Angular DevTools?
• Usando Angular DevTools
• Angular DevTools – Estrutura do Componente
• Angular DevTools – Execução de detecção de alterações
• Capturando erros de sintaxe
• Resumo

Exercícios de laboratório

• Laboratório 1. Introdução ao Angular
• Laboratório 2. Introdução ao TypeScript
• Laboratório 3. Introdução aos componentes
• Laboratório 4. Modelo de Componente
• Laboratório 5. Crie um componente de galeria de fotos
• Laboratório 6. Formulário baseado em modelo
• Laboratório 7. Crie um formulário de edição
• Laboratório 8. Formulário Reativo
• Laboratório 9. Desenvolva um serviço
• Laboratório 10. Desenvolva um cliente HT TP
• Laboratório 11. Use tubos
• Laboratório 12. Aplicativo básico de página única usando roteador Laboratório 13. Crie um aplicativo de página única (SPA)
• Laboratório 14. Cliente HT TP avançado
• Laboratório 15. Usando Angular Bootstrap
• Laboratório 16. Carregamento lento de módulo
• Laboratório 17. Roteamento Avançado
• Laboratório 18. Teste de Unidade
• Laboratório 19. Depuração de aplicativos angulares

PARA QUEM É ESTE CURSO?
Este curso é direcionado a qualquer pessoa que precise aprender os fundamentos do desenvolvimento Angular 12 e aplicá-los na criação web aplicativos imediatamente. Também podemos oferecer e personalizar este curso de treinamento para grupos maiores – economizando tempo, dinheiro e recursos para sua organização.

PRERREQUISITOS
Web é necessária experiência em desenvolvimento usando HTML, CSS e JavaScript para aproveitar ao máximo este curso Angular. O conhecimento do DOM do navegador também é útil. Não é necessária experiência anterior em Angular, com AngularJS ou qualquer versão de Angular.
https://www.lumifywork.com/en-au/courses/angular-12-programming/

Documentos / Recursos

Programação LUMIFY WORK Angular 12 [pdf] Guia do Usuário Programação Angular 12, Angular, Programação 12, Programação

Referências

• Manual do usuário