LUMIFY WORK Programación Angular 12

POR QUE ESTUDAR ESTE CURSO

Este curso completo de Programación Angular 12 é unha combinación de aprendizaxe teórica e laboratorios prácticos que inclúe unha introdución a Angular, seguida de TypeScript, compoñentes, directivas, servizos, cliente HTTP, probas e depuración.
O curso está cheo de información útil e útil que podes aplicar ao teu traballo de inmediato. Aprende os fundamentos do desenvolvemento básico de Angular 12, como aplicacións de navegador dunha soa páxina, responsive websitios e aplicacións móbiles híbridas.
Nota: Tamén podemos impartir formación sobre outras versións de Angular. Póñase en contacto connosco para facer unha consulta ou rexistrar o seu interese.

O QUE APRENDERÁS
Ao rematar con éxito este curso, poderás:

• Desenvolver aplicacións Angular dunha soa páxina usando Typescript
• Configura un ambiente de desenvolvemento Angular completo
• Crea compoñentes, directivas, servizos, canalizacións, formularios e validadores personalizados
• Xestiona tarefas avanzadas de recuperación de datos de rede usando Observables Consume datos de REST web servizos usando o cliente Angular HT TP Manexar conexións de datos push usando o WebProtocolo de enchufes
• Traballa con Angular Pipes para dar formato aos datos
• Use funcións avanzadas do enrutador de compoñentes angulares
• Probar e depurar aplicacións Angular usando ferramentas integradas.

TEMAS DO CURSO

Capítulo 1. Presentación de Angular

• Que é Angular?
• Características centrais do marco angular Casos de uso axeitados
• Bloques de construción dunha aplicación angular Arquitectura básica dunha aplicación angular Instalación e uso de Angular
• Anatomía dunha aplicación angular que executa a aplicación
• Creación e implantación da aplicación Angular para aplicacións móbiles nativas
• Resumo

Capítulo 2. Introdución a TypeScript

• Linguaxes de programación para usar coa sintaxe Angular TypeScript
• Editores de programación
• O sistema de tipos: definición de variables
• O sistema de tipos: definición de matrices
• Tipos primitivos básicos
• Escriba Funcións
• Tipo Inferencia
• Definición de clases
• Métodos de clase
• Control de visibilidade
• Construtores de clases
• Construtores de clases: campos de formulario alternativo non inicializados
• Interfaces
• Traballando con módulos ES6
• var vs let
• Funcións de frecha
• Función de frecha Cadas de modelos de sintaxe compacta
• Genéricos en clase
• Genéricos en función
• Resumo

Capítulo 3. Compoñentes

• Que é un Compoñente?
• Un Example Compoñente
• Creando un compoñente usando Angular CLI
• A clase de compoñentes
• O @Decorador de compoñentes
• Rexistrar un compoñente no seu modelo de compoñente de módulo
• Example: Modelo HelloComponent
• Example: A clase HelloComponent usando un compoñente
• Executar a Aplicación
• Xerarquía de compoñentes
• O compoñente raíz da aplicación
• O Bootstrap File
• Ciclo de vida dos compoñentes Example Lifecycle Hooks
• Estilos CSS
• Resumo

Capítulo 4. Modelos de compoñentes

• Modelos
• Localización do modelo
• A sintaxe de Bigote {{ }}
• Establecer as propiedades do elemento DOM
• Definición do texto do corpo do elemento
• Vinculación de eventos
• Manexador de eventos de expresión
• Evitar o manexo predeterminado
• Directivas de atributos
• Aplica estilos cambiando as clases CSS
• Example: ngClass
• Aplicando estilos directamente
• Directivas estruturais
• Modelo de execución condicional
• Example: ngSe
• Looping usando ngFor
• ngPara variables locais
• Manipulación da colección Example – Eliminar un elemento
• Seguimento de elementos con ngFor Intercambiar elementos con elementos de agrupación de ngSwitch
• Resumo da variable de referencia do modelo

Capítulo 5. Comunicación entre compoñentes

• Fundamentos da comunicación
• Arquitectura de fluxo de datos
• Preparando ao neno para recibir datos
• Enviar datos do pai
• Máis información sobre a configuración das propiedades
• Evento de disparo desde un compoñente
• @Output() Example – Compoñente fillo @Output() Example - Compoñente principal
• Encadernación bidireccional completa
• Configurar a vinculación de datos bidireccional en Parent
• Resumo

Capítulo 6. Formularios dirixidos por modelos

