https://miguelangel.torresegea.es/wiki/ 2026-05-23T17:20:01+00:00 https://miguelangel.torresegea.es/wiki/ https://miguelangel.torresegea.es/wiki/_media/wiki:dokuwiki-128.png text/html 2020-01-26T09:28:28+00:00 Anonymous (anonymous@undisclosed.example.com) https://miguelangel.torresegea.es/wiki/development:angular:estructura?rev=1580030908&do=diff angular: estructura proyecto * e2e: * pruebas extremo a extremo, simulación interacción con humano * angular-cli configura este directorio de forma automática * node_modules: * multitud paquetes de ayuda al desarrollo * cuando se genera la aplicación, solo se coge lo estrictamente necesario text/html 2020-01-26T17:55:44+00:00 Anonymous (anonymous@undisclosed.example.com) https://miguelangel.torresegea.es/wiki/development:angular:elementos-basicos?rev=1580061344&do=diff angular: elementos básicos app * PPT: 3.3 componentes * piezas funcionales y reutilizables * bajo coste mantenimiento * archivos interelacionados de proposito común * app.component.css (opcional) * estilos CSS exclusivos componente text/html 2020-01-25T18:07:12+00:00 Anonymous (anonymous@undisclosed.example.com) https://miguelangel.torresegea.es/wiki/development:angular:entorno?rev=1579975632&do=diff angular: entorno * ng mew <PROJECT> * mv <PROJECT> <NEW-NAME-PROJECT> * ng serve: servidor web interno * ng test: pasa test unitarios (ficheros spec) aplicación angular * ha de constar como mínimo de un modulo, que ha de estar compuesto de al menos 1 componente text/html 2020-01-27T18:12:48+00:00 Anonymous (anonymous@undisclosed.example.com) https://miguelangel.torresegea.es/wiki/development:angular:pipes?rev=1580148768&do=diff angular: pipes * transformación al vuelo de los datos para su representación en la página * también para superar restricciones del tipo CSS, como un vídeo de YouTube * de serie: * mayúsculas/minúsuclas * monedas, números * JSON text/html 2020-01-26T17:55:01+00:00 Anonymous (anonymous@undisclosed.example.com) https://miguelangel.torresegea.es/wiki/development:angular:componentes?rev=1580061301&do=diff angular: componentes * PPT: 3.3 + 3.4 + 3.5 preparativos * uso de bootstrap como framework CSS * añadirlo en package.json y usar npm para su instalación * descargar directamente * uso por CDN * generar nuevo proyecto: ng new <PROJECT> * text/html 2020-02-09T22:46:02+00:00 Anonymous (anonymous@undisclosed.example.com) https://miguelangel.torresegea.es/wiki/development:angular:directivas?rev=1581288362&do=diff angular: directivas y personalización * componentes * directivas con plantilla asociada * son del tipo más común * directivas de atributos * cambian la apariencia o el comportamiento de un elemento, componente u otra directiva * se usan como atributos de los elementos text/html 2020-01-25T18:05:37+00:00 Anonymous (anonymous@undisclosed.example.com) https://miguelangel.torresegea.es/wiki/development:angular:introduccion-typescript?rev=1579975537&do=diff introducción a TypeScript y ECMAScript 6 (ES6) * uso intensivo en aplicaciones Angular * decoradores = característica experimental en ES6, pero consolidados en Angular * JavaScript tiene tipado débil de tipos, lo que no nos avisa de situaciones que pueden producir errores. text/html 2020-02-03T18:11:12+00:00 Anonymous (anonymous@undisclosed.example.com) https://miguelangel.torresegea.es/wiki/development:angular:observables?rev=1580753472&do=diff angular: promesas y observables * procesos asíncronos * no solo llamadas a API, si no a cambio de la aplicación promesas * trabajan con un único flujo de datos * conjunto de datos único * difícil de cancelar * sencillas de implementar text/html 2020-01-27T20:48:15+00:00 Anonymous (anonymous@undisclosed.example.com) https://miguelangel.torresegea.es/wiki/development:angular:practica1?rev=1580158095&do=diff practica 1 previa * npm install jquery popper.js bootstrap rutas * añadir a app.modules.ts * en navbar.component.html: * uso de routerLinkActive para indicar la opción activa * uso de [routerLink] en lugar de href servicios * text/html 2020-02-09T23:06:38+00:00 Anonymous (anonymous@undisclosed.example.com) https://miguelangel.torresegea.es/wiki/development:angular:rutas?rev=1581289598&do=diff angular: rutas rutas hijas en módulo centralizado * en vez de tener todas las rutas centralizadas, cada módulo gestiona sus propias rutas (primer paso) * hasta ahora: * uso de etiquetas <router-outlet></router-outlet> necesario * rutas hijas: