CSS es mucho más potente y profundo de lo que muchos desarrolladores creen y, cualquiera que lo quiera abordar seriamente para maquetar webs, realmente puede sentirse abrumado y caer en la tentación de solo rascar la superficie. En este post he recopilado unos cuantos puntos clave que pueden ayudar a cualquiera que se esté iniciando en serio en la maquetación web. [Más]

Una necesidad muy habitual a la hora de programar es la de obtener valores por defecto para los parámetros de las funciones. Al contrario que en otros lenguajes como C# o Java, en JavaScript no hay manera de forzar la definición de una función y sus parámetros. Podemos definir una función con tantos parámetros como deseemos, pero eso no significa que luego los otros programadores nos los vayan a pasar siempre. Y es que en JavaScript todos los parámetros de una función son opcionales, pero al mismo tiempo no tenemos manera de otorgarles un valor predeterminado por si no nos los pasan. En este artículo veremos cómo podemos conseguirlo (más o menos) con JavaScript tradicional y luego con el nuevo operador específico de ECMAScript 2020. [Más]

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]