Todos los artículos sobre "Desarrollo Web"

TypeScript es un lenguaje de programación construido por encima de JavaScript que trata de evitar los mayores problemas de este último y que, al final, se transpila a JavaScript "puro y duro" para ser utilizado en el navegador. Es decir, que al final lo que obtienes es de nuevo JavaScript. Entonces ¿dónde está la ventaja? Un estudio demuestra de manera cuantitativa cuántos bugs y problemas se puede ahorrar tu equipo Front-End por pasarse a TypeScript en vez de usar directamente JavaScript. Te lo contamos. [Más]

Seamos realistas: para la mayoría de los desarrolladores que vienen de otros entornos, la parte más odiosa de hacer desarrollo Web es sin duda el Front-End, es decir, la interfaz de usuario. Con Blazor los desarrolladores de .NET y C# que creamos aplicaciones para la Web estamos de enhorabuena. Esta nueva tecnología de Microsoft nos permite hacer desarrollo Web usando C# y la plataforma .NET, de manera rápida y robusta, creando componentes reutilizables y separando las responsabilidades de la interfaz de usuario del resto de la aplicación. En este artículo te cantamos su bondades. [Más]

En este post aprenderemos a hacer un botón para un menú hamburguesa que cambiará de icono entre las clásicas tres rayitas y un aspa (vamos, una "X") alternativamente cada vez que hagamos clic. Y todo esto sin usar imágenes ni JavaScript. ¿Magia? ¿Brujería? No, CSS. De hecho este botón lo podríamos aprovechar para usarlo con este menú escamoteable, también sin JavaScript, que ya vimos en otro post. [Más]

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]