• Formularios impulsados ​​por modelos
• Módulo de importación de formularios
• Enfoque básico
• Configuración dun formulario
• Obtención de entrada de usuario
• Omitindo o atributo ngForm
• Inicializa o formulario
• Enlace de datos bidireccional
• Validación de formularios
• Validadores angulares
• Mostrando o estado de validación usando clases Tipos de entrada adicionais
• Casillas de verificación
• Seleccione os campos (abaixo).
• Opcións de renderizado para os campos Seleccionar (abaixo) Data
• Botóns de radio
• Resumo

Capítulo 7. Formas reactivas

• Formas reactivas terminadasview
• Os bloques de construción
• Importar ReactiveFormsModule
• Construír un formulario
• Deseña o modelo
• Obtención de valores de entrada
• Inicialización dos campos de entrada
• Establecemento de valores de formulario
• Subscrición aos cambios de entrada
• Validación
• Validadores incorporados
• Mostrando un erro de validación
• Validador personalizado
• Usando un validador personalizado
• Proporcionando configuración ao validador personalizado
• FormArray - Engade entradas dinámicamente
• FormArray: a clase de compoñentes
• FormArray - O modelo
• FormArray - Valores
• Sub FormGroups - Clase de compoñentes
• Sub FormGroups - Modelo HTML
• Por que usar Sub FormGroups
• Resumo

Capítulo 8. Servizos e Inxección da Dependencia

• Que é un Servizo?
• Creación dun servizo básico
• A clase de servizo
• Que é a inxección de dependencia?
• Inxección dunha instancia de servizo
• Inxectores
• Xerarquía do inxector
• Rexistrar un servizo co inxector raíz
• Rexistrar un servizo cun inxector de compoñentes
• Rexistra un servizo cun inxector de módulo de funcións
• Onde rexistrar un servizo?
• Inxección de dependencia noutros artefactos que proporcionan unha implementación alternativa Inxección de dependencia e @Host
• Inxección de dependencia e @Opcional
• Resumo

Capítulo 9. Cliente HTTP

• O cliente Angular HT TP
• Usando o cliente HT TP - Overview
• Importando HttpClientModule
• Servizo usando HttpClient
• Facendo unha solicitude GET
• Que fai un obxecto observable?
• Usando o servizo nun compoñente
• Xestión de erros do compoñente do cliente de PeopleService
• Personalización do obxecto de erro
• Facendo unha solicitude POST
• Facendo unha solicitude PUT
• Facendo unha solicitude de ELIMINACIÓN

Capítulo 10. Tubos e formato de datos

• Que son as tubaxes?
• Tubos incorporados
• Usando tubos en modelos HTML Encadeamento de tubos
• Tubos internacionalizados (i18n) Cargando datos de localización
• A data Pipe
• O número Pipe
• Tubo de divisas
• Crear un tubo personalizado
• Tubo personalizado Example
• Usando tubos personalizados
• Usando un tubo con ngFor
• Un tubo de filtro
• Categoría de tubos: puro e impuro
• Resumo
• Pipa Pura Example
• Tubo impuro Example
• Resumo

Capítulo 11. Introdución ás aplicacións dunha soa páxina

• Que é unha aplicación de páxina única (SPA) tradicional Web Aplicación
• Fluxo de traballo do SPA
• Aplicación de páxina única Advantages HTML5 History API
• Desafíos SPA
• Implementación de SPA usando Resumo angular

Capítulo 12. O enrutador de compoñentes angulares

• O enrutador de compoñentes
• View Navegación
• A API Angular Router
• Creación dunha aplicación habilitada para o enrutador
• Aloxamento dos compoñentes encamiñados
• Navegación mediante ligazóns e botóns
• Navegación programática
• Paso de parámetros de ruta
• Navegación con parámetros de ruta
• Obtención dos valores dos parámetros de ruta
• Recuperando o parámetro de ruta de forma sincronizada
• Recuperando un parámetro de ruta de forma asíncrona
• Parámetros de consulta
• Fornecemento de parámetros de consulta
• Recuperando parámetros de consulta de forma asíncrona
• Problemas co manual URL entrada e marcadores
• Resumo

Capítulo 13. Cliente HTTP avanzado

• Opcións de solicitude
• Devolvendo un obxecto HttpResponse
• Establecer cabeceiras de solicitude
• Creación de novos observables
• Creación dun simple observable
• O Método do Construtor Observable Operadores observables
• O mapa e os operadores de filtro
• O operador flatMap().
• O operador tap().
• O combinador zip().
• Almacenamento en caché da resposta HT TP
• Realización de chamadas HT TP secuenciais
• Realización de chamadas paralelas
• Personalizando o obxecto de erro con catchError()
• Erro en Pipeline
• Recuperación de erros
• Resumo

