Crea tu primer componente con Web Components

Los Custom Elements del estándar Javascript de Web Components permiten extender el HTML de manera nativa, creando unidades o etiquetas que encapsulan un aspecto y una funcionalidad. En este artículo te explicaremos cómo construir uno de ellos, demostrando lo fácil que es sacar partido a las ventajas del estándar, usando únicamente Javascript.

Leer más

Cómo utilizar los componentes de LitElement en cualquier proyecto web

Hoy en día, prácticamente todos los navegadores entenderán el código de Web Components con el que trabajemos. No obstante, la implantación de estos componentes en cualquier proyecto web requiere de cierta práctica y preparación previa. Esto es exactamente lo que haremos en este tutorial con un ejemplo muy sencillo. Y, para ello, nos apoyaremos en LitElement, que funciona con cualquier tecnología que usemos del lado del servidor.

Leer más

Cómo utilizar Material Web Components

En sus inicios, se entendía Material Design como las guías de estilo de Google para Android. Sin embargo, se ha convertido en todo un estándar que actualmente podemos encontrar en aplicaciones de escritorio u páginas web y cuyo concepto se ha llegado a ampliar hacia los Web Components. Es lo que denominamos Material Web Components que, basados completamente en JavaScript nativo, protagonizan este artículo en el que explicamos su funcionamiento de cara a utilizarlos en cualquier proyecto y caso de uso.

Leer más

6 tendencias que marcarán el Desarrollo Web en 2019

Muchas técnicas y tecnologías están luchando hoy en día por formar parte del paquete de herramientas que los  desarrolladores  utilizan cuando ponen en marcha cualquier proyecto. A su vez, muchas instituciones públicas y privadas se esfuerzan por situar su software en lo más alto de las clasificaciones de soluciones más utilizadas en Desarrollo Web. Al final,  todo depende de la Comunidad de profesionales, que decidirá qué tecnologías acabarán dominando 2019.  No obstante,  hemos querido repasar las principales tecnologías que esperamos se conviertan en tendencia durante este nuevo año.
Leer más

Repasamos las novedades de Polymer 2

Hace ya un tiempo que hablamos de Polymer, la librería para agilizar el desarrollo con Web Components, de la que incluso hemos publicado algunos tutoriales prácticos.  Ahora,  analizamos su versión 2, con todas las novedades que trae, especialmente en cuanto al nuevo estándar Web Components V1 y el lenguaje JavaScript ES6. Con esta nueva versión,  la librería de referencia para el desarrollo de componentes es capaz de obtener lo mejor de los navegadores y se adapta a las necesidades actuales del Desarrollo Web. Hoy por hoy, Polymer es una apuesta segura, dado que es la única que usa el estándar y ha conseguido que la experiencia de desarrollo sea sencilla y agradable para los profesionales.
Leer más

Polymer, la librería para agilizar el desarrollo con Web Components

Nos encontramos en un momento en el que no paran de aparecer nuevas propuestas de tecnologías, frameworks y librerías para el desarrollo front-end. Una de las últimas y más versátiles alternativas que se ha sumado a esta corriente es Polymer,  “un nuevo tipo de librería Javascript”, tal y como se define a sí misma.

Su principal diferencia frente a otras librerías y frameworks, es que Polymer está basada en el estándar de los Web Components, una tecnología que está revolucionando el desarrollo web. Ya hemos hablado anteriormente del estándar de los Web Components, tanto desde el punto de vista teórico como desde el punto de vista más práctico, así que hoy toca centramos en esta librería, que nos facilita mucho la vida de cara al trabajo con Web Components.

Leer más

¿Qué son los Web Components?

Muchos sitios usan ya partes de las especificaciones de Web Components (o componentes web) para producir sus interfaces e implementar funcionalidad del lado del clienteEn este artículo, explicamos qué son exactamente los Web Components y qué objetivos o necesidades cubren, así como algunas de sus especificaciones, ya que suponen  una auténtica revolución en el mundo del desarrollo web y, poco a poco, han adquirido un mayor soporte por parte de los principales navegadores.

Leer más