Creación de Interfaces Web3 con React y Ethereum

Ethereum Developer Program 1ª Edición

Contenido del curso

Graduación

1
Desarrollo de Proyectos Blockchain en Latinoamérica
127:14 min

Introducción al Ethereum Developer Program

Semana 1: Importancia del Manejo de Memoria

Semana 2: Web3-react

Semana 3: Ethereum Virtual Machine y Criptografía

Semana 4: Creando tu primer Smart Contract

Semana 7: Testing Tools y Despliegue

Semana 9: Auditoría y Seguridad de Smart Contracts

Semana 10: Integraciones en Web3: Web3.js vs. Ether.js

25
Integración de librerías en contratos inteligentes Ethereum
103:30 min

Semana 11: Monetización para Blockchain Developers

26
Monetización para Desarrolladores Web3: Estrategias y Oportunidades
51:36 min

Recursos Adicionales

Si quieres obtener los mejores resultados de este programa es importante que completes los retos y actividades que son asignadas durante las clases.

A continuación encuentras las actividades a completar de React-Web3 y Salto de Web2 a Web3

1. ¿Cuáles son las características que debe tener la web3 y explica brevemente cada una de ellas?

2. ¿Qué compone el stack sugerido por Óscar para la creación de interfaces en la Web3?

3. React Ethereum Challenge

Es hora de ir agregando retos y contenido a tu CV, para ello debes hacer Fork al repositorio del reto y completar las asignaciones.

Puedes encontrar el repositorio aquí: https://github.com/gndx/react-eth-challenge

Crear los componentes del proyecto
Añadir estilos
Crear función getData.js
Integrar API
Personalizar API
Documentar
Deploy (Opcional)

Recomendaciones:

Leer detenidamente el READ.me que está en el repositorio
Hacer un fork del proyecto para trabajarlo desde la propia cuenta
Para entregarlo deben hacer pull request que te dirá si resolviste 100% el reto

Cursos de la Semana

Si aún no eres parte de nuestra comunidad, no es obligatorio que cumplas los cursos de cada semana. Tenemos un precio especial para ti, y así puedas ser parte de Platzi y la Escuela de Blockchain y Criptomonedas.

Curso de Estrategias para Aprender en Línea

Aprender es todo un hábito y detrás de ello muchas estrategias, disciplina y esfuerzo para reinventarte y construir sin parar.

Te esperamos el jueves en el chat de Discord a las 2:00 pm 🇨🇴🇲🇽/3:00 pm🇻🇪/4:00 pm 🇦🇷/8:00 pm🇪🇸 para hablar con los Platzi Mentores sobre crecimiento profesional y responder todas tus dudas y preguntas.

Curso de React Avanzado

React es uno de los frameworks y herramientas que nos permiten dar el salto a web3 y posicionarnos laboralmente por su alta demanda, sabemos que ya conoces React, sin embargo siempre hay espacio para potenciar tus habilidades. Además, te ayudará a poder completar el reto de la semana.

Comparte tu certificado y cada uno de tus logros con tus amigos y la comunidad, esto es solo el comienzo 💚

Recursos recomendados

Comparte tus respuestas en los aportes de esta clase y en el discord de tu mentor asignado (si eres parte de la comunidad)

Vienen muchas sorpresas, hackatons, retos y premios.

Sigamos construyendo 🔥

Creación de Interfaces Web3 con React y Ethereum

Gustavo César Ramírez Bautista

Estudiante

Web3 characteristics:

One of the primal characteristics of Web3 is decentralization, among other ones, i.e. developers build applications that either run on blockchains, decentralized networks of many peer-to-peer nodes, or a combination of the two forms.

The common term to refer to an app built on top of Web3 is “Dapp”.

In addition to decentralization we can list a few other characteristics:

Distributed, robust, and reliable infrastructure.

As I can see we refer to an infrastructure with mentioned characteristics when we can build without concerns about the owner of the data because all the data is shared on every node that participates in the web3 network protocol.

When we have a network of nodes across the world, with a consensus protocol and every actor of the environment has an incentive to grow the network then we can stay confident in the infrastructure in which we participate.
Ownership (of data, content, and platform).

There is no more one and only one owner of the data, content, or platform, all of the actors of the network can agree on the path/decision to make about the data, content, or platform.
Native digital payments.

The concept of a token within Web3 can lead us to a new completely borderless and frictionless world of payments and transactions.

Crypto wallets like MetaMask and Torus enable you to integrate easy, anonymous, and secure international payments and transactions into Web3 applications.
Self-sovereign identity.

The final user is the owner of its own identity information and does not belong to a third party entity, not Facebook, Google, Microsoft, or other great inc have ownership of the identity data of the user. In the same way, the user chooses with which apps to share or set public information.

So many benefits we can accomplish with this approach but certainly the most important for me is that my data is mine, not anyone else.
Open, public, composable back ends.

In the search for providing the highest quality, the developments must be open, public, and composable. The incentives for the developers are there, and the network as a whole can constrain the possibility of a leak, but the developers must warranty the correct implementation of the security protocols, best practices, and iteration over its own errors.

Oscar Barajas's Web3 stack

Javascript like front-end programming language
Next.js like Javascript framework
Ethereum and polygon
Firebase for auth web2 protocol
IPFS for data storage
JSON-RPC for JSON over web3
Vercel for infra topics
Solidity

React Ethereum Challenge

gusram01 challenge repo

Creación de Interfaces Web3 con React y Ethereum

Graduación

Desarrollo de Proyectos Blockchain en Latinoamérica

Introducción al Ethereum Developer Program

Desarrollo Full Stack Blockchain: Fundamentos y Herramientas Esenciales

Programa de Desarrollo Ethereum: Construcción en Blockchain

Conceptos Básicos de Web3 y Gestión del Tiempo

Desarrollo Blockchain con Ethereum: Programa de Capacitación Completo

Semana 1: Importancia del Manejo de Memoria

Manejo de Memoria Web2 a Web3 y Optimización de Recursos

Manejo de Memoria en Sistemas de Ascensores

Estructura de Datos Trie en Ethereum: Funciones y Aplicaciones

Semana 2: Web3-react

Desarrollo de Aplicaciones Web3 con React y Blockchain Basics