CursosEmpresasBlogLiveConfPrecios

Habilitando el mint de PlatziPunks

Clase 12 de 23 • Curso de Desarrollo Frontend de Aplicaciones Descentralizadas con Web3.Js

Clase anteriorSiguiente clase

Contenido del curso

Introducción al desarrollo con Web3.js
  • 1
    Desarrollo Frontend de Apps Descentralizadas con Web3 y React JS

    Desarrollo Frontend de Apps Descentralizadas con Web3 y React JS

    03:20
  • 2
    Desarrollo Frontend para Aplicaciones Descentralizadas con Web3JS y MetaMask

    Desarrollo Frontend para Aplicaciones Descentralizadas con Web3JS y MetaMask

    04:30
Qué es Web3.js
  • 3
    Comunicación Frontend-Backend en Aplicaciones Blockchain

    Comunicación Frontend-Backend en Aplicaciones Blockchain

    09:43
  • 4
    Uso de Web3 para Interactuar con la Blockchain Ethereum

    Uso de Web3 para Interactuar con la Blockchain Ethereum

    09:43
  • 5
    Construcción de Aplicaciones Web3 con React y MetaMask

    Construcción de Aplicaciones Web3 con React y MetaMask

    14:08
  • 6
    Actualización sobre testnet en Ethereum

    Actualización sobre testnet en Ethereum

    01:52
Desarrollo frontend con Web3.js
  • 7
    Administrando la conexión a Metamask

    Administrando la conexión a Metamask

    12:37
  • 8
    Configurando Web3-React

    Configurando Web3-React

    21:30
  • 9
    ¿Qué es un ABI?

    ¿Qué es un ABI?

    05:44
  • 10
    Instanciando el contrato de PlatziPunks

    Instanciando el contrato de PlatziPunks

    14:07
  • 11
    Previsualizando tu PlatziPunk

    Previsualizando tu PlatziPunk

    11:54
  • 12
    Habilitando el mint de PlatziPunks

    Habilitando el mint de PlatziPunks

    15:54
  • 13
    Creando la galería de PlatziPunks

    Creando la galería de PlatziPunks

    20:43
  • 14
    Detalle de PlatziPunk

    Detalle de PlatziPunk

    12:37
  • 15
    Transfiriendo un PlatziPunk a otra cuenta

    Transfiriendo un PlatziPunk a otra cuenta

    15:24
  • 16
    Filtrando los PlatziPunks por cuenta

    Filtrando los PlatziPunks por cuenta

    20:38
Despliegue de la aplicación
  • 17
    InterPlanetary File System

    InterPlanetary File System

    06:48
  • 18
    Usando IPFS e Infura para subir contenido no censurable

    Usando IPFS e Infura para subir contenido no censurable

    11:41
  • 19
    Despliegue de PlatziPunks en IPFS

    Despliegue de PlatziPunks en IPFS

    09:55
  • 20

    Despliegue de Aplicaciones en Fleek usando IPFS y ENS

    02:29
  • 21
    Ethereum Name Service

    Ethereum Name Service

    04:04
  • 22
    Registrando nuestro ENS y vinculando a PlatziPunks

    Registrando nuestro ENS y vinculando a PlatziPunks

    11:50
