Frontend

Curso Mejorando la performance de nuestros proyectos en Angular

Con este curso serás capaz de ampliar tus conocimientos sobre el framework de Angular para mejorar la performance de tus proyectos y llevar tus aplicaciones a otro nivel.

Impartido por:

4.4 (19 valoraciones)
4 horas y 1 minuto · curso
Mejorando la performance en Angular

Lo que aprenderás en este curso:

  • A utilizar Nx para crear mono-repositorios de tus proyectos en Angular.
  • Detección de cambios en Angular.
  • Componentes dinámicos.
  • Uso de Interceptores.
  • Aprender a utilizar SSR con Angular Universal.
  • Crear Web Components con Angular.

Requisitos del curso

Para la realización de este curso es necesario tener conocimientos de Angular, por lo que es recomendable hacer primero nuestros cursos:

  • Curso de Angular para principiantes
  • Curso de Angular: Ampliando conceptos

Valoraciones de estudiantes:

  • 5
  • 4
  • 3
  • 2
  • 1
4.4
19 valoraciones

Contenido del curso:

    • 4 m
    • Preparando el entorno de trabajo
      3 m
    • Definición de mono-repositorio
      7 m
    • Nx y Angular CLI
      7 m
    • Estructura de nuestros proyectos
      6 m
    • Práctica: Creación de nuestras aplicaciones y librerías
      10 m
    • Detección y estrategias de cambios
      7 m
    • 4 m
    • Optimización
      5 m
    • Práctica: Estrategia OnPush en nuestro proyecto
      13 m
    • Plantillas de contenido dinámico: ng-content
      8 m
    • Plantillas de contenido dinámico: ng-template & ng-container
      9 m
    • Práctica: Creación de plantillas dinámicas
      12 m
    • Directivas personalizadas
      7 m
    • Pipes personalizadas
      7 m
    • Práctica: Añadiendo directivas y pipes a nuestro proyecto
      13 m
    • Server Side Rendering
      9 m
    • Angular Universal
      10 m
    • Pre-rendering
      8 m
    • Práctica: Añadiendo Angular Universal a nuestro proyecto
      13 m
    • Práctica: Añadiendo App-Shell a nuestro proyecto
      10 m
    • Definición de Web Components
      6 m
    • Angular Elements
      7 m
    • Práctica: Consumo en HTML
      18 m
    • Interceptores en Angular
      8 m
    • Práctica: Añadiendo interceptores a nuestro proyecto
      9 m
    • Importancia del OnDestroy
      10 m
También te puede interesar

Te dejamos una selección de cursos, carreras y artículos

i18n: Internacionalización en Angular

i18n: Internacionalización en Angular

43 minutos y 25 segundos · taller

Con este curso aprenderás y conseguirás ampliar tus conocimientos sobre el framework Angular para llevar tus aplicaciones a otro nivel y mejorar su rendimiento y …

  • Frontend
Curso de Angular 11: Ampliando conceptos

Curso de Angular 11: Ampliando conceptos

3 horas y 26 minutos · curso

Con este curso aprenderás y conseguirás ampliar tus conocimientos sobre el framework Angular para llevar tus aplicaciones a otro nivel y mejorar su rendimiento y …

  • Frontend

Dudas frecuentes

1

¿Cuál es el precio?

En OpenWebinars no vendemos cursos, talleres o laboratorios unitarios.

Tenemos diferentes tipos de suscripciones, que te dará acceso completo a todos los cursos de la plataforma y a los nuevos que vamos lanzando, siempre y cuando tu suscripción esté activa (como Spotify con la música o Netflix con las películas y series).

¿Eres una empresa? Tenemos planes especiales para ti. Consúltanos aquí.

2

¿Cuándo comienza el curso?

En OpenWebinars los cursos no tienen fecha de inicio y de final.

Cada curso tiene una fecha de publicación y desde ese día estarán 100% disponible todos los contenidos del curso para los usuarios suscritos a alguno de nuestros planes.

3

¿Puedo obtener un diploma que acredite mis conocimientos?

Efectivamente, una vez superada cada formación, podrás descargarte el diploma acreditativo de cada una de ellas. Añádelas a tu CV y mejora tu perfil para las empresas.

También podrás obtener un diploma de nivel superior al superar todas las formaciones de la carrera.

Este curso online está pensado para alumnos que quieran seguir mejorando sus conocimientos en el desarrollo web con Angular, para poder crear aplicaciones más robustas y dar un paso más allá en este tipo de desarrollos.

La dificultad del curso es de un nivel intermedio-avanzado, por lo que se debe tener conocimientos previos de Angular para poder seguir las explicaciones del profesor y sacarle el mayor provecho al mismo.

Para la realización de este curso teniendo los conocimientos exigidos, es muy recomendable cursar previamente el Curso de Angular para principiantes y el Curso de Angular: Ampliando conceptos, ambos impartidos por el mismo profesor y con los cuales podrás hacer a continuación este curso con todas las garantías de comprender y aprender todo lo que en el mismo se explica.

Tras una introducción en la que se explica cómo se divide el curso, sus apartados, el proyecto que a lo largo del mismo se va a desarrollar, así como la preparación del entorno de trabajo, encontrarás las 6 secciones en las que se ha divido el mismo, cada una centrada en un aspecto de ese proyecto para que vayas aprendiendo poco a poco y siempre de forma organizada.

Lo primero que veremos tras este apartado introductorio serán los mono-repositorios con NX. Aprenderás qué son, cómo trabajar con ellos, cómo usarlos para tus aplicaciones web en Angular y cómo crear grandes proyectos con un solo mono-repositorio, y, por tanto, con una sola dependencia de Node. Finaliza este apartado con una práctica en la que ver de forma aplicada todo lo anterior, en este caso con la creación de aplicaciones y librerías.

En el siguiente bloque formativo entraremos ya en la parte más centrada en el objetivo del curso, y muy importante para ese objetivo de mejorar la performance de nuestros proyectos, como es la detección de cambios en Angular. En estas lecciones aprenderás cómo detectar esos cambios y las estrategias a seguir, así como las técnicas OnPush y cómo realizar la optimización. Para concluir este bloque veremos una práctica en la que aplicaremos una estrategia OnPush en nuestro proyecto.

Seguimos con el segmento enfocado en componentes Avanzados de Angular y cómo usarlos en nuestros proyectos. Se explicarán componentes para plantillas de contenido dinámico como ng-content, ng-template y ng-container, directivas personalizadas y pipes personalizadas, así como algunas prácticas utilizando las mismas para ver su funcionamiento de una forma más aplicada.

Después, veremos un apartado centrado en el SSR (Server Side Rendering), en cuyas clases se explicará qué es, para qué se utiliza y cómo mejora nuestras aplicaciones el uso de este SSR. De nuevo tendremos un par de prácticas para finalizar este apartado, con las que comprender mejor la teoría gracias a las mismas.

En los dos últimos bloques del curso veremos primero los Web Components, desde qué son hasta cómo trabajar con ellos o cómo crearlos, y, en segundo lugar y para cerrar la formación, veremos unos conceptos extra que resultan clave para mejorar la performance de las aplicaciones, como son los Interceptores en Angular y la importancia de OnDestroy.

 

Las cookies nos permiten ofrecer nuestros servicios. Al utilizar nuestros servicios, aceptas el uso que hacemos de las cookies. Más Información.