Imagina

Curso de Desarrollo Web con Angular 9 Avanzado

Angular es actualmente uno de los frameworks más completos y versátiles que existe en el mercado que, haciendo uso de TypeScript, se ha ganado una popularidad bien merecida y se ha convertido en una tecnología que merece la pena ser estudiada en profundidad.

Los conceptos avanzados de Angular te ayudarán a crear aplicaciones muy potentes, escalables y fáciles de mantener.

¿Qué es Angular 9?

Angular 9 es uno de los frameworks más utilizados en la actualidad para hacer aplicaciones web. Nace de Angular.js y su éxito, pero cambia totalmente el paradigma de desarrollo.
No estamos ante una simple versión más, estamos ante una nueva herramienta para realizar nuestros proyectos de una forma más rápida y sencilla.

Objetivos

El objetivo del curso es que el alumno sea capaz de comprender conceptos avanzados de Angular 9 y crear aplicaciones web.

¿A quién va dirigido?

A todo desarrollador dispuesto a estar entre los primeros en dominar el nuevo framework de Google.

Duración
Consultar
Requisitos
Haber desarrollado previamente aplicaciones con Angular 9 o haber realizado nuestro Curso Intermedio de Desarrollo de Aplicaciones Web con Angular 9.
Bonificación FUNDAE

Quiero recibir información de este curso

*requerido

  • Responsable de los datos: IMAGINA WEB & MOBILE TECHNOLOGIES S.L.
  • Finalidad de los datos: Responder a la información solicitada, envío de boletines de noticias y ofertas.
  • Destinatarios: IMAGINA WEB & MOBILE TECHNOLOGIES S.L. No se cederán los datos a terceros.
  • Derechos: En cualquier momento puedes acceder, recuperar y borrar tu información.

Temario

1

Schematics

  • ¿Qué es Schematics?
  • Ventajas de Schematics
  • ¿Cómo usar Schematics de Angular CLI?
  • ¿Cómo usar Schematics de Angular Material?
  • ¿Cómo crear Schematics personalizados?
  • Uso de Schematics propios en otros proyectos
  • ¿Cómo integrar nuestros propios Schematics con Angular CLI?
  • Build y publicación de un paquete de Schematics
  • Implementación de Schematics como una librería
  • ¿Cómo añadir soporte de ng add?
  • ¿Cómo añadir soporte de ng update?
2

Angular Workspace

  • Creación de un Workspace
  • Análisis de angular.json
  • Adición de múltiples proyectos a un mismo workspace
  • Creación de un Dashboard de múltiples aplicaciones
3

Módulos

  • Carga perezosa de módulos
  • Múltiples módulos de enrutado en un mismo proyecto
4

Librerías

  • Creación de librerías propias en Angular
  • Uso de librerías propias
5

Angular Change Detection

  • ¿Qué es Angular Change Detection?
  • El funcionamiento del mecanismo por defecto
  • Ejecución el mecanismo manualmente
  • Evasión de bucles según el entorno
  • onPush()
  • markForCheck()
  • detach()
  • detectChanges()
  • Uso de ImmutableJS
  • Debate acerca del rendimiento
6

Directivas avanzadas

  • Creación y uso directivas de atributo propias
  • Creación y uso directivas estructurales propias
7

Inyección avanzada

  • Comprensión en profundidad la inyección de dependencias
  • ¿Qué son los Modificadores?
  • @Opctional()
  • @Self()
  • @SkipSelf()
  • @Host()
  • Proporcionando Servicios a Componentes
  • Uso del Array de Providers
  • Uso del Array de ViewProviders
  • Diferencias entre Providers y ViewProviders
  • Modificación la visibilidad de un servicio
  • Combinación de ViewProviders con Modificadores
  • DI Providers
  • Uso de los DI Providers
  • Referencias entre componentes con DI
  • ¿Qué es RxJS?
  • Observables
  • ¿Cómo consumir un Observable?
  • Funciones comunes de Observable
  • Buenas prácticas para gestionar las suscripciones
  • Diferencias entre Observables y Promesas
  • Operadores más comunes de RxJS
  • Operadores para gestión de errores de RxJS
  • RxJS Ajax para peticiones HTTP
9

PWA ( Progressive Web Apps )

  • ¿Qué es una PWA?
  • Service Workers en Angular
  • Prerrequisitos
  • Comunicación
  • Configuración
  • Service Worker en Producción
  • Creación de una PWA con Angular CLI
  • Pre catching con Service Worker
10

Redux

  • ¿Qué es Redux?
  • Debate acerca de la necesidad de Redux en proyectos Angular
  • Store, Reducers y Actions
  • Librería NGRX
  • Redux DevTools
  • Creación de un proyecto Angular con Redux
  • Redux Router
  • Side Effects de Redux
  • Middlewares en Redux
  • Gestión Asíncrona del Store
11

Internacionalización

  • ¿Qué es la internacionalización?
  • i18n en proyectos Angular
  • Creación de una aplicación multilenguaje
12

WebPack

  • ¿Qué es Webpack?
  • Instalación y configuración
  • Webpack plugins
  • Empaquetando proyectos Angular con Webpack
13

Testing Avanzado

  • Jasmine Matchers
  • Jasmine Async
  • Jasmine Spies
  • Jasmine Mocking Ajax
  • Mocks y Stubbing
  • Testing de Componentes
  • Testing de Servicios
  • Testing de Schematics
  • Testing e2e con Protractor
Realiza el curso desde donde quieras gracias a nuestro campus online. Dispondrás de un profesor experimentado en programación y desarrollo que te ayudará y responderá a todas tus dudas.
Tutor personal
Proyecto final
Diploma de certificación
Plataforma online
Disponibilidad horaria
Bolsa de empleo

¿Quieres realizar esta formación sin coste para tu empresa?

¡Sin desplazamientos! Impartimos la formación en tu empresa.

Imagina Formación es una entidad organizadora de la Fundación Estatal de modo que puedes gestionar la formación bonificada de los cursos con nosotros. Nos encargamos de todos los trámites para conseguir la bonificación sin ningún coste adicional. Cumplimos con todos los requisitos para que nuestros cursos sean 100% bonificables.

Consulta disponibilidad y precios

Otros clientes que están aprendiendo con nosotros…

¿Tienes alguna duda? Puedes hablar con uno de nuestros profesores

¡Pregúntanos!

¿Quieres un curso personalizado?

*requerido

  • Responsable de los datos: IMAGINA WEB & MOBILE TECHNOLOGIES S.L.
  • Finalidad de los datos: Responder a la información solicitada, envío de boletines de noticias y ofertas.
  • Destinatarios: IMAGINA WEB & MOBILE TECHNOLOGIES S.L. No se cederán los datos a terceros.
  • Derechos: En cualquier momento puedes acceder, recuperar y borrar tu información.