Imagina Formación

Curso de Angular 10 Avanzado

Angular es actualmente uno de los frameworks más completos y versátiles del mercado, el cual haciendo uso de TypeScript, se ha ganado una popularidad digna de destacar y se ha convertido en una solución integral de cara al desarrollo de aplicaciones web y sin duda merece la pena ser estudiado en profundidad.

Los conceptos avanzados de Angular 10 te ayudarán a crear aplicaciones ultra potentes, escalables y sencillas de mantener.

¿Qué es Angular 10?

Angular 10 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 10 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 o haber realizado nuestro Curso de Angular 10.
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.

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

¿No es lo que estabas buscando? También hacemos temarios a medida para empresas, consultanos.

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

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

¡Pregúntanos!

↑ Ir arriba