Manejando datos

Incluir plugins de jQuery usando RequireJS y #TypeScript

Posted by in Javascript y TypeScript

Una vuelta de tuerca nueva, y otro reto planteado. En esta ocasión, se plantea un ejercicio para cargar un plugin de jQuery (se está utilizando la versión 2.1.4), usando RequireJS y también usando #TypeScript (en lugar de Javascript). El código lo tienes en GitHub. El plugin elegido para el ejemplo es jQuery.countdown, un plugin que nos facilita hacer un contador de tiempo para que una acción suceda durante un tiempo, o a partir de un tiempo. Concretamente, pondremos un botón para iniciar el contador de 10 segundos, y nos mostrará…read more

Ordenando el código Javascrtipt-Typescript con RequireJS

Posted by in Javascript y TypeScript

Seguimos profundizando en temas web, y este vez toca poner orden al descontrol de código que supone trabajar con Javascript (y TypeScript). La mejor solución es utilizar RequireJS, una librería cuyo objetivo es cargar scripts tradicionales, o módulos AMD para hacer más mantenible y reutilizable el código. Y de paso, ordenar el código, que para pequeños no hay tanto problema, pero cuando el código Javascript empieza a crecer, la cosa se complica. En la anterior entrada sobre módulos externos ya vimos un poco de RequireJS, pero ahora profundizamos más! Qué…read more

Integrando jQuery en #TypeScript

Posted by in Javascript y TypeScript

Cómo muchas veces he comentado, gracias a jQuery programo en Javascript, o lo intento. Ahora llevo varias meses jugando con TypeScript, y claro, antes o después, tendría que probar a integrar jQuery dentro de TypeScript, pues, jQuery no es sino Javascript, y TypeScript termina compilado como Javascript. Pero ¿cómo se integran? Descrubriendo Definitely Typed El repositorio Definitely Typed https://github.com/borisyankov/DefinitelyTyped es el repositorio por excelencia para las definiciones de librerias. Son ficheros .d.ts que contienen todo lo necesario para poder tener la ayuda inteligente en el IDE. Actualmente, el proyecto está…read more

Módulos externos en #TypeScript

Posted by in Javascript y TypeScript

La entrada anterior estuvo dedicada a módulos internos, mientras que en esta, seguimos avanzando y hablamos de módulos externos, y para ello, es necesario conocer requireJS. Módulos externos, segunda versión del ejemplo Los módulos externos suponen un extra de dificultad, y también otra forma de proceder pues la carga de los módulos se hace a través de require.js, que es un cargador de módulos de Javascript. El hecho de modular el código Javascript se hace con una doble intención: velocidad de carga y calidad de código. La tercera es la…read more

Modulos internos en #TypeScript

Posted by in Javascript y TypeScript

Aunque hablamos muy de pasada, los módulos es otro de los puntos fuertes de #TypeScript para mejorar la organización y la reutilización de código. En C# se conoce como NameSpace, y comparte también la característica de que puede estar distribuido en varios ficheros. Los módulos en TypeScript Los módulos permiten agrupar código con igual finalidad. Por ejemplo, si tienes un proyecto grande, no está mal que te crees varios módulos: uno para las interfaces, otro para las clases relacionadas con nuestra base de datos, y otro para el resto de…read more