Detalle de PlatziPunk

Curso de Desarrollo Frontend de Aplicaciones Descentralizadas con Web3.Js

Contenido del curso

Introducción al desarrollo con Web3.js

1
Desarrollo Frontend de Apps Descentralizadas con Web3 y React JS
03:20 min
2
Desarrollo Frontend para Aplicaciones Descentralizadas con Web3JS y MetaMask
04:30 min

Qué es Web3.js

Desarrollo frontend con Web3.js

Despliegue de la aplicación

Sigue desarrollando

23
Recapitulación de lo aprendido con el proyecto PlatziPunks
03:42 min

Tomar examen

Cursos Empresas Blog Live Conf Eventos Precios

0:0012:37

Detalle de PlatziPunk

Curso de Desarrollo Frontend de Aplicaciones Descentralizadas con Web3.Js

Clase 14 de 23

Clase 14 / 23

Wilfred Vásquez

Hace 5 años

Para obtener los atributos del avatar hay un error. Inicialmente se está obteniendo cada valor pasando el tokenId como parámetro, cuando debería ser el dna. Para ello primero se debe resolver la promesa

const [
    tokenURI,
    dna,
    owner,
  ] = await Promise.all([
    platziPunks.methods.tokenURI(tokenId).call(),
    platziPunks.methods.tokenDNA(tokenId).call(),
    platziPunks.methods.ownerOf(tokenId).call(),
  ]);

y luego con el dna se obtiene los valores de loa atributos:

const [
    accessoriesType,
    clotheColor,
    clotheType,
    eyeType,
    eyeBrowType,
    facialHairColor,
    facialHairType,
    hairColor,
    hatColor,
    graphicType,
    mouthType,
    skinColor,
    topType,
  ] = await Promise.all([
    platziPunks.methods.getAccessoriesType(dna).call(),
    platziPunks.methods.getClotheColor(dna).call(),
    platziPunks.methods.getClotheType(dna).call(),
    platziPunks.methods.getEyeType(dna).call(),
    platziPunks.methods.getEyeBrowType(dna).call(),
    platziPunks.methods.getFacialHairColor(dna).call(),
    platziPunks.methods.getFacialHairType(dna).call(),
    platziPunks.methods.getHairColor(dna).call(),
    platziPunks.methods.getHatColor(dna).call(),
    platziPunks.methods.getGraphicType(dna).call(),
    platziPunks.methods.getMouthType(dna).call(),
    platziPunks.methods.getSkinColor(dna).call(),
    platziPunks.methods.getTopType(dna).call(),
  ])

Emilian Harastasan

Hace 5 años

Bien visto, Kudos! Aun que a mi me da error al pasar el DNA a la funcion. Error: value out-of-bounds tendré que investigar un poco

Diego Camino Reinoso

Hace 3 años

Noise!!!! buen catch !

Introducción al desarrollo con Web3.js

Desarrollo Frontend de Apps Descentralizadas con Web3 y React JS

Desarrollo Frontend para Aplicaciones Descentralizadas con Web3JS y MetaMask

Qué es Web3.js

Comunicación Frontend-Backend en Aplicaciones Blockchain

Uso de Web3 para Interactuar con la Blockchain Ethereum

Construcción de Aplicaciones Web3 con React y MetaMask

Actualización sobre testnet en Ethereum

Desarrollo frontend con Web3.js

Administrando la conexión a Metamask

Configurando Web3-React

¿Qué es un ABI?

Instanciando el contrato de PlatziPunks

Previsualizando tu PlatziPunk

Habilitando el mint de PlatziPunks

Creando la galería de PlatziPunks

Detalle de PlatziPunk

Transfiriendo un PlatziPunk a otra cuenta

Filtrando los PlatziPunks por cuenta

Despliegue de la aplicación

InterPlanetary File System

Usando IPFS e Infura para subir contenido no censurable

Despliegue de PlatziPunks en IPFS

Despliegue de Aplicaciones en Fleek usando IPFS y ENS

Ethereum Name Service

Registrando nuestro ENS y vinculando a PlatziPunks

Sigue desarrollando

Recapitulación de lo aprendido con el proyecto PlatziPunks

Detalle de PlatziPunk

Progreso del curso

Introducción al desarrollo con Web3.js

Qué es Web3.js

Desarrollo frontend con Web3.js

Despliegue de la aplicación

Sigue desarrollando