Capítulo 14. Módulos angulares

• Por que os módulos angulares?
• Anatomía dunha clase de módulo
• @NgModule Propiedades
• Módulos de características
• Example Estrutura do módulo
• Crear un módulo de dominio
• Crear un par de módulos de enrutamento/enrutamento
• Crear un módulo de servizo
• Creación de módulos comúns

Capítulo 15. Enrutamento avanzado

• Módulo de funcións habilitados para enrutamento
• Usando o módulo de funcións
• Cargando preguiceiro o módulo de funcións
• Creación de ligazóns para os compoñentes do módulo de funcións
• Máis información acerca de Lazy Loading
• Módulos de precarga
• Ruta predeterminada
• Camiño de ruta comodín
• redirixir a
• Rutas Infantiles
• Definición de rutas infantís
• para Rutas Infantiles
• Ligazóns para Rutas Infantiles
• Gardas de navegación
• Creación de implementacións de garda
• Usando gardas nunha ruta
• Resumo

Capítulo 16. Aplicacións angulares de probas unitarias

• Proba unitaria de artefactos angulares
• Ferramentas de proba
• Pasos típicos da proba
• Resultados da proba
• Jasmine Test Suites
• Especificacións de Jasmine (probas unitarias)
• Expectativas (afirmacións)
• Matchers
• Exampficheiros de Uso de Matchers
• Usando a propiedade not
• Configuración e desmontaxe en unidades de probas unitarias
• Example das funcións beforeEach e afterEach
• Módulo de proba angular
• Exampo Módulo de proba angular
• Probando un servizo
• Inxección dunha instancia de servizo
• Proba un método síncrono
• Proba un método asíncrono
• Usando Mock HT TP Client
• Fornecendo resposta predefinida
• Probando un compoñente
• Módulo de proba de compoñentes
• Creación dunha instancia de compoñente
• A clase ComponentFixture
• Probas de compoñentes básicos
• A clase DebugElement
• Simulación da interacción do usuario
• Resumo

Capítulo 17. Depuración

• Acabadoview de Depuración Angular
• Viewintroducindo o código TypeScript no depurador
• Usando a palabra clave do depurador
• Rexistro de depuración
• Que é Angular DevTools?
• Usando Angular DevTools
• Angular DevTools - Estrutura de compoñentes
• Angular DevTools - Execución de detección de cambios
• Captación de erros de sintaxe
• Resumo

Exercicios de laboratorio

• Práctica de laboratorio 1. Introdución a Angular
• Práctica de laboratorio 2. Introdución a TypeScript
• Práctica de laboratorio 3. Introdución aos compoñentes
• Práctica de laboratorio 4. Modelo de compoñentes
• Práctica de laboratorio 5. Crear un compoñente de galería de fotos
• Práctica de laboratorio 6. Formulario dirixido por modelos
• Práctica de laboratorio 7. Crear un formulario de edición
• Laboratorio 8. Forma reactiva
• Práctica de laboratorio 9. Desenvolver un servizo
• Práctica de laboratorio 10. Desenvolver un cliente HT TP
• Práctica de laboratorio 11. Utilizar tubos
• Práctica de laboratorio 12. Aplicación básica dunha soa páxina usando o router Práctica de laboratorio 13. Creación dunha aplicación de páxina única (SPA)
• Práctica de laboratorio 14. Cliente HT TP avanzado
• Práctica de laboratorio 15. Usando Angular Bootstrap
• Práctica de laboratorio 16. Carga do módulo preguiceiro
• Práctica de laboratorio 17. Enrutamento avanzado
• Práctica de laboratorio 18. Probas unitarias
• Práctica de laboratorio 19. Depuración de aplicacións angulares

PARA QUEN É O CURSO?
Este curso está dirixido a calquera persoa que necesite aprender os fundamentos do desenvolvemento de Angular 12 e aplicalo á creación. web aplicacións de inmediato. Tamén podemos ofrecer e personalizar este curso de formación para grupos máis grandes, aforrandolle tempo, diñeiro e recursos á súa organización.

REQUISITOS
Web Requírese experiencia de desenvolvemento usando HTML, CSS e JavaScript para sacar o máximo proveito deste curso de Angular. Tamén é útil o coñecemento do navegador DOM. Non é necesaria experiencia previa en Angular, con AngularJS ou calquera versión de Angular.
https://www.lumifywork.com/en-au/courses/angular-12-programming/

Documentos/Recursos

LUMIFY WORK Programación Angular 12 [pdfGuía do usuario Angular 12 Programación, Angular, 12 Programación, Programación

Referencias

• Manual de usuario