JASoft.org

El blog de José Manuel Alarcón Aguín. Programación web y mucho más...

MENÚ - JASoft: JM Alarcón

Velocidad de programas de almacenamiento cloud: Dropbox vs OneDrive vs Google Drive vs pCloud

El software de "disco duro en la nube" se ha convertido poco a poco en uno de los más indispensables que todos debemos utilizar. Atrás quedaron los discos duros o llaves USB para compartir archivos con otra gente, hacer backups o mantener una copia de nuestras fotos. Por no mencionar todas las cosas que nos permiten hacer a la hora de trabajar en varios equipos propios, acceder ubñicuamente a nuestros archivos, etc... A la hora de decidirte por uno o por otro hay muchas cosas que son importantes: características, capacidad de hacer otras cosas (por ejemplo con Google Drive o OneDrive tienes una completa suite ofimática también), etc. Pero una de las más importantes puede ser la velocidad. En este artículo he realizado una comparativa de los más populares y los que yo utilizo día a día con algunos resultados sorprendentes y algunas conclusiones que te ayudarán a sacarle más partido... [Más]

Acceso visual a tareas de npm desde Visual Studio Code

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]

TRUCO: Cómo añadir nuevos tipos de archivo a Visual Studio Code

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]

Nueva y útil funcionalidad en Chrome 60: identificadores de terceras empresas

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]

Minimizar y ofuscar JavaScript desde el menú contextual del Explorador de Windows

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]

La manera correcta de actualizar npm en Windows

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]

Cómo mantener sincronizados los ajustes de Visual Studio Code entre todos nuestros equipos

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]

Cómo descargar cualquier tabla de datos de la Web en formato manejable

Un truco rápido pero útil para hoy...Hace unos meses os contaba con detalle cómo podíamos procesar mediante Excel cualquier fuente de datos JSON, incluso desde Internet, y convertirla en una tabla de datos. Esto nos permite incluir esa información en una base de datos relacional o, directamente, procesarla mediante las potentes funciones de la hoja de cálculo.En esta ocasión, y a raíz de la consulta de uno de mis alumnos, voy a explicar de manera rápida cómo podemos extraer a toda velocidad y de manera simple cualquier información tabular incluida en una página web.Para ello, otra vez, utilizaremos las potentes capacidades de Excel, pero en esta ocasión de una forma más directa y visual que con JSON, ya que los datos además están ya en formato tabular.Como ejemplo he utilizado un par de tablas de cursos de la página de información sobre Bonificación de campusMVP. Contienen el título del curso, las horas estimadas de estudio y su precio. Lo sé, dos tablas muy sencillas, pero procesar cu... [Más]

VÍDEO: Montar Linux Bash en Windows 10 y primeros pasos

En los últimos años, con la proliferación de herramientas de desarrollo de código abierto nacidas en el mundo Linux, muchos desarrolladores creaban versiones de sus herramientas solo para sistemas basados en UNIX, como Linux o MacOS. Esto a veces dejaba fuera (o con mucho retraso) a los desarrolladores que utilizan Windows como sistema operativo principal. De hecho algunos tutoriales de herramientas de programación parten de la base de que estás usando Linux o Mac, y todas las explicaciones se ofrecen para éstos, dejando los comandos de Windows fuera y dificultando su seguimiento. Conscientes de este problema y de que Windows no estaba siendo la plataforma favorita para muchos desarrolladores, Microsoft ha incluido en Windows 10 algo impensable hace años: Linux ejecutándose dentro de Windows.Microsoft también acaba de anunciar la disponib... [Más]

Utilidades: Vigilar páginas web en busca de cambios

Una de las herramientas más interesantes que he descubierto en los últimos meses es de la que voy a hablar ahora aquí. Se trata de Visualping, una utilidad para verificar periódicamente el contenido de una página y recibir alertas cuando cambia.Lo interesante es que la comparación la hace visualmente, de modo que analiza una captura visual de la página y si hay un cambio en determinado % de los píxeles, salta la notificación. esto permite obtener alertas no solo cuando cambia un texto, sino cuando cambia un color, una imagen, o la forma de un objeto por culpa del CSS.Yo lo uso, por ejemplo, para enterarme de cuándo hay nuevas versiones de algunas aplicaciones que no tienen actualización automática ni tampoco RSS u otra forma de estar al día de los cambios.Un ejemplo paradigmático es Filezilla Server. Este excelente servidor FTP Open Source se actualiza de tarde en tarde, y generalmente cuando lo hace es porque hay algún problema de seguridad que han solucionado. Su conocidísima versión... [Más]