En mi anterior artículo presenté Blazor, la nueva tecnología de Microsoft para crear aplicaciones Web basadas en servidor o en navegador usando .NET y C#. Ese artículo proporcionaba una visión general de Blazor, cómo se relaciona con .NET y con los navegadores, qué es WebAssembly y cuáles son las posibilidades alucinantes que nos facilita esta tecnología. En el artículo de hoy voy a profundizar un poco más con otras 7 preguntas y sus respuestas de modo que puedas conocer mejor cómo funciona, qué implica en cuanto a conocimientos y aprendizaje y que veas si te puede encajar la tecnología o no. ¡Vamos allá! [Más]

Los desarrolladores que trabajamos con tecnologías web de Microsoft estamos viviendo un terremoto con la llegada de Blazor. No en vano, Blazor se está postulando como una alternativa real a frameworks para el desarrollo de aplicaciones web ya consolidados, como MVC o Razor Pages, e incluso como sustituto de soluciones SPA como Angular o React. Sin embargo, aún hay muchos desarrolladores que no han oído hablar de este nuevo marco de trabajo o que tienen algunas dudas sobre él. En este post vamos a intentar responder a algunas preguntas que, aunque básicas, creo que serán interesantes para todos los que queráis echar un primer vistazo a este framework que nos puede cambiar la forma de desarrollar aplicaciones web. [Más]

En más ocasiones de las que nos gustaría, las cosas en HTML y CSS parecen mucho más sencillas de lo que son en realidad. Una de estas cuestiones aparentemente fáciles, pero que tiene mucho más fondo del que parece, es el posicionamiento vertical de elementos, controlado por la propiedad z-index, que influye en qué elementos se ven cuando se solapan varios. Existen dos conceptos clave para entender el posicionamiento vertical: los contextos de apilamiento y la prioridad cuando se produce una interferencia entre elementos. En este artículo se explican con detalle esos conceptos para ir más allá de lo que sabe el desarrollador medio sobre el tema, y ayudarte a evitar cualquier problema que te pueda surgir a la hora de aplicar la visibilidad vertical de elementos. Además veremos un ejemplo práctico del problema, con un vídeo explicativo que te ayuda a entender qué pasa y cómo solucionarlo. [Más]

Has trabajado duro en crear esa biblioteca JavaScript maravillosa en la que llevas trabajando varias semanas en tus ratos libres. La has probado bien y está lista para ser utilizada. Ahora solamente te faltan los usuarios que la quieran usar. ¿Cómo se la hago llegar? ¿De qué manera van a descubrirla para poder sacarle partido? Bueno, pues aparte de tener el repositorio en Github, una pequeña página de documentación y /o promoción, hoy en día hay que tenerlo publicado en npm. Sí o sí. En este artículo te contamos cómo puedes publicar un paquete npm como un profesional. [Más]

Desde hace muchos años, es casi impensable desarrollar una aplicación seria que no tenga necesidad de conectarse y comunicarse con otras aplicaciones. Especialmente si se trata de una aplicación Web. Existen multitud de maneras de comunicar dos aplicaciones, pero en la Web se han impuesto los servicios REST hace años, y en los más recientes habrás escuchado hablar sin duda de los Webhooks. En este artículo te contamos en qué consisten, en qué se diferencian de una API Rest, cómo le puedes sacar partido sin ni siquiera tener que programar, y qué deberías usar entre una API y un webhook. [Más]

En este post veremos tres formas distintas de modificar con CSS la apariencia del icono de imágenes rotas que muestra el navegador cuando no puede cargar una imagen, que suele ser un icono genérico. Aunque este tipo de elementos no se suelen modificar en todos los proyectos, puede haber casos concretos en los que nos interese hacerlo, por ejemplo, en una web con contenidos generados por el usuario donde se quiere destacar bien este hecho, o simplemente porque quieres cuidar hasta el más mínimo detalle del diseño de la web. [Más]

Con HTML, CSS y JavaScript se pueden construir todo tipo de aplicaciones complejas, con casi las mismas capacidades que las nativas y que funcionan más allá de la Web: fuera del navegador en el escritorio, en dispositivos móviles, en servidores... Lejos quedan ya aquellos tiempos en los que, para crear una aplicación Web, lo único que hacía falta era un editor de texto más o menos avanzado y nada más. Hoy en día es complicado hasta tan solo seguirle la pista a todo lo que existe. En esta guía repasamos las principales categorías de herramientas Front-End para saber para qué se utilizan y cuáles son las más importantes. [Más]

Salvo que hayas vivido debajo de una piedra durante los últimos años, si te dedicas a algo relacionado con el desarrollo web Front-End, seguro que has escuchado hablar de TypeScript. Se trata de un lenguaje de programación que extiende a JavaScript y lo dota de capacidades muy interesantes que hacen que podamos escribir código con menos errores, más sencillo, coherente y fácil de probar. Pero también tiene sus "pegas". En este artículo te contamos qué es TypeScript, cómo funciona, qué ventajas tiene y qué problemas puede ocasionarte para que puedas decidir si es para ti. [Más]

Tras varios meses de retrasos y bastante incertidumbre, el pasado jueves, 6 de febrero, se lanzó definitivamente la versión 9 de Angular, uno de los frameworks de desarrollo Front-End más utilizados del mundo, especialmente en las empresas. La gran estrella de esta nueva versión es el esperadísimo nuevo compilador "Ivy", en el que llevaban trabajando mucho tiempo. El mero hecho de cambiar a la nueva versión, y gracias a Ivy, nos proporcionará grandes mejoras en nuestras aplicaciones, sin necesidad de hacer cambios sustanciales a la base de código. Te lo contamos... [Más]

Aunque todo profesional del desarrollo Web que se precie debe dominar HTML y CSS, la realidad es que en la mayor parte de los proyectos normalmente hacemos uso de alguna biblioteca o framework CSS, como por ejemplo Bootstrap (que es la más utilizada) o herramientas similares. Utilizar un framework CSS nos permite maquetar muy rápido, dar un aspecto atractivo por defecto a las aplicaciones, y tener ya hechas muchas cosas complicadas. Pero, por otro lado, utilizar un framework implica que estamos añadiendo gran cantidad de cosas a la aplicación que jamás vamos a utilizar. En este artículo aprenderás a sacar partido a la estupenda herramienta PurgeCSS para automatizar el análisis y limpieza de los archivos CSS que emplee tu aplicación web Front-End, y acabar con aplicaciones más ligeras y más rápidas. [Más]