├── .vscode └── settings.json ├── Atributos ├── index.html └── my-element.js ├── Componentes3ros └── index.html ├── CustomElements ├── index.html └── my-element.js ├── CustomProperties ├── index.html └── my-element.js ├── Proyecto ├── app.js ├── componentes │ └── product-card.js ├── imgs │ └── nike-blue.png ├── index.html └── style.css ├── ShadowDOM ├── index.html └── my-element.js ├── Slot ├── index.html └── my-element.js ├── Template ├── index.html └── my-element.js ├── attributeChangedCallback ├── index.html └── my-element.js ├── disconnectedCallback ├── app.js └── index.html ├── host ├── index.html └── my-element.js └── slotted ├── index.html └── my-element.js /.vscode/settings.json: -------------------------------------------------------------------------------- 1 | { 2 | "liveServer.settings.port": 5501 3 | } -------------------------------------------------------------------------------- /Atributos/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/degranda/curso-web-components/HEAD/Atributos/index.html -------------------------------------------------------------------------------- /Atributos/my-element.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/degranda/curso-web-components/HEAD/Atributos/my-element.js -------------------------------------------------------------------------------- /Componentes3ros/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/degranda/curso-web-components/HEAD/Componentes3ros/index.html -------------------------------------------------------------------------------- /CustomElements/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/degranda/curso-web-components/HEAD/CustomElements/index.html -------------------------------------------------------------------------------- /CustomElements/my-element.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/degranda/curso-web-components/HEAD/CustomElements/my-element.js -------------------------------------------------------------------------------- /CustomProperties/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/degranda/curso-web-components/HEAD/CustomProperties/index.html -------------------------------------------------------------------------------- /CustomProperties/my-element.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/degranda/curso-web-components/HEAD/CustomProperties/my-element.js -------------------------------------------------------------------------------- /Proyecto/app.js: -------------------------------------------------------------------------------- 1 | import "./componentes/product-card.js"; 2 | -------------------------------------------------------------------------------- /Proyecto/componentes/product-card.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/degranda/curso-web-components/HEAD/Proyecto/componentes/product-card.js -------------------------------------------------------------------------------- /Proyecto/imgs/nike-blue.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/degranda/curso-web-components/HEAD/Proyecto/imgs/nike-blue.png -------------------------------------------------------------------------------- /Proyecto/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/degranda/curso-web-components/HEAD/Proyecto/index.html -------------------------------------------------------------------------------- /Proyecto/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/degranda/curso-web-components/HEAD/Proyecto/style.css -------------------------------------------------------------------------------- /ShadowDOM/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/degranda/curso-web-components/HEAD/ShadowDOM/index.html -------------------------------------------------------------------------------- /ShadowDOM/my-element.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/degranda/curso-web-components/HEAD/ShadowDOM/my-element.js -------------------------------------------------------------------------------- /Slot/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/degranda/curso-web-components/HEAD/Slot/index.html -------------------------------------------------------------------------------- /Slot/my-element.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/degranda/curso-web-components/HEAD/Slot/my-element.js -------------------------------------------------------------------------------- /Template/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/degranda/curso-web-components/HEAD/Template/index.html -------------------------------------------------------------------------------- /Template/my-element.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/degranda/curso-web-components/HEAD/Template/my-element.js -------------------------------------------------------------------------------- /attributeChangedCallback/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/degranda/curso-web-components/HEAD/attributeChangedCallback/index.html -------------------------------------------------------------------------------- /attributeChangedCallback/my-element.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/degranda/curso-web-components/HEAD/attributeChangedCallback/my-element.js -------------------------------------------------------------------------------- /disconnectedCallback/app.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/degranda/curso-web-components/HEAD/disconnectedCallback/app.js -------------------------------------------------------------------------------- /disconnectedCallback/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/degranda/curso-web-components/HEAD/disconnectedCallback/index.html -------------------------------------------------------------------------------- /host/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/degranda/curso-web-components/HEAD/host/index.html -------------------------------------------------------------------------------- /host/my-element.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/degranda/curso-web-components/HEAD/host/my-element.js -------------------------------------------------------------------------------- /slotted/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/degranda/curso-web-components/HEAD/slotted/index.html -------------------------------------------------------------------------------- /slotted/my-element.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/degranda/curso-web-components/HEAD/slotted/my-element.js --------------------------------------------------------------------------------