Angular es un Framework desarrollado por Google, que permite crear aplicaciones web modernas, rápidas y dinámicas
Emagister S.L. (responsable) tratará tus datos personales con la finalidad de gestionar el envío de solicitudes de información y comunicaciones promocionales de formación con tu consentimiento. Ejerce tus derechos de acceso, supresión, rectificación, limitación, portabilidad y otros, según se indica en nuestra política de privacidad.
Sedes
Localización
Fecha inicio
Objetivos
El alumno adquiere habilidades avanzadas en el desarrollo de aplicaciones web modernas y dinámicas con Angular, uno de los frameworks mas potentes del ecosistema JavaScript. Con un enfoque práctico, se explorará la creación de componentes interactivos enrutamiento, manejo de formularios, integración de APIs y mucho más
A quién va dirigido
Dirigido principalmente a personas interesadas en , desarrollo de soluciones empresariales y gestión de información. Nuestros cursos no solo abordan la programación y el análisis de datos, sino que también perfeccionan habilidades en herramientas esenciales para el entorno corporativo y profesional
Requisitos
Se requiere conocimientos de HTML, CSS y JavaScript, aconsejable tener conocimientos de bases de datos SQL, conceptos de programación orientada a objetos y de consumo de APIs.
Temario completo de este curso
Contenidos del curso
1 - Introducción
- ¿qué es angular?
- Historia y evolución
- Características principales
- Comparativa angular
- Convenciones usadas en este dossier
2 - Typescript
- ¿qué es typescript?
- Historia y evolución
- Beneficios al usar typescript
- Configuración del entorno
- Iniciar un proyecto ts
- Visual studio code
- Tipos de datos
- Funciones en typescript
- Clases y objetos
- Módulos y namespaces
- Tipos genéricos
- Manejo de errores
- Decoradores
3 - Introducción a angular
- Arquitectura en angular
- Software necesario
- Crear una aplicación
- Estructura de la aplicación
- Flujo básico
- Ciclo de vida
- Ejecutar la aplicación
- Limpiar terminal
- Ejercicios
- Ejercicio de evaluación 1
4 - Componentes y plantillas
- ¿qué son los componentes?
- Creación de un componente
- Estructura de un componente
- Ciclo de vida de un componente
- Templates y data binding
- Directivas
- Pipes
- Ejercicios
5 - Comunicación entre componentes
- Comunicación entre componentes
- Comunicación mediante @input y @output
- Routing en angular
- Ejercicios
6 - Estilos en angular
- Introducción a los estilos
- Scoped styles
- Angular material
- Sistema de grids
- Bootstrap
- Ejercicios
- Ejercicio de evaluación 2
7 - Formularios
- Template-driven forms
- Reactive forms module
- Validaciones asincrónicas y personalizadas
- Ejercicios
8 - Apis y servicios http
- Httpclient
- Autenticación y autorización
- Jwt (json web token)
- Guardias de rutas para autenticación
- Interceptor http
- Archivo model
- Ejercicios
9 - Optimización y mejores prácticas
- Lazy loading y modularización
- Optimización del rendimiento
- Optimizar listas con trackby
- Ejercicios
- Ejercicio de evaluación 3
10 - Renderizado (ssr) y optimización
- Server-side rendering (ssr)
- Backend para ssr
- Estrategias de detección de cambios
- Gestión del estado con ngrx
- Signals
- Renderizado a nivel de ruta
- Pruebas unitarias
- Seguridad y rendimiento
11 - Aplicación final
- Barra de navegación
- Sistema de autenticación
- Sistema logout
- Editar contactos
- Añadir contactos
- Eliminar contactos
- Soporte multilenguaje
- Ejercicio de evaluación 4