<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	 xmlns:media="http://search.yahoo.com/mrss/" >

<channel>
	<title>Webcomponents &#8211; NelkoDev</title>
	<atom:link href="https://nelkodev.com/webcomponents/feed/" rel="self" type="application/rss+xml" />
	<link>https://nelkodev.com</link>
	<description></description>
	<lastBuildDate>Mon, 03 Jun 2024 17:44:20 +0000</lastBuildDate>
	<language>es</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://nelkodev.com/wp-content/uploads/2022/03/cropped-logo-nelkodev-32x32.png</url>
	<title>Webcomponents &#8211; NelkoDev</title>
	<link>https://nelkodev.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Comunicación de Custom Events en WebComponents</title>
		<link>https://nelkodev.com/blog/comunicacion-de-custom-events-en-webcomponents/</link>
					<comments>https://nelkodev.com/blog/comunicacion-de-custom-events-en-webcomponents/#respond</comments>
		
		<dc:creator><![CDATA[NelkoDev]]></dc:creator>
		<pubDate>Thu, 11 Apr 2024 10:53:09 +0000</pubDate>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Webcomponents]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[comunicación]]></category>
		<category><![CDATA[custom]]></category>
		<category><![CDATA[events]]></category>
		<category><![CDATA[webcomponents]]></category>
		<guid isPermaLink="false">https://nelkodev.com/blog/comunicacion-de-custom-events-en-webcomponents/</guid>

					<description><![CDATA[Los WebComponents se han convertido en una herramienta fundamental en el desarrollo web. Permiten encapsular parte del código en componentes reutilizables, lo que facilita el mantenimiento y la escalabilidad de una aplicación. Entre las funcionalidades más interesantes que nos ofrecen los WebComponents se encuentra la comunicación mediante Custom Events. ¿Qué son los Custom Events en [&#8230;]]]></description>
		
					<wfw:commentRss>https://nelkodev.com/blog/comunicacion-de-custom-events-en-webcomponents/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Componentes Custom Elements: La forma de crear etiquetas HTML personalizadas con Javascript</title>
		<link>https://nelkodev.com/blog/componentes-custom-elements-la-forma-de-crear-etiquetas-html-personalizadas-con-javascript/</link>
					<comments>https://nelkodev.com/blog/componentes-custom-elements-la-forma-de-crear-etiquetas-html-personalizadas-con-javascript/#respond</comments>
		
		<dc:creator><![CDATA[NelkoDev]]></dc:creator>
		<pubDate>Tue, 09 Apr 2024 21:10:25 +0000</pubDate>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Webcomponents]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[componentes]]></category>
		<category><![CDATA[con]]></category>
		<category><![CDATA[crear]]></category>
		<category><![CDATA[custom]]></category>
		<category><![CDATA[elements:]]></category>
		<category><![CDATA[etiquetas]]></category>
		<category><![CDATA[forma]]></category>
		<category><![CDATA[html:]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[personalizadas]]></category>
		<category><![CDATA[webcomponents]]></category>
		<guid isPermaLink="false">https://nelkodev.com/blog/componentes-custom-elements-la-forma-de-crear-etiquetas-html-personalizadas-con-javascript/</guid>

					<description><![CDATA[Los web components han revolucionado la forma en que desarrollamos aplicaciones web. Estos componentes nos permiten crear etiquetas HTML personalizadas con Javascript, lo que brinda una amplia gama de posibilidades para la creación de interfaces de usuario más dinámicas y modulares. En este artículo, exploraremos en detalle los componentes custom elements y cómo utilizarlos en [&#8230;]]]></description>
		
					<wfw:commentRss>https://nelkodev.com/blog/componentes-custom-elements-la-forma-de-crear-etiquetas-html-personalizadas-con-javascript/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Atomico: Props y Hooks en Atomico &#8211; WebComponents Javascript en español</title>
		<link>https://nelkodev.com/blog/atomico-props-y-hooks-en-atomico-webcomponents-javascript-en-espanol/</link>
					<comments>https://nelkodev.com/blog/atomico-props-y-hooks-en-atomico-webcomponents-javascript-en-espanol/#respond</comments>
		
		<dc:creator><![CDATA[NelkoDev]]></dc:creator>
		<pubDate>Mon, 08 Apr 2024 19:03:28 +0000</pubDate>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Webcomponents]]></category>
		<category><![CDATA[atomico]]></category>
		<category><![CDATA[base de datos]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[español]]></category>
		<category><![CDATA[hooks]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[props]]></category>
		<category><![CDATA[webcomponents]]></category>
		<guid isPermaLink="false">https://nelkodev.com/blog/atomico-props-y-hooks-en-atomico-webcomponents-javascript-en-espanol/</guid>

					<description><![CDATA[En este artículo hablaremos sobre Atomico, una biblioteca de JavaScript que permite crear componentes web reutilizables y personalizables. Exploraremos cómo trabajar con Props y Hooks en Atomico y cómo pueden mejorar nuestra experiencia de desarrollo. Atomico utiliza el concepto de WebComponents, que es una especificación de la World Wide Web Consortium (W3C) que permite crear [&#8230;]]]></description>
		
					<wfw:commentRss>https://nelkodev.com/blog/atomico-props-y-hooks-en-atomico-webcomponents-javascript-en-espanol/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Shadow DOM: una introducción a los WebComponents</title>
		<link>https://nelkodev.com/blog/shadow-dom-una-introduccion-a-los-webcomponents/</link>
					<comments>https://nelkodev.com/blog/shadow-dom-una-introduccion-a-los-webcomponents/#respond</comments>
		
		<dc:creator><![CDATA[NelkoDev]]></dc:creator>
		<pubDate>Thu, 04 Apr 2024 04:21:45 +0000</pubDate>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Webcomponents]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[dom?]]></category>
		<category><![CDATA[introducción,]]></category>
		<category><![CDATA[los]]></category>
		<category><![CDATA[shadow]]></category>
		<category><![CDATA[una]]></category>
		<category><![CDATA[webcomponents]]></category>
		<guid isPermaLink="false">https://nelkodev.com/blog/shadow-dom-una-introduccion-a-los-webcomponents/</guid>

					<description><![CDATA[Los WebComponents son una tecnología revolucionaria en la construcción de aplicaciones web. Al utilizar componentes reutilizables, los desarrolladores pueden crear interfaces de usuario más modulares y mantenibles. Uno de los conceptos clave de los WebComponents es el Shadow DOM. En este artículo, exploraremos qué es el Shadow DOM y cómo se utiliza en la construcción [&#8230;]]]></description>
		
					<wfw:commentRss>https://nelkodev.com/blog/shadow-dom-una-introduccion-a-los-webcomponents/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Entendiendo las propiedades y atributos en Lit</title>
		<link>https://nelkodev.com/blog/entendiendo-las-propiedades-y-atributos-en-lit/</link>
					<comments>https://nelkodev.com/blog/entendiendo-las-propiedades-y-atributos-en-lit/#respond</comments>
		
		<dc:creator><![CDATA[NelkoDev]]></dc:creator>
		<pubDate>Mon, 01 Apr 2024 23:30:01 +0000</pubDate>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Webcomponents]]></category>
		<category><![CDATA[atributos]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[entendiendo]]></category>
		<category><![CDATA[las]]></category>
		<category><![CDATA[lit]]></category>
		<category><![CDATA[propiedades]]></category>
		<category><![CDATA[webcomponents]]></category>
		<guid isPermaLink="false">https://nelkodev.com/blog/entendiendo-las-propiedades-y-atributos-en-lit/</guid>

					<description><![CDATA[En el desarrollo de aplicaciones web modernas, los Web Components se han convertido en una herramienta muy utilizada. Y una de las librerías más populares para trabajar con Web Components es Lit. En este artículo, vamos a explorar en detalle las propiedades y atributos en Lit, y cómo sacarles el máximo provecho en nuestros proyectos. [&#8230;]]]></description>
		
					<wfw:commentRss>https://nelkodev.com/blog/entendiendo-las-propiedades-y-atributos-en-lit/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Shadow DOM: CSS Scoping en Web Components</title>
		<link>https://nelkodev.com/blog/shadow-dom-css-scoping-en-web-components/</link>
					<comments>https://nelkodev.com/blog/shadow-dom-css-scoping-en-web-components/#respond</comments>
		
		<dc:creator><![CDATA[NelkoDev]]></dc:creator>
		<pubDate>Sat, 23 Mar 2024 22:10:30 +0000</pubDate>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Webcomponents]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[components]]></category>
		<category><![CDATA[css:]]></category>
		<category><![CDATA[dom?]]></category>
		<category><![CDATA[scoping]]></category>
		<category><![CDATA[shadow]]></category>
		<category><![CDATA[web?]]></category>
		<category><![CDATA[webcomponents]]></category>
		<guid isPermaLink="false">https://nelkodev.com/blog/shadow-dom-css-scoping-en-web-components/</guid>

					<description><![CDATA[En el mundo del desarrollo web, la creación de componentes reutilizables y modulares es esencial para construir aplicaciones sólidas y escalables. Los Web Components son una tecnología que nos permite encapsular HTML, CSS y JavaScript en elementos personalizados, facilitando su reutilización y promoviendo una mejor organización del código. ¿Qué es Shadow DOM? El Shadow DOM [&#8230;]]]></description>
		
					<wfw:commentRss>https://nelkodev.com/blog/shadow-dom-css-scoping-en-web-components/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title></title>
		<link>https://nelkodev.com/blog/24526/</link>
					<comments>https://nelkodev.com/blog/24526/#respond</comments>
		
		<dc:creator><![CDATA[NelkoDev]]></dc:creator>
		<pubDate>Sat, 16 Mar 2024 07:54:51 +0000</pubDate>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[NodeJS]]></category>
		<category><![CDATA[Webcomponents]]></category>
		<category><![CDATA[base de datos]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[name="titulo">]]></category>
		<category><![CDATA[nodejs]]></category>
		<category><![CDATA[webcomponents]]></category>
		<guid isPermaLink="false">https://nelkodev.com/blog/24526/</guid>

					<description><![CDATA[# Utilizando los Slots en WebComponents y el Shadow DOM para una mejor estructura de tus componentes El desarrollo web ha evolucionado en los últimos años con la introducción de los WebComponents, que permiten crear elementos personalizados y reutilizables. Uno de los conceptos clave de los WebComponents es el Shadow DOM, el cual brinda una [&#8230;]]]></description>
		
					<wfw:commentRss>https://nelkodev.com/blog/24526/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Componentes que son WebComponents.</title>
		<link>https://nelkodev.com/blog/componentes-que-son-webcomponents/</link>
					<comments>https://nelkodev.com/blog/componentes-que-son-webcomponents/#respond</comments>
		
		<dc:creator><![CDATA[NelkoDev]]></dc:creator>
		<pubDate>Sat, 02 Mar 2024 15:04:02 +0000</pubDate>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Webcomponents]]></category>
		<category><![CDATA[¿qué]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[componentes]]></category>
		<category><![CDATA[son]]></category>
		<category><![CDATA[webcomponents]]></category>
		<guid isPermaLink="false">https://nelkodev.com/blog/componentes-que-son-webcomponents/</guid>

					<description><![CDATA[En el mundo del desarrollo web, cada vez es más común encontrarnos con el término &#34;WebComponents&#34;. Pero, ¿qué son exactamente los WebComponents? En este artículo te explicaremos detalladamente qué son y cómo pueden mejorar el desarrollo de tus aplicaciones web. ¿Qué son los WebComponents? Los WebComponents son una tecnología de la web moderna que permite [&#8230;]]]></description>
		
					<wfw:commentRss>https://nelkodev.com/blog/componentes-que-son-webcomponents/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Desarrollando componentes y plantillas HTML con Web Components</title>
		<link>https://nelkodev.com/blog/desarrollando-componentes-y-plantillas-html-con-web-components/</link>
					<comments>https://nelkodev.com/blog/desarrollando-componentes-y-plantillas-html-con-web-components/#respond</comments>
		
		<dc:creator><![CDATA[NelkoDev]]></dc:creator>
		<pubDate>Tue, 27 Feb 2024 01:53:06 +0000</pubDate>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[NodeJS]]></category>
		<category><![CDATA[Webcomponents]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[componentes]]></category>
		<category><![CDATA[components]]></category>
		<category><![CDATA[con]]></category>
		<category><![CDATA[desarrollando]]></category>
		<category><![CDATA[html:]]></category>
		<category><![CDATA[nodejs]]></category>
		<category><![CDATA[plantillas]]></category>
		<category><![CDATA[web?]]></category>
		<category><![CDATA[webcomponents]]></category>
		<guid isPermaLink="false">https://nelkodev.com/blog/desarrollando-componentes-y-plantillas-html-con-web-components/</guid>

					<description><![CDATA[En el mundo del desarrollo web, la creación de componentes y plantillas HTML es una práctica común para lograr una estructura modular y reutilizable en nuestros proyectos. Uno de los enfoques más populares para lograr esto es el uso de Web Components. En este artículo, profundizaremos en cómo utilizar HTML y Javascript para crear componentes [&#8230;]]]></description>
		
					<wfw:commentRss>https://nelkodev.com/blog/desarrollando-componentes-y-plantillas-html-con-web-components/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Creando Plantillas con lit-html: Una guía completa</title>
		<link>https://nelkodev.com/blog/creando-plantillas-con-lit-html-una-guia-completa/</link>
					<comments>https://nelkodev.com/blog/creando-plantillas-con-lit-html-una-guia-completa/#respond</comments>
		
		<dc:creator><![CDATA[NelkoDev]]></dc:creator>
		<pubDate>Fri, 23 Feb 2024 16:17:19 +0000</pubDate>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Webcomponents]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[completa]]></category>
		<category><![CDATA[con]]></category>
		<category><![CDATA[creando]]></category>
		<category><![CDATA[guía]]></category>
		<category><![CDATA[lit-html:]]></category>
		<category><![CDATA[plantillas]]></category>
		<category><![CDATA[una]]></category>
		<category><![CDATA[webcomponents]]></category>
		<guid isPermaLink="false">https://nelkodev.com/blog/creando-plantillas-con-lit-html-una-guia-completa/</guid>

					<description><![CDATA[Si eres desarrollador web y estás buscando una forma eficiente y fácil de crear plantillas en tu proyecto, entonces lit-html es la solución perfecta para ti. En este artículo, exploraremos cómo utilizar lit-html para crear plantillas en JavaScript y cómo aprovechar al máximo esta poderosa biblioteca. ¿Qué son las Plantillas lit-html? Las Plantillas lit-html son [&#8230;]]]></description>
		
					<wfw:commentRss>https://nelkodev.com/blog/creando-plantillas-con-lit-html-una-guia-completa/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Shadow DOM y Light DOM: Una introducción a los Web Components</title>
		<link>https://nelkodev.com/blog/shadow-dom-y-light-dom-una-introduccion-a-los-web-components/</link>
					<comments>https://nelkodev.com/blog/shadow-dom-y-light-dom-una-introduccion-a-los-web-components/#respond</comments>
		
		<dc:creator><![CDATA[NelkoDev]]></dc:creator>
		<pubDate>Wed, 21 Feb 2024 08:02:55 +0000</pubDate>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Webcomponents]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[components]]></category>
		<category><![CDATA[dom?]]></category>
		<category><![CDATA[introducción,]]></category>
		<category><![CDATA[light]]></category>
		<category><![CDATA[los]]></category>
		<category><![CDATA[shadow]]></category>
		<category><![CDATA[una]]></category>
		<category><![CDATA[web?]]></category>
		<category><![CDATA[webcomponents]]></category>
		<guid isPermaLink="false">https://nelkodev.com/blog/shadow-dom-y-light-dom-una-introduccion-a-los-web-components/</guid>

					<description><![CDATA[En el mundo del desarrollo web, los Web Components han revolucionado la forma en que construimos aplicaciones y sitios web. Con la capacidad de encapsular código y estilos, los Web Components brindan una forma eficiente de crear componentes reutilizables y personalizables. En este artículo, exploraremos dos conceptos clave en los Web Components: el Shadow DOM [&#8230;]]]></description>
		
					<wfw:commentRss>https://nelkodev.com/blog/shadow-dom-y-light-dom-una-introduccion-a-los-web-components/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Shadow DOM y CSS Parts: Una introducción a los Web Components</title>
		<link>https://nelkodev.com/blog/shadow-dom-y-css-parts-una-introduccion-a-los-web-components/</link>
					<comments>https://nelkodev.com/blog/shadow-dom-y-css-parts-una-introduccion-a-los-web-components/#respond</comments>
		
		<dc:creator><![CDATA[NelkoDev]]></dc:creator>
		<pubDate>Sun, 18 Feb 2024 00:15:04 +0000</pubDate>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[NodeJS]]></category>
		<category><![CDATA[Webcomponents]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[components]]></category>
		<category><![CDATA[css:]]></category>
		<category><![CDATA[dom?]]></category>
		<category><![CDATA[introducción,]]></category>
		<category><![CDATA[los]]></category>
		<category><![CDATA[nodejs]]></category>
		<category><![CDATA[parts:]]></category>
		<category><![CDATA[shadow]]></category>
		<category><![CDATA[una]]></category>
		<category><![CDATA[web?]]></category>
		<category><![CDATA[webcomponents]]></category>
		<guid isPermaLink="false">https://nelkodev.com/blog/shadow-dom-y-css-parts-una-introduccion-a-los-web-components/</guid>

					<description><![CDATA[En el mundo del desarrollo web, los Web Components se han convertido en una herramienta muy útil para crear interfaces de usuario personalizadas y reutilizables. Una de las características más poderosas de los Web Components es el Shadow DOM y CSS Parts, que permite encapsular estilos y comportamientos de manera efectiva. En este artículo, exploraremos [&#8230;]]]></description>
		
					<wfw:commentRss>https://nelkodev.com/blog/shadow-dom-y-css-parts-una-introduccion-a-los-web-components/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
