Want to create interactive content? It’s easy in Genially!

Get started free

Directivas fundamentales en Angular JS

XIMENA GUADALUPE GARCIA GORDIANO

Created on October 31, 2025

Start designing with a free template

Discover more than 1500 professional designs like these:

Economic Presentation

Tech Presentation Mobile

Geniaflix Presentation

Vintage Mosaic Presentation

Shadow Presentation

Newspaper Presentation

Zen Presentation

Transcript

Directivas fundamentales en Angular JS

Etapa 4

Servicios en angular

  • servicios

un servicio en angular es una clase que se utiliza para encapsular logica de negocio y proporcinar datos a travez de toda la aplicacion

Servicios en angular

  • inyeccion de dependencias

Angular utiliza un sistema de inyeccion de dependencias (DI) para gestionar como se crean y comparten las instancias de servicios

Servicios en angular

Beneficios de Usar Servicios:
  1. Reultilizacion de codigo: Los servicios permiten escribir logica reutilizable que puede ser compartida por multiples componentes
  2. Separacion de Preocupaciones: Los componentes se encargaan de la presentacion, mientras que los servicios manejan la logica de negocio
  3. Mantenimiento de Estado: Los servicios pueden mantener el estado comportadido entre dierentes componentes

Enrutamiento

Es un sistema que permite la navegacion entre diferentes vistas o componentes dentro de una aplicacion de una sola pagina

Enrutamiento

Beneficios del Enrutamiento en Angular
  1. Experiencia de usuario mejorada
  2. estructuracion y modularidad
  3. desarrollo dinamico
  4. dos complejos
  5. SEO amigable

Enrutamiento

componentes clave del sistem a de enrutamiento
  1. RouterModule: Es el modulo principal que contiene todas las funciones de enrutamiento
  2. Routes: Es un array de onjetos de configuracion que define las rutas de la aplicacion
  3. Router Outlet: Es una directiva que se coloca en la platilla HTML
  4. Router Link: Es una directiva que se usa para crear enlaces de navegacion
como funciona el Enrutamiento en Angular

cuando un usuario navega a una URL dentro de una aplicacion Angular, el enrutador analiza la URL y determina que componente debe renderizarse

ejemplo de enrutamiento

el uso de router-outlet, RouterLink, RouterLinkActive, el paso de parametros por rutas y rutas hijas en angular, podemos crear una estructura de aplicacion que incluya una pagina principal

MODULOS

En angular, los modulos son una parte fundamental del framework y sirven para organizar y estructurar la aplicacion en unidades de funcionalidad cohesivas

MODULOS COMPARTIDO (SHARED MODULE)

Contextualiza tu tema con un subtítulo

es un modulo que contiene componentes, directivas, pipes y servicios que son utilizados en multiples modulos a lo largo de la aplicacion

publicacion de un proyecto

Publicar un proyecto de Angular implica tomar tu aplicacion desarrollada localmente y ponerla a dispocion de los usuarios en la web

¡GRACIAS!