APLICACIÓN Y WEB DESARROLLO
Programación Angular 15
LONGITUD 5 días
VERSIÓN 15
POR QUÉ ESTUDIAR ESTE CURSO
Este curso de formación intensivo e integral de Angular 15 proporciona a los asistentes habilidades que pueden utilizar inmediatamente en su trabajo. Aprenderá los fundamentos del desarrollo de Angular 15, como aplicaciones de navegador de una sola página, capacidad de respuesta websitios web y aplicaciones móviles híbridas.
Este curso 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, HTTPClient, pruebas y depuración.
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.
ANGULAR EN EL TRABAJO DE LUMIFY
AL FINAL DEL CURSO, PODRÁ
Al completar con éxito este curso, tendrá el conocimiento para:
- 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
- Consumir datos de REST web servicios que utilizan el cliente HTTP angular
- Maneje conexiones de datos push usando el WebProtocolo de socket
- Trabajar con Angular Pipes para formatear datos
- Utilice funciones avanzadas del enrutador de componentes angulares
- Pruebe y depure aplicaciones Angular utilizando herramientas integradas
- Trabajar con CLI angular
Mi instructor fue fantástico al poder poner escenarios en instancias del mundo real relacionadas con mi situación específica.
Me hicieron sentir bienvenido desde el momento en que llegué y la posibilidad de sentarme en grupo fuera del aula para discutir nuestras situaciones y nuestros objetivos fue extremadamente valiosa.
Aprendí mucho y sentí que era importante que se cumplieran mis objetivos al asistir a este curso.
Gran trabajo equipo de trabajo Lumify.
AMANDA NICOLÁS
GERENTE DE SERVICIOS DE SOPORTE DE TI - HEALTH WORLD LIMITED
MATERIAS DEL CURSO
- Presentando angular
• ¿Qué es angular?
• Características centrales del marco angular
• Casos de uso apropiados
• Componentes básicos 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
• Ejecutar la aplicación
• Creación e implementación de la aplicación
• Angular para aplicaciones móviles nativas - Introducción a TypeScript
• Lenguajes de programación para uso con Angular
• Sintaxis de 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: forma alternativa
• Campos no inicializados
• Interfaces
• Trabajar con módulos ES6
• var frente a dejar
• Funciones de flecha
• Sintaxis compacta de la función de flecha
• Cadenas de plantilla
• Genéricos en clase
• Genéricos en función - Componentes
• ¿Qué es un componente?
• Un exampel componente
• Creación de un componente mediante Angular CLI
• La clase de componente
• El decorador @Component
• Registrar un componente en su módulo
• Plantilla de componentes
• 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 - Plantillas de componentes
• Plantillas
• Ubicación de la plantilla
• La sintaxis del bigote {{ }}
• Configuración de propiedades del elemento DOM
• Configuración del texto del cuerpo del elemento
• Vinculación 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
• Ejecutar plantilla condicionalmente
• Examparchivo: ngSi
• Bucle usando ngFor
• ngPara variables locales
• Manipulación de la colección
• Example – Eliminar un elemento
• Seguimiento de artículos con ngFor
• Intercambio de elementos con ngSwitch
• Elementos de agrupación
• Variable de referencia de plantilla - 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 los padres
• Más acerca de la configuración de propiedades
• Evento de disparo desde un componente
• @Output() Ejemploample – Componente secundario
• @Output() Ejemploample – Componente principal
• Encuadernación bidireccional completa
• Configuración de enlace de datos bidireccional en padre - Formularios basados en plantillas
• Formularios basados en plantillas
• Módulo de importación de formularios
• Enfoque básico
• Configuración de un formulario
• Obtener información del usuario
• Omitir el atributo ngForm
• Inicializar el formulario
• Enlace de datos bidireccional
• Validación de formulario
• Validadores angulares
• Visualización del estado de validación mediante clases
• Tipos de entrada adicionales
• Casillas de verificación
• Seleccionar campos (desplegables)
• Opciones de renderizado para Seleccionar (desplegable)
• Campos de fecha
• Botones de radio - 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
• Configuración de valores de formulario
• Suscribirse a cambios de entrada
• Validación
• Validadores incorporados
• Mostrando error de validación
• Validador personalizado
• Uso de 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
• Subgrupos de formularios: clase de componente
• Subgrupos de formularios: plantilla HTML
• Por qué utilizar subgrupos de formularios - Servicios e inyección de dependencia
• ¿Qué es un Servicio?
• Creación de 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
• Registro de un servicio con Root Injector
• Registro de un servicio con un inyector de componentes
• Registrar un servicio con un inyector de módulo de funciones
• ¿Dónde registrar un servicio?
• Inyección de dependencia en otros artefactos
• Proporcionar una implementación alternativa
• Inyección de dependencia y @Host
• Inyección de dependencia y @Optional - Cliente HTTP
• El cliente HTTP angular
• Usando el cliente HTTP – Terminadoview
• Importación de HttpClientModule
• Servicio mediante HttpClient
• Realizar una solicitud GET
• ¿Qué hace un objeto observable?
• Uso del servicio en un componente
• El componente de cliente PeopleService
• Manejo de errores
• Personalización del objeto de error
• Realizar una solicitud POST
• Realizar una solicitud PUT
• Realizar una solicitud de ELIMINACIÓN - Tuberías y formato de datos
• ¿Qué son las tuberías?
• Tuberías integradas
• Uso de tuberías en una plantilla HTML
• Encadenamiento de tuberías
• Tuberías internacionalizadas (i18n)
• Cargando datos locales
• La tubería de la fecha
• El número de tubería
• Tubería de divisas
• Crear una tubería personalizada
• Tubería personalizada Example
• Uso de tuberías personalizadas
• Usando una tubería con ngFor
• Un tubo de filtro
• Categoría de tubería: pura e impura
• Tubo puro Example
• Tubería impura Example - 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 avanzada de una sola páginatages
• API de historial HTML5
• Desafíos SPA
• Implementación de SPA usando Angular - El enrutador de componentes angulares
• El enrutador de componentes
• View Navegación
• La API del enrutador angular
• Creación de 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
• Navegar 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
• Suministro de parámetros de consulta
• Recuperación de parámetros de consulta de forma asincrónica
• Problemas con el manual URL entrada y marcadores - 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 HTTP
• Realizar llamadas HTTP secuenciales
• Realizar llamadas paralelas
• Personalización del objeto de error con catchError()
• Error en la canalización
• Error de recuperación - 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
• Creación de módulos comunes
• Usando un módulo de otro - Enrutamiento avanzado
• Módulo de funciones habilitadas para enrutamiento
• Uso del módulo de funciones
• Carga diferida del módulo de funciones
• Creación de vínculos para los componentes del módulo de funciones
• Más información sobre la carga diferida
• Módulos de precarga
• enlace routerLinkActive
• Ruta por defecto
• Ruta comodín
• redirigir a
• Rutas infantiles
• Definición de rutas secundarias para rutas secundarias
• Enlaces para rutas infantiles
• Guardias de navegación
• Creación de implementaciones de guardia
• Uso de guardias en una ruta - 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
• Uso de cliente HTTP 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
• Simulación de la interacción del usuario - Depuración
• Encimaview de depuración angular
• ViewIngresar código TypeScript en el depurador
• Uso de la palabra clave del depurador
• Registro de depuración
• ¿Qué es Angular DevTools?
• Uso de herramientas de desarrollo angulares
• Angular DevTools – Estructura de componentes
• Angular DevTools: ejecución de detección de cambios
• Detectar errores de sintaxis
¿PARA QUIÉN ES EL CURSO?
Este curso está dirigido a cualquier persona que necesite aprender los fundamentos del desarrollo de Angular 15 y aplicarlos de inmediato a la creación. web aplicaciones.
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. Para obtener más información, póngase en contacto con nosotros por correo electrónico en ph.training@lumifywork.com
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 o AngularJS
La oferta de este curso por parte de Lumify Work se rige por los términos y condiciones de reserva.
Lea atentamente los términos y condiciones antes de inscribirse en este curso, ya que la inscripción en el curso está condicionada a la aceptación de estos términos y condiciones.
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
 |
LUMIFY TRABAJO Programación Angular 15 [pdf] Guía del usuario Programación Angular 15, Programación |
