Thank you for sending your enquiry! One of our team members will contact you shortly.
Thank you for sending your booking! One of our team members will contact you shortly.
Programa del Curso
Introducción
- ¿Qué es Angular?
- Angular vs React vs Vue
- Descripción general de Angular 17 características y arquitectura
- Configuración del entorno de desarrollo
Empezar
- Creación de un nuevo proyecto Angular 17 mediante Angular CLI
- Exploración de la estructura y los archivos del proyecto
- Ejecución y servicio de la aplicación
- Visualización de datos mediante interpolación y expresiones
Componentes
- Comprender el papel de los componentes en Angular 17
- Creación y uso de componentes
- Transferencia de datos entre componentes mediante entradas y salidas
- Uso de enlaces del ciclo de vida de los componentes
Directivas
- Comprender la diferencia entre directivas estructurales y de atributos
- Creación y uso de directivas integradas como ngIf, ngFor, ngSwitch, etc.
- Creación y uso de directivas personalizadas
Tubería
- Comprender el propósito de las tuberías en Angular 17
- Creación y uso de canalizaciones integradas como date, currency, json, etc.
- Creación y uso de canalizaciones personalizadas
Servicios
- Comprender el papel de los servicios en Angular 17
- Creación y uso de servicios
- Inserción de dependencias mediante proveedores
Módulos
- Comprender el papel de los módulos en Angular 17
- Creación y uso de módulos
- Importación y exportación de módulos
Enlace de datos
- Descripción de la diferencia entre el enlace de datos unidireccional y bidireccional
- Creación y uso del enlace de propiedades, el enlace de eventos y la sintaxis banana en un cuadro
- Uso de variables de referencia de plantilla
Enrutamiento
- Comprender el papel del enrutamiento en Angular 17
- Creación y configuración de rutas
- Navegar entre rutas usando routerLink y router.navigate()
- Uso de parámetros de ruta, parámetros de consulta y fragmentos
Formas
- Comprender la diferencia entre los formularios basados en plantillas y los formularios reactivos
- Creación y validación de formularios mediante controles de formularios, grupos de formularios, matrices de formularios, etc.
- Uso de validadores incorporados como required, minLength, maxLength, etc.
- Creación y uso de validadores personalizados
Cliente HTTP
- Comprender el papel del cliente HTTP en Angular 17
- Creación y uso de solicitudes HTTP para comunicarse con servicios de back-end
- Uso de observables para controlar flujos de datos asincrónicos
- Uso de interceptores para modificar o controlar solicitudes o respuestas HTTP
Nuevo flujo de control declarativo
- Explicación de la nueva sintaxis del bloque de control de plantilla y cómo simplifica las tareas comunes, como la representación condicional, los bucles y el control de colecciones vacías
- Dar ejemplos del uso de los nuevos bloques, como @if, @else, @switch, @case, @default, @for y @empty
- Comparar la nueva sintaxis con la anterior, como *ngIf, *ngSwitch y *ngFor
- Mencionando cómo los nuevos bloques de control soportan aplicaciones sin zona con señales
Bloques de carga diferida
- Explicar el concepto de carga diferida y cómo puede mejorar el rendimiento y la experiencia del usuario de las aplicaciones web
- Presentamos el nuevo bloque de control @defer que permite la carga diferida del contenido del bloque y sus dependencias
- Dar ejemplos del uso del bloque @defer para diferentes escenarios, como la carga de componentes, directivas, canalizaciones, animaciones y estilos
- Mencionando cómo funciona el bloque @defer con la nueva API de transiciones de vista
View Transitions API
- Explicar el propósito y los beneficios de la API de transiciones de vistas, que permite a los desarrolladores personalizar las animaciones y transiciones entre vistas.
- Presentamos la nueva directiva withViewTransitions que habilita el uso de la API de transiciones de vista
- Dar ejemplos del uso de la directiva withViewTransitions con diferentes tipos de transición, como fundido, deslizamiento, zoom y volteo
- Mencionar cómo funciona la API de transiciones de vista con el enrutador Angular y el historial del navegador
Otras características y mejoras
- Resumiendo brevemente algunas de las otras características y mejoras que ofrece Angular 17, tales como:
- Compatibilidad con el paso de @Component.styles como una cadena
- El código de animaciones de Angular se puede cargar de forma diferida
- TypeScript Soporte 5.2
- La API de señal principal ahora es estable
- Node.js Se ha eliminado el soporte v16 y la versión mínima de soporte es v18.13.0
- Esbuild será el constructor predeterminado y el servidor de desarrollo predeterminado usará Vite
Resumen y próximos pasos
Requerimientos
- Comprensión de HTML, CSS y JavaScript
- Experiencia con TypeScript y RxJS
- Experiencia en desarrollo web
Audiencia
- Desarrolladores que deseen aprender a usar Angular 17 para crear aplicaciones web dinámicas y receptivas
- Desarrolladores que deseen mejorar sus habilidades de versiones anteriores de Angular
- Programadores que deseen explorar las nuevas características y mejoras de Angular 17
28 horas
Testimonios (10)
The practical experience of actually working with the code
Chad Roskuge - ALTRON
Curso - AngularJS Basics
interesting showing the topic
Adam Boroch - SPOC S.A.
Curso - Angular JavaScript
The labs were interesting and probably the most useful learning tool to me. Anything I missed or forgot about was relearned or reinforced in the labs.
Joseph Fuerst
Curso - Building Web Apps using the MEAN stack
Me gustaron tus chistes
Dermot - Griffiths & Armour
Curso - Angular 2 Fundamentals
Traducción Automática
I mostly enjoyed the hands-on training code.
Tomislav Brajkovic - HSE - Healthlink
Curso - Angular 4: Create Single-Page Applications Using HTML, CSS and JavaScript
Análisis paso a paso. Explicación de cada línea de código. Todos los problemas que tuve durante el curso se resolvieron con éxito y Łukasz me dijo la razón. También me gustaron las buenas prácticas que se han presentado. Nunca me ha convencido el estilo TDD, simplemente no lo encuentro útil y no vale la pena. Łukasz señaló tantas ventajas de TDD que cambió completamente mi opinión.
Michał Uściński - Devapo Sp. z o. o.
Curso - Testing Angular Applications
Traducción Automática
część o RxJS
Kacper - INWEBIT Sp. z o.o.
Curso - Reactive Programming with Angular RxJS
I liked the communication and way of passing knowledge.
Marcin Wojdowski - PSI Polska Sp. z o.o.
Curso - Angular 5
Good material! The trainer is a really nice guy which helps a lot!
Xander Knol - Conclusion Learning Centers
Curso - Angular 6
Good examples and interactive course !
