You are on page 1of 2

Inicio http://localhost:4200/

Angular
Angular es un framework para la creación de páginas web SPA mantenido por
Google. SPA es el acrónimo de ‘Single Page Application’ o lo que es lo mismo,
cuando un usuario entra en una web SPA, se carga todo a la vez en una
misma página y Angular lo que hace pòr debajo es cambiar la vista al navegar
por la página para que de la apariencia de una web normal. ¿Qué ventajas
tiene? Velocidad de carga lenta la primera vez que se abre la web, pero luego
navegar por la web es instantáneo debido a que se carga toda la web de golpe.
Cómo SPA es una página solo hay una ruta que tiene que enviar el servidor.
Aplicaciones modulares y escalares.

Ejemplo de un componente llamado videojuegos

Los componentes básicamente, permiten crear tus propias etiquetas HTML'


personalizables, es decir, hemos creado una etiqueta HTML llamada <app-
videojuegos></app-videojuegos>, de manera que se puede usar en todo el
proyecto en cualquier pagina web, a esto le llamamos componente, una
forma de crear nuevas etiquetas, que además de añadir su vista, contienen
una serie de estilos y funcionalidad encapsulada.

Ejemplo de la directiva condicional *ngif

Las directivas estructurales corresponden a elementos en el HTML que


permiten añadir, manipular o eliminar elementos del DOM. Estos elementos,
en forma de atributos, se aplican a elementos huéspedes. Al hacer esto, la
directiva hace lo que debe hacer sobre el elemento huésped y sus elementos
hijos. Estas directivas son fácilmente reconocibles debido a que están
antecedidas por un asterisco (*) seguido del nombre de la directiva. *ngIf:
Permite mostrar / ocultar elementos del DOM.

El juego retro: Bomberman

1 de 2 9/05/2019, 7:28 a. m.
Inicio http://localhost:4200/

Ejemplo de la directiva condicional *ngfor

'Las directivas estructurales corresponden a elementos en el HTML que


permiten añadir, manipular o eliminar elementos del DOM. Estos elementos,
en forma de atributos, se aplican a elementos huéspedes. Al hacer esto, la
directiva hace lo que debe hacer sobre el elemento huésped y sus elementos
hijos. Estas directivas son fácilmente reconocibles debido a que están
antecedidas por un asterisco (*) seguido del nombre de la directiva.' *ngFor:
Permite ejecutar bucles sobre elementos del DOM.

Listado de personas
1. Susana Horia
2. Doctor Extraño
3. Jon Travolta
4. Daniel Moreno
5. Leonel Messi
6. Satan el Satanico

2 de 2 9/05/2019, 7:28 a. m.

You might also like