Category Archives: Tecnologías de la Información

Tecnologias de la Informacion

Angular 2 – Directives Deep dive

Attribute vs Structural Directives In attribute directives you never modify the DOM structure , just change some behaviour in the element where it is added to. I looks like a normal HTML attribute (with databinding or property binding). In Structural directives the DOM is modified. It also looks like a normal HTML attribute but it […]

Angular2 – Introduction Notes

Angular CLI Before install check latest nodejs version (>=v7.7.1) npm install -g @angular/cli Angular Command Line Interface for workflow commons tasks. More info in https://github.com/angular/angular-cli/wiki Create a new app skeleton: ng new my-first-app Init local development server: ng serve Integrating Bootstrap Install bootstrap npm package npm install –save bootstrap Edit .angular-cli.json: “styles”: [ “../node_modules/bootstrap/dist/css/bootstrap.min.css”, “styles.css” ], […]

Ecmascript 6: Modules

[Fuente: http://exploringjs.com/es6/ch_modules.html] 16.1 Overview JavaScript has had modules for a long time. However, they were implemented via libraries, not built into the language. ES6 is the first time that JavaScript has built-in modules. ES6 modules are stored in files. There is exactly one module per file and one file per module. You have two ways […]

React-LeafletJS

[Fuente: https://github.com/PaulLeCam/react-leaflet/blob/master/docs/Getting%20started.md] Sobre React-Leaflet Esta librería proporciona una abstracción de Leaflet en forma de React components. No reemplaza a Leaflet, sólo se basa en los React’s lifecycle methods para invocar los handlers relevantes de Leaflet. Puedes leer más información sobre el proceso del ciclo de vida en How it works. Por favor asegúrate que entiendes todos los core concepts y limitations para evaluar si esta […]

AngularJS: Form validation built in support

[Fuente: https://scotch.io/tutorials/angularjs-form-validation] We’ll focus on client side validation and using the built in Angular form properties. Demo See the Pen AngularJS Form Validation by Chris Sevilleja (@sevilayha) on CodePen. Requirements Name is required Username is not required, minimum length 3, maximum length 8 Email is not required, but has to be a valid email Form […]

Picturefill 2.0: Responsive Images And The Perfect Polyfill

[Fuente: https://www.smashingmagazine.com/2014/05/picturefill-2-0-responsive-images-and-the-perfect-polyfill/] Over the last four years (yeah, it’s been about four years), we’ve seen many permutations of images in responsive design. From the lazier days of setting max-width: 100% (the absolute minimum you should be doing) to more full-featured JavaScript implementations, such as Picturefill and Zurb’sdata-interchange method, we’ve spent a lot of time spinning […]

UOC: Encabezamientos, pies, columnas y plantillas

Encabezamientos, pies, columnas y plantillas Encabezamientos, pies, columnas y plantillas Accesibilidad : : : 38. Encabezamientos, pies, columnas y plantillas Ben Henick. 3 de febrero del 2009. Publicado en: pies, composición, CSS, columnas, encabezamientos Hasta ahora, los artículos de este curso se han centrado en temas concretos, desde conceptos “blandos” como la tipografía y el […]

UOC: Posicionamiento estático y relativo con CSS

CSS Posicionamiento estático y relativo con CSS Accesibilidad : : : 36. Posicionamiento estático y relativo con CSS Tommy Olsson. 26 de septiembre del 2008 Publicado en: en línea, composición, columna, bloque, IE En este apartado explicaremos con exhaustividad el modo como se puede utilizar CSS para posicionar elementos HTML en el lugar deseado de […]

UOC:Elementos flotantes y clearing

CSS Elementos flotantes y clearing Accesibilidad : : : 35. Elementos flotantes y clearing Tommy Olsson. 26 de septiembre del 2008 Publicado en: márgenes, cuadros, ajustar, errores, contener En este apartado veremos qué son los elementos flotantes y el clearing, dos herramientas indispensables para el diseñador de webs modernas. Son unas herramientas muy versátiles que […]