Desarrollo Web

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.2 (36 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.3
36 valoraciones

Contenido del curso:

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

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

Curso de Django

Curso de Django

4 horas y 12 minutos · Curso

Esta formación de Django ofrece una formación integral en desarrollo web, abarcando desde la instalación y configuración, hasta la creación de modelos, vistas, formularios y …

  • Desarrollo Web
Proyecto con Bootstrap y CSS propio

Crea un proyecto personalizado con Bootstrap y CSS propio

57 minutos y 44 segundos · Taller

En esta formación trabajaremos un proyecto personalizado en Bootstrap con nuestro propio estilo CSS y Variables SASS, usando HTML y JavaScript.

  • Desarrollo Web

Dudas frecuentes

1

¿Cuál es el precio?

En OpenWebinars no vendemos formaciones.

Tenemos diferentes tipos de suscripciones, que te dará acceso completo a todas las formaciones de la plataforma y a las nuevas 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 la formación?

En OpenWebinars las formaciones 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 lista.

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.

 

Artículos
Ver todos