Objetivo

Aplicar el uso de las rutas para una mejor organización de cada una de las páginas en una aplicación web.

Descripción

En este tema aprenderás todo lo necesario para optimizar tus aplicaciones y que a medida que incrementen su tamaño y funcionalidades, no decrementen la velocidad de procesamiento, sino al contrario, sean optimizadas y mejoradas.

Haz clic para revisar la explicación.

Enrutamiento y carga perezosa (lazy loads)

Revisa los siguientes videos:

• Leifer Mendez. (2020, 30 de diciembre). Cómo CREAR RUTAS (ROUTING) en ANGULAR11 // CURSO ANGULAR [Archivo de Video]. Recuperado de https://www.youtube.com/watch?v=HtRZDWaAgRw
• DOMINICODE. (2022, febrero 15). Configuración de rutas en Angular - 28 Días aprendiendo Angular #15 🅰️ [Archivo de video]. Recuperado de https://youtu.be/kHDSrHXqe-Y?si=ikcJCcijXXOrCL5v

Revisa la siguiente lectura:

• Angular (s.f.). Introduction to the Angular Docs. Recuperado de https://angular.io/docs

Objetivo

Aplicar los conceptos básicos de Angular para el desarrollo de una aplicación web.

Instrucciones

1. Crear una aplicación en Angular, cuyo objetivo sea el cálculo de área y perímetro de por lo menos cuatro diferentes figuras. Adicionalmente, la aplicación contará con un cuadro informativo en la parte inferior que muestre algún mensaje, texto o imagen consumido de una API REST pública.
2. La aplicación debe tener el dibujo de la figura y hacerla más grande o pequeña de acuerdo con las medidas introducidas por el usuario.
3. Debe contar con el uso de NgModule para separar la aplicación en módulos.

Checklist

• Comprender el concepto de lazy load o carga perezosa para aplicarlo en el desarrollo de un proyecto web a gran escala y así optimizar el rendimiento y velocidad de la aplicación.
• Integrar guards en cada una de las aplicaciones web para mejorar el control de accesos dependiendo del tipo de usuario y garantizar la seguridad de tu proyecto.