https://miguelangel.torresegea.es/wiki/ 2026-05-23T20:35:04+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: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-03-02T17:27:57+00:00 Anonymous (anonymous@undisclosed.example.com) https://miguelangel.torresegea.es/wiki/development:angular:20200226?rev=1583170077&do=diff 26/02/2020 profe: gilbe.cao@gmail.com package.json * sección start -> ng serve [--port 4200] * sección start:prod -> ng serve --port 4300 --prod -> npm run start:prod Angular Material * framework Google estilos: ng add @angular/material 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-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: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-02-10T17:45:27+00:00 Anonymous (anonymous@undisclosed.example.com) https://miguelangel.torresegea.es/wiki/development:angular:formularios?rev=1581356727&do=diff formularios template-driven forms * la plantilla es la responsable de crear los controles, formularios y reglas de validación * sincronización entre la vista y el modelo con el doble enlace (two-way databinding) * si la vista cambia, se actualiza el modelo, y viceversa 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-02-03T17:59:00+00:00 Anonymous (anonymous@undisclosed.example.com) https://miguelangel.torresegea.es/wiki/development:angular:jerarquia?rev=1580752740&do=diff práctica: jerarquia padre-hijo * traspaso de información entre componentes que tienen una relación padre-hijo * envíar al hijo es fácil, del hijo al padre no tanto * entre hermanos del mismo padre, hay que pasar por él, no se pueden hablar entre ellos