LUMIFY TRABAJO Programación Angular 12

POR QUÉ ESTUDIAR ESTE CURSO

Este curso integral de programación de Angular 12 es una combinación de aprendizaje teórico y laboratorios prácticos que incluye una introducción a Angular, seguida de TypeScript, componentes, directivas, servicios, cliente HTTP, pruebas y depuración.
El curso está repleto de información útil y práctica que puede aplicar a su trabajo de inmediato. Aprenda los fundamentos del desarrollo básico de Angular 12, como aplicaciones de navegador de una sola página, responsivas websitios web y aplicaciones móviles híbridas.
Nota: También podemos impartir formación sobre otras versiones de Angular. Por favor contáctenos para realizar una consulta o registrar su interés.

AL FINAL DEL CURSO, PODRÁ
Al completar con éxito este curso, podrá:

• Desarrolle aplicaciones Angular de una sola página usando Typecript
• Configurar un entorno de desarrollo Angular completo
• Cree componentes, directivas, servicios, canalizaciones, formularios y validadores personalizados
• Maneje tareas avanzadas de recuperación de datos de red utilizando Observables. Consuma datos de REST. web servicios que utilizan el cliente Angular HT TP Manejar conexiones de datos push utilizando el WebProtocolo de sockets
• Trabajar con Angular Pipes para formatear datos
• Utilice funciones avanzadas del enrutador de componentes angulares
• Pruebe y depure aplicaciones Angular utilizando herramientas integradas.

MATERIAS DEL CURSO

Capítulo 1. Introducción a Angular

• ¿Qué es Angular?
• Características centrales de los casos de uso apropiados de Angular Framework
• Bloques de construcción de una aplicación Angular Arquitectura básica de una aplicación Angular Instalación y uso de Angular
• Anatomía de una aplicación angular Ejecutando la aplicación
• Creación e implementación de la aplicación Angular para aplicaciones móviles nativas
• Resumen

Capítulo 2. Introducción a TypeScript

• Lenguajes de programación para usar con la sintaxis de Angular TypeScript
• Editores de programación
• El sistema de tipos: definición de variables
• El sistema de tipos: definición de matrices
• Tipos primitivos básicos
• Escriba funciones
• Inferencia de tipos
• Definición de clases
• Métodos de clase
• Control de visibilidad
• Constructores de clases
• Constructores de clases: campos no inicializados de forma alternativa
• Interfaces
• Trabajar con módulos ES6
• var vs dejar
• Funciones de flecha
• Cadenas de plantilla de sintaxis compacta de función de flecha
• Genéricos en clase
• Genéricos en función
• Resumen

Capítulo 3. Componentes

• ¿Qué es un componente?
• Un exampel componente
• Crear un componente usando Angular CLI
• La clase de componente
• El decorador @Component
• Registro de un componente en su plantilla de componente de módulo
• Examparchivo: Plantilla HelloComponent
• Examparchivo: La clase HelloComponent usando un componente
• Ejecute la aplicación
• Jerarquía de componentes
• El componente raíz de la aplicación
• El arranque File
• Ganchos del ciclo de vida de los componentes ExampLos ganchos del ciclo de vida
• Estilos CSS
• Resumen

Capítulo 4. Plantillas de componentes

• Plantillas
• Ubicación de la plantilla
• El bigote {{ }} Sintaxis
• Configuración de propiedades del elemento DOM
• Texto del cuerpo del elemento de configuración
• Enlace de eventos
• Controlador de eventos de expresión
• Evitar el manejo predeterminado
• Directivas de atributos
• Aplicar estilos cambiando las clases de CSS
• Examparchivo: ngClass
• Aplicar estilos directamente
• Directivas estructurales
• Plantilla de ejecución condicional
• Examparchivo: ngSi
• Bucle usando ngFor
• ngPara variables locales
• Manipulación de la colección Example – Eliminar un elemento
• Seguimiento de elementos con ngPara intercambiar elementos con elementos de agrupación ngSwitch
• Resumen de variables de referencia de plantilla

Capítulo 5. Comunicación entre componentes

• Conceptos básicos de comunicación
• La arquitectura del flujo de datos
• Preparar al niño para recibir datos
• Enviar datos desde el padre
• Más información sobre la configuración de propiedades
• Evento de disparo desde un componente
• @Salida() Ejemploample - Componente secundario @Output() Ejemploample – Componente principal
• Encuadernación bidireccional completa
• Configurar el enlace de datos bidireccional en padre
• Resumen

Capítulo 6. Formularios basados ​​en plantillas

