https://miguelangel.torresegea.es/wiki/ 2026-05-23T16:29:16+00:00 https://miguelangel.torresegea.es/wiki/ https://miguelangel.torresegea.es/wiki/_media/wiki:dokuwiki-128.png text/html 2020-03-09T20:49:58+00:00 Anonymous (anonymous@undisclosed.example.com) https://miguelangel.torresegea.es/wiki/development:angular:20200309?rev=1583786998&do=diff 09/03/2020 librerias * creación de librerías (npm install) para reutilizar en más de un proyecto ng new myAngularLib --create-application=false * un servicio workspace * nueva metodología de desarrollo de aplicaciones, no se crea la estructura clásica de directorios text/html 2020-01-25T12:49:48+00:00 Anonymous (anonymous@undisclosed.example.com) https://miguelangel.torresegea.es/wiki/development:angular:introduccion?rev=1579956588&do=diff introducción e instalación * framework de Google JavaScript para front-end * arquitectura MVC * simplicar vida de las SPA * una sola pàgina * carga de datos dinámica asíncrona AJAX * Angular VS AngularJS * hasta la versión 1.7 era AngularJS 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-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-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-01-27T15:34:04+00:00 Anonymous (anonymous@undisclosed.example.com) https://miguelangel.torresegea.es/wiki/development:angular:directivas-atributos?rev=1580139244&do=diff angular: directivas de atributos ngStyle * cambio de estilo de elementos HTML usando atributos de los componentes * scope de actuación del CSS -> propio del componente, no efecta a otros * añadir/quitar clases CSS según nuestro internés * text/html 2020-02-09T22:51:36+00:00 Anonymous (anonymous@undisclosed.example.com) https://miguelangel.torresegea.es/wiki/development:angular:directivas-estructurales?rev=1581288696&do=diff angular: directivas estructurales * PPT 3.7 + 3.8 + 3.9 + 4.1 + 4.2 + 4.3 * lógica en capa de presentación (plantilla) * se reconocen por tener * en el nombre * no es necesario fichero HTML * no es un componente ngIf * elemento que queremos ocultar o mostrar 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-03-09T17:57:22+00:00 Anonymous (anonymous@undisclosed.example.com) https://miguelangel.torresegea.es/wiki/development:angular:start?rev=1583776642&do=diff ANGULAR development + info * re-introducción a javascript * introducción a los objetos JavaScript * let * const curso PUE temario * ANGULAR * introducción e instalación * introducción a TypeScript y ECMAScript 6 (ES6) * angular: entorno * angular: estructura proyecto * angular: elementos básicos app * angular: componentes * angular: directivas y personalización * angular: directivas estructurales * angular: directivas de atributos * angular: módulos <-PPT 6.3,…