Información del curso

Curso

Distancia

60 horas

Descripción

El alumno adquiere habilidades avanzadas en el desarrollo de aplicaciones web modernas y dinámicas con Angular, uno de los frameworks más 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.

Temario

Introducción

¿Qué es Angular?
Historia y evolución
Características principales
Comparativa Angular
Convenciones usadas en este dossier

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

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

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

Comunicación entre componentes

Comunicación mediante @Input y @Output
Routing en Angular
Ejercicios

Estilos en Angular

Introducción a los estilos
Scoped styles
Angular Material
Sistema de grids
Bootstrap
Ejercicios
Ejercicio de evaluación 2

Formularios

Template-driven forms
Reactive forms module
Validaciones asincrónicas y personalizadas
Ejercicios

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

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

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

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

Requisitos

Conocimientos de HTML, CSS y JavaScript. Aconsejable tener conocimientos de bases de datos (SQL), experiencia previa en otros frameworks o conceptos de programación orientada a objetos y de consumo de APIs.

Metodología

Todos nuestros cursos emplean una metodología activa y práctica desde el primer día. Clases personalizadas, con profesor, presenciales en Barcelona y/o combinadas con aula virtual.

Duración

Estas horas son estimadas a modo de referencia, no todos los alumnos necesitan las mismas horas, todo depende de la capacidad de cada uno en asimilar el temario.

Horario

Totalmente flexibles, modificándolos según sus necesidades.

Curso de Angular