• Formularios basados ​​en plantillas
• Módulo de importación de formularios
• Enfoque básico
• Configurar un formulario
• Obtener información del usuario
• Omitir el atributo ngForm
• Inicializar el formulario
• Enlace de datos bidireccional
• Validación de formularios
• Validadores angulares
• Visualización del estado de validación mediante clases Tipos de entrada adicionales
• Casillas de verificación
• Seleccionar campos (desplegables)
• Opciones de representación para campos de fecha seleccionados (desplegables)
• Botones de radio
• Resumen

Capítulo 7. Formas reactivas

• Formas reactivas terminadasview
• Los bloques de construcción
• Importar módulo de formularios reactivos
• Construir un formulario
• Diseñar la plantilla
• Obtener valores de entrada
• Inicializando los campos de entrada
• Establecer valores de formulario
• Suscribirse a cambios de entrada
• Validación
• Validadores incorporados
• Mostrando error de validación
• Validador personalizado
• Usando un validador personalizado
• Suministro de configuración al validador personalizado
• FormArray: agregar entradas dinámicamente
• FormArray: la clase de componente
• FormArray: la plantilla
• FormArray – Valores
• Subformularios – Clase de componente
• Subgrupos de formularios – Plantilla HTML
• Por qué utilizar subgrupos de formularios
• Resumen

Capítulo 8. Servicios e inyección de dependencia

• ¿Qué es un servicio?
• Creando un servicio básico
• La clase de servicio
• ¿Qué es la inyección de dependencia?
• Inyectar una instancia de servicio
• inyectores
• Jerarquía de inyectores
• Registrar un servicio con Root Injector
• Registro de un servicio con un inyector de componente
• Registrar un servicio con un inyector de módulo de funciones
• ¿Dónde registrar un servicio?
• Inyección de dependencia en otros artefactos que proporcionan una implementación alternativa Inyección de dependencia y @Host
• Inyección de dependencia y @Optional
• Resumen

Capítulo 9. Cliente HTTP

• El cliente Angular HT TP
• Uso del cliente HTTP – Másview
• Importando HttpClientModule
• Servicio utilizando HttpClient
• Hacer una solicitud GET
• ¿Qué hace un objeto observable?
• Uso del servicio en un componente
• Manejo de errores del componente cliente PeopleService
• Personalizando el objeto de error
• Hacer una solicitud POST
• Hacer una solicitud PUT
• Realizar una solicitud de ELIMINACIÓN

Capítulo 10. Tuberías y formato de datos

• ¿Qué son las tuberías?
• Tuberías empotradas
• Uso de tuberías en plantillas HTML Encadenamiento de tuberías
• Tuberías internacionalizadas (i18n) Cargando datos locales
• La pipa de la fecha
• El numero de pipa
• Tubo de moneda
• Crear una tubería personalizada
• Tubería personalizada Example
• Usando tuberías personalizadas
• Usando una tubería con ngFor
• Un tubo de filtro
• Categoría de pipa: pura e impura
• Resumen
• Tubo puro example
• Tubo impuro example
• Resumen

Capítulo 11. Introducción a las aplicaciones de una sola página

• ¿Qué es una Solicitud de Página Única (SPA) Tradicional? Web Solicitud
• Flujo de trabajo de SPA
• Aplicación de una sola página AdvantagAPI de historial HTML5
• Desafíos del SPA
• Implementación de SPA utilizando resumen angular

Capítulo 12. El enrutador de componentes angulares

• El enrutador de componentes
• View Navegación
• La API del enrutador angular
• Crear una aplicación habilitada para enrutador
• Alojamiento de los componentes enrutados
• Navegación mediante enlaces y botones
• Navegación programática
• Pasar parámetros de ruta
• Navegando con parámetros de ruta
• Obtención de los valores de los parámetros de ruta
• Recuperar el parámetro de ruta sincrónicamente
• Recuperar un parámetro de ruta de forma asincrónica
• Parámetros de consulta
• Proporcionar parámetros de consulta
• Recuperar parámetros de consulta de forma asincrónica
• Problemas con manuales URL entrada y marcadores
• Resumen

Capítulo 13. Cliente HTTP avanzado

• Opciones de solicitud
• Devolver un objeto HttpResponse
• Configuración de encabezados de solicitud
• Creando nuevos observables
• Creando un observable simple
• El método del constructor observable Operadores observables
• El mapa y los operadores de filtro.
• El operador flatMap()
• El operador tap()
• El combinador zip()
• Almacenamiento en caché de respuesta HT TP
• Realizar llamadas HT TP secuenciales
• Realizar llamadas paralelas
• Personalizando el objeto de error con catchError()
• Error en la canalización
• Recuperación de errores
• Resumen

