Formación en Angular: Aumenta la productividad y la calidad de tus proyectos web

10194
Foundation
Técnicas de programación
33 horas
500 €
Convocatorias
Inicio - Fin
Horario  
12 sep. - 27 sep. Lun, Mar, Mie, Jue de 17:00 a 20:45 Sin definir
Descripción

¿Quieres crear aplicaciones web modernas, escalables y eficientes?

¡Este curso de Angular es para ti!

Aprenderás a construir interfaces de usuario interactivas, gestionar datos de forma eficiente y desarrollar aplicaciones robustas utilizando uno de los frameworks más populares del mercado.

Desde los conceptos básicos hasta técnicas avanzadas, dominarás Angular y podrás llevar tus habilidades de desarrollo web al siguiente nivel.

Este curso te proporcionará las herramientas y conocimientos necesarios para construir aplicaciones web de alto rendimiento y unirte a la comunidad de desarrolladores Angular. Desarrolla proyectos reales y adquiere la experiencia práctica que necesitas para destacar en el mercado laboral.

Objetivos

Comprender los fundamentos de Angular y su arquitectura.Construir componentes reutilizables y eficientes.Manejar el enrutamiento y la navegación en aplicaciones de una sola página.Gestionar formularios y validar datos de manera efectiva.Consumir servicios web y gestionar datos de forma asíncrona.Implementar pruebas unitarias para garantizar la calidad del código.Crear aplicaciones Angular que sean escalables y mantenibles.

Veremos desde las bases del framework, hasta las partes más avanzadas que necesitarás para poder hacer aplicaciones reales aplicando las mejores prácticas.

Contenido

Módulo 1: Introducción a Angular 

  • ¿Qué es Angular?
    • Historia y evolución de Angular.
    • Comparación con otros frameworks (React, Vue).
    • Ventajas y desventajas.
  • Entorno de desarrollo:
    • Instalación de Node.js y npm.
    • Configuración del entorno de desarrollo (editor de código, Angular CLI).
  • Primer proyecto Angular:
    • Creación de un nuevo proyecto.
    • Estructura básica de un proyecto Angular.
    • Ejecución de la aplicación.

Módulo 2: Componentes

  • Componentes: la base de Angular:
    • Concepto de componente.
    • Decoradores y metadatos.
    • Plantillas (HTML).
    • Estilos (CSS).
  • Data binding:
    • Property binding.
    • Event binding.
    • Two-way data binding.
  • Ciclo de vida de los componentes:
    • Hooks del ciclo de vida.
    • Usos prácticos de los hooks.

Módulo 3: Templates y Directivas

  • Templates en profundidad:
    • Sintaxis de las plantillas.
    • Interpolación.
    • Directivas estructurales (ngIf, ngFor, etc.).
    • Directivas de atributos.
  • Creación de directivas personalizadas:
    • Directivas de atributos y estructurales.
    • Casos de uso comunes.

Módulo 4: Servicios e Inyección de Dependencias

  • Servicios:
    • Concepto de servicio.
    • Creación y uso de servicios.
    • Comunicación entre componentes.
  • Inyección de dependencias:
    • Proveedores de servicios.
    • Inyección en constructores y métodos.

Módulo 5: Módulos

  • Módulos Angular:
    • Concepto de módulo.
    • Declaración de componentes, directivas y servicios en módulos.
    • Carga perezosa de módulos.

Módulo 6: Routing 

  • Enrutamiento en Angular:
    • Configuración del enrutador.
    • Definición de rutas.
    • Parámetros de ruta.
    • Navegación programada.
  • Guards:
    • Protección de rutas.
    • Resolvers.

Módulo 7: Formularios 

  • Formularios reactivos:
    • Creación de formularios.
    • Validación de datos.
    • Control de errores.
  • Formularios template-driven:
    • Introducción a los formularios template-driven.
    • Comparación con los formularios reactivos.

Módulo 8: HTTP 

  • Consumir servicios web:
    • HttpClient.
    • Realizar peticiones GET, POST, PUT, DELETE.
    • Manejo de errores.
  • Interceptores:
    • Personalización de las peticiones HTTP.

Módulo 9: Pruebas unitarias 

  • Introducción a las pruebas unitarias:
    • Framework de pruebas de Angular.
    • Pruebas de componentes, servicios y pipes.

Módulo 10: Buenas prácticas y herramientas (2 horas)

  • Buenas prácticas de desarrollo:
    • Estilos de codificación.
    • Organización del código.
    • Herramientas de desarrollo.
  • Angular Material:
    • Introducción a Angular Material.
    • Componentes prediseñados.

Consideraciones adicionales:

  • Proyectos prácticos: A lo largo del curso, se realizarán proyectos prácticos para reforzar los conocimientos adquiridos.
  • Herramientas: Se utilizarán herramientas como Angular CLI, Visual Studio Code y Chrome DevTools.
  • Recursos adicionales: Se proporcionarán recursos adicionales para profundizar en temas específicos.