En este post te hablo de algunas herramientas muy interesantes para trabajar con control de código fuente (con Git en concreto), y para comparar archivos y carpetas, y te comento cómo puedes hacer para utilizar una de ellas, WinMerge, para ser utilizada por Git como herramienta de diferenciación externa. Aunque en el 95% de los casos me arreglo con lo que trae de serie VSCode + GitLense, a veces tener a mano esta otra opción es muy interesante también. Veamos cómo hacerlo... [Más]

Seamos sinceros: la búsqueda que trae Windows integrada siempre ha sido tremendamente mala. Aunque ahora tenemos a Cortana y además nos da resultados de búsqueda de aplicaciones, ajustes... y hasta de Internet, al final lo que casi todos queremos es encontrar el maldito archivo que nos hace falta. Y en eso siempre se ha quedado corta por desgracia. Yo hace años que he resuelto el problema. ¿Cómo? Muy sencillo: pasando totalmente de la búsqueda de Windows y utilizando herramientas alternativas. En concreto utilizo dos, con propósitos totalmente diferentes y que cubren todas mis necesidades de búsqueda. Te las cuento a continuación. [Más]

Está claro que si queremos publicar un sitio o aplicación web de manera permanente debemos configurar y gestionar un servidor web, o contratar algún tipo de servicio básico (hosting) o avanzado (Cloud PaaS) para hacerlo. Pero en muchas ocasiones lo único que queremos es poder exponer temporalmente hacia el exterior de manera sencilla un desarrollo que hemos hecho y que tenemos en nuestra máquina local. Existen muchos casos en los que esto es interesante. Para suplir estas necesidades, una herramienta estupenda y cada vez más utilizada es ngrok (pronunciado "en-groc"). Como me gusta mucho y le saco mucho partido, m he decidido a crear este tutorial para que tú también puedas exprimirle toda su utilidad. ¡Allá vamos! [Más]

Los archivos con extensión .rdlc son archivos de informes creados por Visual Studio y contienen la definición de un informe. Gracias a estos archivos y a los visores de informes para Windows Forms y Web Forms era muy sencillo crear y desplegar informes en nuestras aplicaciones. Antiguamente, a partir de Visual Studio 2005, se incluía de serie con Visual Studio un diseñador para este tipo de informes, pero posteriormente, desde VS2013, se dejó de incluir por defecto este diseñador. En VS2013 y VS2015 llegaba con editar la instalación de Visual Studio y elegir la opción de instalar las herramientas de datos de SQL Server (que no se instalaban por defecto) para volver a tenerlo disponible. Sin embargo en Visual Studio 2017 no viene incluido en el paquete de manera alguna. Te cometo cómo editarlos con VS2017 y como solucionar un problema que dan cuando los vas a grabar. [Más]

La actualización 1.23 de Abril de 2018 de Visual Studio Code trae muchos detalles interesantes, pero hay uno que me ha llamado especialmente la atención: la posibilidad de tener una lista en el lateral con todas las tareas definidas en el archivo package.json de Node.js (tareas de npm). Esto da un plus de comodidad a trabajar con Node.js y con herramientas de desarrollo Front-End (como Webpack, por ejemplo). Por defecto esta característica viene desactivada. Vamos a ver cómo activarla y empezar a sacarle partido. [Más]

Hace ya bastante tiempo que tengo claro que mi editor de código favorito es Visual Studio Code. Es ágil, gratuito, multi-plataforma, abarca casi cualquier cosa que puedas necesitar y lo que no lo tienes con extensiones. en este post vamos a aprender a extender el editor para incluir nuestros propios tipos de archivo y que funcionen de la misma manera que si fuesen nativos. Además aprenderemos también a hacer que ciertos archivos concretos de un proyecto utilicen variantes de un lenguaje para que el editor se comporte mejor con ellos, dotándolos de gran flexibilidad. [Más]

En la actualidad es extremadamente raro encontrarse una página cuyo contenido esté albergado en su totalidad en el dominio original. Basta con que se use Google Analytics, un vídeo embebido de YouTube o cualquier otra utilidad de terceros (sin mencionar a las redes de anuncios), para que tengamos código HTML, CSS y JavaScript que puede salir de varios sitios de terceras empresas. Hasta ahora las herramientas del desarrollador de Chrome permitían ordenar y filtrar por dominio, pero en Chrome 60 han incorporado una funcionalidad más interesante que consiste en mostrar de manera visual, con unos identificadores (badges en inglés) de dónde vienen ciertas peticiones y códigos, cuando provienen de servicios reconocidos por el navegador. Esto nos ayuda a identificar de manera más sencilla y visual el impacto real que puede tener incluir un servicio externo en la página, tanto en tiempos y "peso" de las descargas, como en rendimiento a la hora de renderizar la página y procesar JavaScript. [Más]

En este artículo vemos la manera de poder utilizar Uglify-JS para poder minimizar y también ofuscar el código fuente JavaScript, tanto desde la línea de comandos, como de manera mucho más cómoda usando un menú contextual desde el explorador de archivos de Windows, solo cuando lo pulses con la tecla de mayúsculas apretada, para que no moleste en el día a día. Además de explicar cómo montarlo "a mano", también se entrega un archivo para incorporar esta opción automáticamente. [Más]

npm, el gestor de paquetes de Node.js, se ha convertido con el tiempo en una herramienta absolutamente indispensable para cualquier desarrollador Web, especialmente para desarrolladores Front-End y, obviamente, para los que usen Node.js para el backend. A través de este gestor de paquetes y automatizador de scripts es posible instalar todo tipo de utilidades y herramientas, y es la base del tooling moderno utilizado para desarrollar (desde minimizar archivos hasta crear complejos procesos de automatización y bundling). El problema es que actualizarlo en Window siempre ha sido bastante problemático debido a la idiosincrasia de las rutas globales en este sistema operativo. Si quieres saber cómo actualizar npm sin problemas, sigue leyendo... [Más]

He de reconocer que cuando Microsoft presentó Visual Studio Code hace ya casi dos años mi primera reacción fue de escepticismo: "¿Otro editor más, por mucho que sea multi-plataforma, para competir consigo mismo y Visual Studio? ¿tratar de robar mercado a Atom y editores similares? Decididamente han perdido el Norte...". La realidad es que con el tiempo he tenido que dejar de lado mis reservas y hoy en día es el editor que más utilizo con diferencia. Se ha convertido en una herramienta imprescindible para mi, y lo tengo instalado en todos mis ordenadores. Encima, como es multiplataforma, lo puedes usar de la misma manera en Windows, Linux y Mac. Me gusta lo ágil que es, lo bien que funciona especialmente para desarrollo web (HTML, CSS, javaScript), NodeJS y no menos importante, Markdown. Y si lo aderezas con unos cuantos complementos, entonces es mucho mejor. Desde que lo lanzaron, todos los meses sacan actualizaciones que lo hacen cada vez un poco mejor. Una de las carencias que presen... [Más]