Aunque programar todo por uno mismo provoca una gran satisfacción, es conveniente superar el síndrome del "No inventado aquí" y sacar partido al código que tan generosamente han donado al bien común otros desarrolladores. En el mundo del desarrollo web Front-End existen infinidad de bibliotecas (mal llamadas "librerías") que nos permiten dotar de potentes funcionalidades a nuestras aplicaciones, sin apenas esfuerzo, mejorando el diseño, la funcionalidad o la experiencia de usuario. Existen miles de bibliotecas JavaScript. Hay vida más allá de jQuery y React, bibliotecas con las que ya estarás familiarizado y que están muy contrastadas. Aquí nos vamos a centrar en otras opciones y las vamos a agrupar por usos... Evidentemente en este artículo no vamos a revisarlas todas, e incluso seremos injustos con alguna que debería figurar en esta lista. Hemos descartado muchas porque es casi materialmente imposible comentarlas todas. [Más]

Siempre me ha parecido que, una de las cosas más agradecidas de los documentos HTML de la web, aparte de porder insertar imágenes o vídeos, está en la posibilidad de crear hipervínculos o enlaces entre ellos. De hecho, yo creo que esta es una de las características que más puede emocionar y motivar a los novatos que jamás han tocado código ni con un palo, y que deciden adentrarse en el mundo del desarrollo web. [Más]

Webassembly o WASM es un formato bytecode de bajo nivel para secuencias de comandos en el lado del cliente (el navegador), evolucionado desde JavaScript. Puedes compilar fácilmente a WebAssembly desde C y C++ hoy en día... y más lenguajes de programación se están subiendo al carro para incluir WebAssembly como objetivo de compilación cada día. Existen varios proyectos que permiten compilar C# y .NET a Web Assembly y por lo tanto utilizar el código que quieres y conoces directamente desde el navegador. Scott Hanselman te cuenta cómo... [Más]

Desde finales de la semana pasada está ya disponible Angular 5, la nueva versión del conocido framework de desarrollo web Front-End. Esta versión entra dentro del plan de Google de lanzar una nueva revisión "grande" cada 6 meses, aunque en ocasiones las novedades sean más bien escasas. No es lo que ocurre en esta ocasión, en la que la versión 5 trae bastantes cosas nuevas y alguna de ellas bastante importante. Vamos a verlas... [Más]

Si trabajas en desarrollo web, entonces casi seguro que has escuchado hablar de Webpack. Esta útil herramienta se vende como un "bundler", una herramienta capaz de empaquetar varios módulos JavaScript en un solo archivo .js para optimizar las descargas. Pero lo cierto es que es muchísimo más que eso. Es tan potente que hoy en día ha sustituido por completo a otras herramientas tradicionales de desarrollo web Front-End como Bower, Gulp o Grunt, e incluso a servidores web de desarrollo. En este artículo te explicamos qué es, para qué se usa y cuáles son sus ventajas e inconvenientes. [Más]

Hace casi un año se lanzaba la herramienta Yarn, creada por Facebook para sustituir y mejorar a npm (el gestor de paquetes de Node.js). La herramienta trataba de solucionar algunos problemas importantes de npm en proyectos muy grandes, como los que maneja Facebook. Por ejemplo, su lentitud y el hecho de que no era predecible en cuanto a la manera de descargar las dependencias. Desde su lanzamiento muchos programadores han adoptado Yarn como un sustituto inmediato de npm, ganando sobre todo en velocidad y comodidad de uso. Sin embargo npm se ha puesto las pilas y presentó hace poco su versión 5 que solucionaba algunos de esos problemas, quedando (casi) en igualdad de condiciones con Yarn. Pero solo casi... Ahora Yarn vuelve a adelantarles por la derecha con el lanzamiento de su versión 1.0, dando el paso a la madurez con este número de versión y añadiendo algunas novedades interesantes. [Más]

Si actualmente estás dando tus primeros pasos en el desarrollo web front end quizá no sepas que, hubo un tiempo, no muy lejano, en el que las webs eran bloques monolíticos donde el concepto de animación no iba mucho más allá de las diabólicas etiquetas <blink>, <marquee> o los gifs animados. En cambio, hoy en día nos podemos encontrar webs que son magníficas coreografías de elementos animados. En este post te recopilamos 9 bibliotecas de efectos y animaciones que te aportarán muchas ideas aparte de ahorrarte trabajo a la hora de animar tu web. Úsalas con mesura y sabiduría. [Más]

npm te permite gestionar dependencias de tus proyectos, tanto para desarrollo como para producción, y también se ha convertido en el task runner más utilizado, desplazando a herramientas como Grunt (casi desaparecido en combate) y Gulp (aunque este resiste mejor el embate). Aún así no está exento de problemas, fundamentalmente dos: es lento, y el orden de instalación de las dependencias no es predecible. Éstos no son realmente problemas importantes en proyectos pequeños, pero sí lo son cuando manejas proyectos de gran tamaño entre muchas personas. Su última versión soluciona algunos de los problemas que tenía y que la herramienta compatible Yarn estaba diseñada para solventar. A la luz de esto ¿sigue siendo relevante Yarn? ¿Deberíamos usarlo? [Más]

React es sin duda la librería de moda en el mundo del desarrollo web Front-End. Creada y mantenida por Facebook es una biblioteca para crear interfaces de usuario basadas en componentes. Se basa mucho en JavaScript y ECMAScript y utiliza un DOM Virtual para conseguir un altísimo rendimiento. Cada componente que creas puede mantener su propio estado, contener otros componentes y comunicarse entre ellos. En lugar de usar plantillas, la lógica de cada componente se crea con JavaScript/ECMAScript puro, por eso le gusta tanto a muchos programadores. Al basarse en componentes reutilizables, existen multitud de bibliotecas de componentes y extensiones listas para utilizar que te pueden ahorrar mucho trabajo a la hora de crear tus interfaces de usuario Web basadas en React.
Vamos a ver a continuación 5 de los más destacados... Por supuesto gratuitos y de código abierto. [Más]

Desde que AngularJS evolucionó a Angular nos encontramos ya por fin ante una tecnología madura. Un framework estable en el que vale la pena invertir tiempo y recursos para aprenderlo bien y sacarle provecho. No obstante, si todavía te estás iniciando y te encuentras un poco perdido, aquí te recopilamos algunos de los artículos sobre Angular más populares de nuestro blog y que te servirán para orientarte. [Más]