APLICAÇÃO E WEB DESENVOLVIMENTO
Programação Angular 15
COMPRIMENTO 5 dias
VERSÃO 15
POR QUE ESTUDAR ESTE CURSO
Este curso de treinamento Angular 15 intensivo e abrangente oferece aos participantes habilidades que eles podem usar imediatamente em seu trabalho. Você aprenderá os fundamentos do desenvolvimento Angular 15, como aplicativos de navegador de página única, aplicativos responsivos websites e aplicativos móveis híbridos.
Este curso é 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, HTTPClient, testes e depuração.
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.
ANGULAR NO TRABALHO LUMIFY
O QUE VOCÊ VAI APRENDER
Ao concluir com êxito este curso, você terá o conhecimento para:
- 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
- Lide com tarefas avançadas de recuperação de dados de rede usando Observáveis
- Consumir dados do REST web serviços usando o cliente Angular HTTP
- Lidar com íons de conexão push-data usando o WebProtocolo de soquete
- Trabalhe com Angular Pipes para formatar dados
- Use recursos avançados do Angular Component Router
- Teste e depure aplicativos Angular usando ferramentas integradas
- Trabalhar com Angular CLI
Meu instrutor foi ótimo por poder colocar cenários em instâncias do mundo real relacionadas à minha situação específica.
Senti-me bem-vindo desde o momento em que cheguei e a capacidade de sentar em grupo fora da sala de aula para discutir nossas situações e nossos objetivos foi extremamente valiosa.
Aprendi muito e senti que era importante que os meus objetivos ao frequentar este curso fossem alcançados.
Excelente trabalho, equipe Lumify Work.
AMANDA NICOL
GERENTE DE SERVIÇOS DE SUPORTE DE TI – HEALTH WORLD LIMITED
TEMAS DO CURSO
- Apresentando Angular
• O que é Angular?
• Recursos Centrais da Estrutura Angular
• Casos de uso apropriados
• Blocos de construção de um aplicativo angular
• Arquitetura Básica de uma Aplicação Angular
• Instalando e usando Angular
• Anatomia de uma Aplicação Angular
• Executando o aplicativo
• Construindo e implantando o aplicativo
• Angular para aplicativos móveis nativos - Introdução ao TypeScript
• Linguagens de programação para uso com Angular
• Sintaxe 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 tipo
• Definição de Classes
• Métodos de Classe
• Controle de visibilidade
• Construtores de classe
• Construtores de Classe – Forma Alternativa
• Campos não inicializados
• Interfaces
• Trabalhando com Módulos ES6
• var vs let
• Funções de seta
• Sintaxe compacta da função de seta
• Cadeias de modelos
• Genéricos em aula
• Genéricos em função - Componentes
• O que é um componente?
• Um exampo Componente
• Criando um componente usando Angular CLI
• A classe do componente
• O decorador @Component
• Registrando um componente em seu módulo
• Modelo de Componente
•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 componentes
•Example Ganchos de ciclo de vida
• Estilos CSS - Modelos de componentes
• Modelos
• Localização do modelo
• A sintaxe do bigode {{ }}
• Definir propriedades do elemento DOM
• Definir 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
• Aplicar estilos diretamente
• Diretivas Estruturais
• Modelo de execução condicional
•Example: ngIf
• Loop usando ngFor
• ngFor variáveis locais
• Manipulando a Coleção
•Example – Excluindo um item
• Rastreamento de itens com ngFor
• Troca de elementos com ngSwitch
• Agrupamento de Elementos
• Variável de referência de modelo - 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
• Disparar Evento de um Componente
• @Saída() Example – Componente Filho
• @Saída() Examparquivo – Componente pai
• Encadernação bidirecional completa
• Configurando a vinculação de dados bidirecional no pai - 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
• Vinculação de dados bidirecional
• Validação de formulário
• Validadores Angulares
• Exibindo o estado de validação usando classes
• Tipos de entrada adicionais
• Caixas de seleção
• Selecionar campos (suspenso)
• Opções de renderização para seleção (lista suspensa)
• Campos de data
• Botões do rádio - Formulários Reativos
• Formulários reativos encerradosview
• Os blocos de construção
• Importar módulo de formulários reativos
• Construir um formulário
• Projetar 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 Personalizado
• Usando um validador personalizado
• Fornecimento de configuração para validador personalizado
• FormArray – Adicionar entradas dinamicamente
• FormArray – A classe do componente
• FormArray – O modelo
• FormArray – Valores
• SubFormGroups – Classe de Componente
• SubFormGroups – Modelo HTML
• Por que usar SubFormGroups - 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
• Registrar um serviço com um injetor de módulo de recursos
• Onde registrar um serviço?
• Injeção de dependência em outros artefatos
• Fornecer uma implementação alternativa
• Injeção de Dependência e @Host
• Injeção de dependência e @Optional - Cliente HTTP
• O cliente HTTP Angular
• Usando o cliente HTTP – 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
• O componente cliente PeopleService
• Manipulação de erros
• Personalizando o objeto de erro
• Fazendo uma solicitação POST
• Fazendo uma solicitação PUT
• Fazendo uma solicitação DELETE - Pipes e formatação de dados
• O que são tubos?
• Tubos embutidos
• Usando Pipes em Modelo HTML
• Encadeamento de tubos
• Tubulações internacionalizadas (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
• Tubo Puro Example
• Tubo Impuro Example - 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 únicatages
• API de histórico HTML5
• Desafios de SPA
• Implementando SPA's usando Angular - 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
• Obtenção dos 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
• Fornecimento de parâmetros de consulta
• Recuperando parâmetros de consulta de forma assíncrona
• Problemas com Manual URL entrada e marcação - Cliente HTTP Avançado
• Opções de solicitação
• Retornando um objeto HttpResponse
• Definir cabeçalhos de solicitação
• Criação de 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 HTTP
• Fazendo chamadas HTTP sequenciais
• Fazendo chamadas paralelas
• Personalizando o objeto Error com catchError()
• Erro no pipeline
• Recuperação de erros - 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
• Criar um par de módulos roteados/de roteamento
• Crie um Módulo de Serviço
• Criação de Módulos Comuns
• Usando um módulo de outro - Roteamento avançado
• Módulo de recurso habilitado para roteamento
• Usando o Módulo de Recursos
• Carregamento lento do módulo de recursos
• Criação de links para os componentes do módulo de recursos
• Mais sobre carregamento lento
• Pré-carregamento de Módulos
• ligação routerLinkActive
• Rota Padrão
• Caminho de rota curinga
• redirecionar para
• Rotas secundárias
• Definindo rotas secundárias para rotas secundárias
• Links para rotas secundárias
• Guardas de Navegação
• Criação de implementações de guarda
• Usando guardas em uma rota - Aplicativos Angulares de Teste de Unidade
• Testes unitários de artefatos angulares
• Ferramentas de teste
• Etapas típicas de teste
• Resultado dos testes
• Conjuntos de testes Jasmine
• Especificações Jasmine (testes unitários)
• Expectativas (Afirmações)
• Correspondentes
•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
• Testar um método síncrono
• Testar um método assíncrono
• Usando cliente HTTP simulado
• Fornecimento de 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
• Simulação da interação do usuário - Depuração
• Sobreview de depuração angular
• Viewlendo código TypeScript no depurador
• Usando a palavra-chave debugger
• Registro de depuração
• O que é Angular DevTools?
• Usando DevTools Angulares
• Angular DevTools – Estrutura de Componentes
• Angular DevTools – Execução de detecção de alterações
• Captura de erros de sintaxe
PARA QUEM É ESTE CURSO?
Este curso é direcionado a qualquer pessoa que precise aprender os fundamentos do desenvolvimento Angular 15 e aplicá-los imediatamente na criação web aplicações.
Também podemos oferecer e personalizar este curso de treinamento para grupos maiores – economizando tempo, dinheiro e recursos para sua organização. Para mais informações, entre em contato conosco através do e-mail ph.training@lumifywork.com
PRERREQUISITOS
- Web experiência de desenvolvimento usando HTML, CSS e JavaScript é necessária para aproveitar ao máximo este curso Angular
- O conhecimento do DOM do navegador também é útil
- Nenhuma experiência anterior em Angular ou AngularJS é necessária
A oferta deste curso pela Lumify Work rege-se pelos termos e condições de reserva.
Por favor, leia os termos e condições cuidadosamente antes de se inscrever neste curso, pois a inscrição no curso está condicionada à aceitação destes termos e condições.
https://www.lumifywork.com/en-ph/courses/angular-15-programming/
ph.training@lumifywork.com
lumifywork.com
facebook.com/LumifyWorkPh
linkedin.com/company/lumify-work-ph
twitter.com/LumifyWorkPH
youtube.com/@lumifywork
Documentos / Recursos
 |
Programação LUMIFY WORK Angular 15 [pdf] Guia do Usuário Programação Angular 15, Programação |