Capítulo 14. Módulos angulares

• ¿Por qué módulos angulares?
• Anatomía de una clase de módulo
• Propiedades de @NgModule
• Módulos de funciones
• Exampla estructura del módulo
• Crear un módulo de dominio
• Crear un par de módulos enrutados/enrutados
• Crear un módulo de servicio
• Crear módulos comunes

Capítulo 15. Enrutamiento avanzado

• Módulo de funciones habilitadas para enrutamiento
• Usando el módulo de funciones
• Carga diferida del módulo de funciones
• Crear vínculos para los componentes del módulo de funciones
• Más información sobre la carga diferida
• Módulos de precarga
• Ruta predeterminada
• Ruta de ruta comodín
• redirigir a
• Rutas infantiles
• Definición de rutas secundarias
• para rutas infantiles
• Enlaces para Rutas Infantiles
• Guardias de navegación
• Crear implementaciones de guardia
• Usar guardias en una ruta
• Resumen

Capítulo 16. Pruebas unitarias de aplicaciones angulares

• Pruebas unitarias de artefactos angulares
• Herramientas de prueba
• Pasos de prueba típicos
• Resultados de la prueba
• Suites de pruebas de jazmín
• Especificaciones de Jasmine (pruebas unitarias)
• Expectativas (Afirmaciones)
• emparejadores
• Examparchivos de uso de Matchers
• Usando la propiedad not
• Configuración y desmontaje en conjuntos de pruebas unitarias
• ExampArchivo de funciones beforeEach y afterEach.
• Módulo de prueba angular
• ExampMódulo de prueba angular
• Probar un servicio
• Inyectar una instancia de servicio
• Probar un método sincrónico
• Probar un método asincrónico
• Usando el cliente HT TP simulado
• Suministro de respuesta enlatada
• Probar un componente
• Módulo de prueba de componentes
• Crear una instancia de componente
• La clase ComponentFixture
• Pruebas de componentes básicos
• La clase DebugElement
• Simular la interacción del usuario
• Resumen

Capítulo 17. Depuración

• Encimaview de depuración angular
• ViewIngresar código TypeScript en el depurador
• Usando la palabra clave del depurador
• Registro de depuración
• ¿Qué es Angular DevTools?
• Usando herramientas de desarrollo angulares
• Angular DevTools – Estructura de componentes
• Angular DevTools: ejecución de detección de cambios
• Detectar errores de sintaxis
• Resumen

Ejercicios de laboratorio

• Laboratorio 1. Introducción a Angular
• Laboratorio 2. Introducción a TypeScript
• Laboratorio 3. Introducción a los Componentes
• Laboratorio 4. Plantilla de componentes
• Laboratorio 5. Crear un componente de galería de fotos
• Laboratorio 6. Formulario basado en plantillas
• Laboratorio 7. Crear un formulario de edición
• Laboratorio 8. Forma reactiva
• Laboratorio 9. Desarrollar un servicio
• Laboratorio 10. Desarrollar un cliente HT TP
• Laboratorio 11. Usar tuberías
• Práctica de laboratorio 12. Aplicación básica de una sola página utilizando Router Práctica de laboratorio 13. Creación de una aplicación de una sola página (SPA)
• Laboratorio 14. Cliente HT TP avanzado
• Laboratorio 15. Uso de Angular Bootstrap
• Laboratorio 16. Carga diferida de módulos
• Laboratorio 17. Enrutamiento avanzado
• Laboratorio 18. Pruebas unitarias
• Laboratorio 19. Depuración de aplicaciones angulares

¿PARA QUIÉN ES EL CURSO?
Este curso está dirigido a cualquier persona que necesite aprender los fundamentos del desarrollo de Angular 12 y aplicarlos a la creación. web solicitudes de inmediato. También podemos impartir y personalizar este curso de capacitación para grupos más grandes, lo que le permitirá ahorrar tiempo, dinero y recursos a su organización.

REQUISITOS
Web Se requiere experiencia en desarrollo usando HTML, CSS y JavaScript para aprovechar al máximo este curso de Angular. El conocimiento del DOM del navegador también es útil. No se requiere experiencia previa en Angular, con AngularJS o cualquier versión de Angular.
https://www.lumifywork.com/en-au/courses/angular-12-programming/

Documentos / Recursos

LUMIFY TRABAJO Programación Angular 12 [pdf] Guía del usuario Programación Angular 12, Angular, Programación 12, Programación

Referencias

• Manual de usuario