Web Components - Usando atributos en tu Custom Element #02

preview_player
Показать описание
Segunda parte de la colección sobre Web Components en Frontend en un Minuto. En este vídeo, explicamos cómo puede usar un atributo en tu elemento de forma que su funcionalidad pueda variar. Por ejemplo, en este, vamos a mostrar cómo crear un elemento que muestra una imagen aleatoria de un panda rojo. Usaremos un atributo "gif" de forma que la imagen ya no será estática, si no que será un gif. ¡Como si fuesen elementos HTML reales!

-~-~~-~~~-~~-~-
¡No te pierdas mi último vídeo! "Variables de entorno con archivos ENV y actualizaciones en tiempo real con Firestore"
-~-~~-~~~-~~-~-
  1. midudev
  2. frontend
  3. desarrollo web
  4. javascript
  5. midudev
  6. web components
Рекомендации по теме
Web Components - 0:02:09

Web Components - Usando atributos en tu Custom Element #02

Web Components - 0:02:30

Web Components - Escuchando cambios en los atributos de tu Custom Element #03

Propiedades y Atributos 0:07:05

Propiedades y Atributos en WebComponents con Atomico JS

📦 Tu primer 0:11:48

📦 Tu primer Web Component con JavaScript [sin frameworks ni librerías]

Web Components – 0:19:01

Web Components – 2. Tu primer Web Component

A Complete Introduction 0:12:06

A Complete Introduction to Web Components

Componente web (web 1:47:34

Componente web (web component) sencillo con atributos y eventos.

Introducción a Web 0:21:27

Introducción a Web Components sin Utilizar FRAMEWORKS

Atributos y propiedades, 0:13:12

Atributos y propiedades, diferencias y uso con Custom Elements

📚 Tutorial Lit 0:58:30

📚 Tutorial Lit desde cero ¡CREA WEB COMPONENTS de forma declarativa y reactiva! ⚛️

Cómo usar Web 0:35:10

Cómo usar Web Components

Design at scale 0:28:33

Design at scale with Web Components (and ducks)

How to create 0:17:45

How to create a Web Component using Vanilla JS

DevBytes: Web Components 0:08:16

DevBytes: Web Components - Custom Elements

Componentize the Web 0:11:11

Componentize the Web

Polymer: making Web 0:08:59

Polymer: making Web Components accessible

DevBytes: Web Components 0:07:02

DevBytes: Web Components - Overview

Web Components – 0:13:24

Web Components – 1. ¿Por qué existe la tecnología Web Components?

DevBytes: Web Components 0:05:18

DevBytes: Web Components - Shadow Dom

Cómo desarollar un 0:17:16

Cómo desarollar un Web Component sin frameworks

Polymer Layout Elements 0:16:20

Polymer Layout Elements and Attributes

How to create 0:10:50

How to create a web component in React

Usar Web Components 0:26:04

Usar Web Components en Angular

Introducción a Web 1:51:18

Introducción a Web Components

Комментарии
Автор

Excelente vídeo! Claro, conciso y directo al grano; así da gusto. Muchas gracias!

eloyclemente
Автор

Genial video! y super interesante la idea de crear web components directamente desde vanilla sin la necesidad de un framework, para proyectos bien simples como landings pages. Había jugado un poco con stencil.js port parte del team de ionic para crear web-components puros en js que al fin y al cabo terminan escribiendo componentes en vanilla.

mfessia
Автор

NOOO estoy viendo los videos de midu en orden y la web con la api de pandas rojos ya no funciona :(

bastianparra