Tutorial completo de NFT basado en React, Typescript y Solidity

Aprenda a crear un mercado NFT en Ethereum usando React/Next JS, Solidity and Pinata (IPFS)

Nombre del curso en inglés: NFT Marketplace en React, Typescript y Solidity - Guía completa

Este video tutorial dura 5,0 horas en total, con subtítulos en chino e inglés, calidad de imagen clara y sin marca de agua, y archivos adjuntos de código fuente completo

enlace de descarga

课程编号：300Dirección del disco de red de Baidu: https://pan.baidu.com/s/1gDdZ0VL5NEd-SdSszDGO6w?pwd=52f0

Contenido del curso

lo que vas a aprender

¡Cree un mercado NFT real!
Comprender temas complejos de forma práctica y entretenida.
Obtenga un conjunto de herramientas completo para usar con cualquier [blockchain]
Desarrollar una aplicación real en la cadena de bloques

Requerir

Conocimiento de React JS
Conocimientos básicos de Solidez
Familiarizado con la cadena de bloques

ilustrar

Next.js le brinda la mejor experiencia de desarrollador con todas las funciones que necesita para la producción: renderizado híbrido estático y de servidor, compatibilidad con TypeScript, agrupación inteligente, búsqueda previa de ruta y más. No se requiere configuración.

Ethereum es una tecnología que te permite enviar criptomonedas a cualquier persona, pero sobre todo, también potencia aplicaciones que todos pueden usar y nadie puede eliminar. Esta es la cadena de bloques más programable del mundo.

Solidity es un lenguaje de alto nivel orientado a objetos para implementar contratos inteligentes. Los contratos inteligentes son programas que rigen el comportamiento de las cuentas dentro del estado Ethereum.

Pinata es un servicio de fijación que permite a los usuarios alojar archivos en la red IPFS. El Sistema de archivos interplanetarios ( IPFS ) es un protocolo y una red de igual a igual para almacenar y compartir datos en un sistema de archivos distribuido.

¿Qué se cubre en este curso?

El curso cubre todo lo necesario para aplicaciones NFT descentralizadas según el estándar ERC721. Los estudiantes de este curso aprenderán sobre las NFT mediante la creación de aplicaciones del mundo real.

Los estudiantes aprenderán qué es un contrato inteligente ERC721 y cómo crear uno.

Las interfaces de dApp cubiertas en el curso se crean utilizando la biblioteca React JS y el marco Next JS. CSS y el diseño se crean utilizando el marco Tailwind.

Aplicaciones del mercado NFT:

La parte central del curso cubre la creación de mercados NFT interactivos. Los clientes de la plataforma podrán comprar NFT utilizando la moneda digital ether.

La aplicación se creó en el marco Next JS, construido sobre React JS.

La primera parte del curso cubre la configuración del diseño de la página, la creación de la página de inicio y los componentes. El marco Tailwind CSS cubre la parte de estilo de la aplicación.

Los estudiantes explorarán cómo alimentar el código Web3 JS en la aplicación, el código responsable de comunicarse con la billetera criptográfica y, por lo tanto, con la cadena de bloques.

Usaremos el concepto Proveedor/Consumidor para proporcionar esta capa, que es común en React JS. Esto garantizará que todos los componentes y páginas tengan acceso a las funciones encargadas de comunicarse con la cadena de bloques.

El estado de la aplicación y la administración de datos se manejan a través de la biblioteca SWR (obsoleta mientras se revalida). Esto le dará a la aplicación una sensación reactiva y proporcionará una representación reactiva de los componentes cuando se reciban nuevos datos.

Después de todo, habiendo logrado la comunicación necesaria con blockchain, los estudiantes comenzarán a trabajar en la implementación de contratos inteligentes.

La clase sigue el estándar de token ERC721 aceptado.

Los contratos inteligentes son una parte importante del proyecto. Actúa como un "almacenamiento" de blockchain para NFT y proporciona funcionalidad para verificar la propiedad de NFT y vincularlo con el almacenamiento de medios.

La parte final del curso cubre la preparación y el almacenamiento de datos relacionados con NFT. Los llamados metadatos NFT.

Los datos de metadatos NFT se almacenarán en almacenamiento basado en Pinata (IPFS). Los estudiantes aprenderán a recopilar datos de formularios y luego enviarlos al almacenamiento de Pinata. La siguiente parte importante es vincular estos metadatos y crear el NFT.

Los temas más destacables de esta aplicación son:

Siguiente Integración de JS con Web3 y Blockchain
Reactividad con Hooks y SWR
Crear contrato inteligente NFT (ERC721)
Manipulación y almacenamiento de datos NFT en Pinata
mecanografiado

Para quién es este curso:

Desarrolladores de nivel principiante a medio interesados en la tecnología blockchain
La gente está buscando guías prácticas de desarrollo de Solidity/Ethereum/[NextJS].
Este curso es para cualquiera que desee aprender a crear una aplicación desde cero.