Sigue desarrollando
  • 23
    Recapitulación de lo aprendido con el proyecto PlatziPunks

    Recapitulación de lo aprendido con el proyecto PlatziPunks

    03:42
    Jimmy Buriticá Londoño

    Jimmy Buriticá Londoño

    student•
    hace 4 años

    Números grandes

    Durante el presente curso creé un Token ERC20 y estoy haciendo las funciones para interactuar con el Smart Contract. Al crear la función mint() tenía problemas porque los números enteros son muy grandes con 18 ceros y Javascript genera un error, para solucionarlo usé la función: web3.utils.toBN() . y la pueden usar así:

    token.mint(account, web3.utils.toBN("555000000000000000000")....
      Alejandro Chavez

      Alejandro Chavez

      student•
      hace 3 años

      Creo que esta deprecated, en su lugar se puede usar simplemente BigInt(...)

    Joaquin Villamediana

    Joaquin Villamediana

    student•
    hace 4 años

    Yo le agregue en el .on('receipt') la funcion getPlatziPunksData(); luego del toast para que actualice la informacion del proximo minting.

    Ángel David Lerma Carrera

    Ángel David Lerma Carrera

    student•
    hace 4 años

    Porqué a mi me cobra demasiado para el mint? Me pide Estimated gas fee: 0.07125

      Tania Sosa

      Tania Sosa

      student•
      hace 4 años

      ¡Hola Angel! 😄

      Cuando la red se encuentra más congestionada de transacciones cobra más alto el GAS. Actualmente hay muchísimo más movimiento que cuando se grabó el curso, por eso el costo actual para mintear anda por las nubes. Otra opción es mintear desde alguna otra blockchain como Polygon (Matic) Puedes leer más de ésto aqui

      ¡Nunca pares de aprender! 💚

    Luis Berenguer

    Luis Berenguer

    student•
    hace 4 años

    Cómo deciden ustedes a que librería de css dedicar su tiempo para aprender (ya que hay tantas) y en qué situaciones suele ser mejor una a otra?

    No conocía Chakra, la verdad es que me está gustando, pero hay tantas librerías para desarrollar interaces de usuario (Boostrap, Fundation, Tailwind, Chakra...) que no me decido por cual esmpezar...🥲

      José Antonio Rodríguez Navarro

      José Antonio Rodríguez Navarro

      student•
      hace 4 años

      Yo te diría que Boostrap es la más extendida y un vistazo le tendrías que echar sí o sí. Pero las alternativas "más modernas" como Tailwind o Bulma tienen muy buena pinta y una gran comunidad detrás.

      Franklin Gil

      Franklin Gil

      student•
      hace 4 años

      La verdad puedes usar la que quieras, pero lo cierto es que debes tener aunque sea un minimo conocimiento de las mas populares para que te adaptes al mercado y tener las aptitudes minimas para aplicar a cualquier proyecto.

    Ogden Gómez

    Ogden Gómez

    student•
    hace 3 años

    Es correcto que ¿A mayor descentralización mayores costos para el usuario final? Y por lo tanto, cierto grado de centralización sería necesario para evitar el sobre gasto.

    Andrés Muñoz

    Andrés Muñoz

    student•
    hace 4 años

    que pasa si el gasPrice en el momento de la tx es superior al que yo configure ?

    que pasa si mi tx excede el gasLimit ?

    es posible que a mitad de una tx me quede sin gas ?

      Fernando Campos

      Fernando Campos

      student•
      hace 4 años

      Hola 👋🏼 Sí puede que el gas que uses no sea suficiente. Depende de la implementación del smart contract con el que estés interactuando la cantidad de gas que pierdes. Por esto, es importante que siempre te asegures de enviar gas suficiente. Metamask ya te ayuda indicandote cuando no tienes balance suficiente para pagar el gas.

    Ogden Gómez

    Ogden Gómez

    student•
    hace 3 años

    Tal pareciera que ++Entre más descentralizado más costos para el usuario final++ Cualquier feedback es bienvenido.

      Mateo Santiago Zapata Maldonado

      Mateo Santiago Zapata Maldonado

      student•
      hace 2 años

      Recuerda que hay apps capa 2 que intentan solucionar este problema.

    Santiago Somoza

    Santiago Somoza

    student•
    hace 3 años

    Yo le agregué la función

    getPlatziPunksData()

    al

    .on("receipt"...

    Para que se me actualice el próximo punk automáticamente al realizar el mint. Detallito que quizás le sirva a alguien.

      Alejandro Chavez

      Alejandro Chavez

      student•
      hace 3 años

      Creo que eso podría generar constantes llamadas :thinking:

    Devi Chaves Rodriguez

    Devi Chaves Rodriguez

    student•
    hace 3 años

    ¡Buena clase!

Escuelas

  • Desarrollo Web
    • Fundamentos del Desarrollo Web Profesional
    • Diseño y Desarrollo Frontend
    • Desarrollo Frontend con JavaScript
    • Desarrollo Frontend con Vue.js
    • Desarrollo Frontend con Angular
    • Desarrollo Frontend con React.js
    • Desarrollo Backend con Node.js
    • Desarrollo Backend con Python
    • Desarrollo Backend con Java
    • Desarrollo Backend con PHP
    • Desarrollo Backend con Ruby
    • Bases de Datos para Web
    • Seguridad Web & API
    • Testing Automatizado y QA para Web
    • Arquitecturas Web Modernas y Escalabilidad
    • DevOps y Cloud para Desarrolladores Web
  • English Academy
    • Inglés Básico A1
    • Inglés Básico A2
    • Inglés Intermedio B1
    • Inglés Intermedio Alto B2
    • Inglés Avanzado C1
    • Inglés para Propósitos Específicos
    • Inglés de Negocios
  • Marketing Digital
    • Fundamentos de Marketing Digital
    • Marketing de Contenidos y Redacción Persuasiva
    • SEO y Posicionamiento Web
    • Social Media Marketing y Community Management
    • Publicidad Digital y Paid Media
    • Analítica Digital y Optimización (CRO)
    • Estrategia de Marketing y Growth
    • Marketing de Marca y Comunicación Estratégica
    • Marketing para E-commerce
    • Marketing B2B
    • Inteligencia Artificial Aplicada al Marketing
    • Automatización del Marketing
    • Marca Personal y Marketing Freelance
    • Ventas y Experiencia del Cliente
    • Creación de Contenido para Redes Sociales
  • Inteligencia Artificial y Data Science
    • Fundamentos de Data Science y AI
    • Análisis y Visualización de Datos
    • Machine Learning y Deep Learning
    • Data Engineer
    • Inteligencia Artificial para la Productividad
    • Desarrollo de Aplicaciones con IA
    • AI Software Engineer
  • Ciberseguridad
    • Fundamentos de Ciberseguridad
    • Hacking Ético y Pentesting (Red Team)
    • Análisis de Malware e Ingeniería Forense
    • Seguridad Defensiva y Cumplimiento (Blue Team)
    • Ciberseguridad Estratégica
  • Liderazgo y Habilidades Blandas
    • Fundamentos de Habilidades Profesionales
    • Liderazgo y Gestión de Equipos
    • Comunicación Avanzada y Oratoria
    • Negociación y Resolución de Conflictos
    • Inteligencia Emocional y Autogestión
    • Productividad y Herramientas Digitales
    • Gestión de Proyectos y Metodologías Ágiles
    • Desarrollo de Carrera y Marca Personal
    • Diversidad, Inclusión y Entorno Laboral Saludable
    • Filosofía y Estrategia para Líderes
  • Diseño de Producto y UX
    • Fundamentos de Diseño UX/UI
    • Investigación de Usuarios (UX Research)
    • Arquitectura de Información y Usabilidad
    • Diseño de Interfaces y Prototipado (UI Design)
    • Sistemas de Diseño y DesignOps
    • Redacción UX (UX Writing)
    • Creatividad e Innovación en Diseño
    • Diseño Accesible e Inclusivo
    • Diseño Asistido por Inteligencia Artificial
    • Gestión de Producto y Liderazgo en Diseño
    • Diseño de Interacciones Emergentes (VUI/VR)
    • Desarrollo Web para Diseñadores
    • Diseño y Prototipado No-Code
  • Contenido Audiovisual
    • Fundamentos de Producción Audiovisual
    • Producción de Video para Plataformas Digitales
    • Producción de Audio y Podcast
    • Fotografía y Diseño Gráfico para Contenido Digital
    • Motion Graphics y Animación
    • Contenido Interactivo y Realidad Aumentada
    • Estrategia, Marketing y Monetización de Contenidos
  • Desarrollo Móvil
    • Fundamentos de Desarrollo Móvil
    • Desarrollo Nativo Android con Kotlin
    • Desarrollo Nativo iOS con Swift
    • Desarrollo Multiplataforma con React Native
    • Desarrollo Multiplataforma con Flutter
    • Arquitectura y Patrones de Diseño Móvil
    • Integración de APIs y Persistencia Móvil
    • Testing y Despliegue en Móvil
    • Diseño UX/UI para Móviles
  • Diseño Gráfico y Arte Digital
    • Fundamentos del Diseño Gráfico y Digital
    • Diseño de Identidad Visual y Branding
    • Ilustración Digital y Arte Conceptual
    • Diseño Editorial y de Empaques
    • Motion Graphics y Animación 3D
    • Diseño Gráfico Asistido por Inteligencia Artificial
    • Creatividad e Innovación en Diseño
  • Programación
    • Fundamentos de Programación e Ingeniería de Software
    • Herramientas de IA para el trabajo
    • Matemáticas para Programación
    • Programación con Python
    • Programación con JavaScript
    • Programación con TypeScript
    • Programación Orientada a Objetos con Java
    • Desarrollo con C# y .NET
    • Programación con PHP
    • Programación con Go y Rust
    • Programación Móvil con Swift y Kotlin
    • Programación con C y C++
    • Administración Básica de Servidores Linux
  • Negocios
    • Fundamentos de Negocios y Emprendimiento
    • Estrategia y Crecimiento Empresarial
    • Finanzas Personales y Corporativas
    • Inversión en Mercados Financieros
    • Ventas, CRM y Experiencia del Cliente
    • Operaciones, Logística y E-commerce
    • Gestión de Proyectos y Metodologías Ágiles
    • Aspectos Legales y Cumplimiento
    • Habilidades Directivas y Crecimiento Profesional
    • Diversidad e Inclusión en el Entorno Laboral
    • Herramientas Digitales y Automatización para Negocios
  • Blockchain y Web3
    • Fundamentos de Blockchain y Web3
    • Desarrollo de Smart Contracts y dApps
    • Finanzas Descentralizadas (DeFi)
    • NFTs y Economía de Creadores
    • Seguridad Blockchain
    • Ecosistemas Blockchain Alternativos (No-EVM)
    • Producto, Marketing y Legal en Web3
  • Recursos Humanos
    • Fundamentos y Cultura Organizacional en RRHH
    • Atracción y Selección de Talento
    • Cultura y Employee Experience
    • Gestión y Desarrollo de Talento
    • Desarrollo y Evaluación de Liderazgo
    • Diversidad, Equidad e Inclusión
    • AI y Automatización en Recursos Humanos
    • Tecnología y Automatización en RRHH
  • Finanzas e Inversiones
    • Fundamentos de Finanzas Personales y Corporativas
    • Análisis y Valoración Financiera
    • Inversión y Mercados de Capitales
    • Finanzas Descentralizadas (DeFi) y Criptoactivos
    • Finanzas y Estrategia para Startups
    • Inteligencia Artificial Aplicada a Finanzas
    • Domina Excel
    • Financial Analyst
    • Conseguir trabajo en Finanzas e Inversiones
  • Startups
    • Fundamentos y Validación de Ideas
    • Estrategia de Negocio y Product-Market Fit
    • Desarrollo de Producto y Operaciones Lean
    • Finanzas, Legal y Fundraising
    • Marketing, Ventas y Growth para Startups
    • Cultura, Talento y Liderazgo
    • Finanzas y Operaciones en Ecommerce
    • Startups Web3 y Blockchain
    • Startups con Impacto Social
    • Expansión y Ecosistema Startup
  • Cloud Computing y DevOps
    • Fundamentos de Cloud y DevOps
    • Administración de Servidores Linux
    • Contenerización y Orquestación
    • Infraestructura como Código (IaC) y CI/CD
    • Amazon Web Services
    • Microsoft Azure
    • Serverless y Observabilidad
    • Certificaciones Cloud (Preparación)
    • Plataforma Cloud GCP

Platzi y comunidad

  • Platzi Business
  • Live Classes
  • Lanzamientos
  • Executive Program
  • Trabaja con nosotros
  • Podcast

Recursos

  • Manual de Marca

Soporte

  • Preguntas Frecuentes
  • Contáctanos

Legal

  • Términos y Condiciones
  • Privacidad
  • Tyc promociones
Reconocimientos
Reconocimientos
Logo reconocimientoTop 40 Mejores EdTech del mundo · 2024
Logo reconocimientoPrimera Startup Latina admitida en YC · 2014
Logo reconocimientoPrimera Startup EdTech · 2018
Logo reconocimientoCEO Ganador Medalla por la Educación T4 & HP · 2024
Logo reconocimientoCEO Mejor Emprendedor del año · 2024
De LATAM conpara el mundo
YoutubeInstagramLinkedInTikTokFacebookX (Twitter)Threads