Construye dApps de Blockchain usando JavaScript

Rate this content
Bookmark

¿Hemos encontrado el nirvana para los desarrolladores de Blockchain? Esta masterclass se centrará en construir dApps (aplicaciones distribuidas) de blockchain con un conjunto de código fuente y desplegarlo en múltiples blockchains. La sesión cubrirá cómo empezar con Reach y ser capaz de desplegar la misma solución en múltiples blockchains, incluyendo Algorand, Ethereum y Conflux. ¿Eres nuevo en Reach? Cubriremos cómo configurar tu entorno de desarrollo y también recorreremos una aplicación simple de frontend y backend. Por último, veremos uno de los enormes beneficios de Reach en el proceso de verificación incorporado. Reach proporciona verificaciones automáticas para asegurar que tu programa no pierda, bloquee o gaste en exceso fondos, y garantiza que tus aplicaciones estén libres de esta categoría completa de errores.

This talk has been presented at JSNation 2022, check out the latest edition of this JavaScript Conference.

FAQ

Una DApp significa aplicación descentralizada. Se pueden construir utilizando JavaScript y otros lenguajes de programación, interactuando con la blockchain para realizar transacciones y manejar contratos inteligentes.

Con blockchain se pueden crear diversas soluciones como DeFi (finanzas descentralizadas), stablecoins, intercambios descentralizados (DEXs), y sistemas de derechos de autor utilizando NFTs, entre otros.

Algorand es una blockchain que utiliza un protocolo de prueba de participación puro, destacando por su velocidad y escalabilidad. Soporta 1400 transacciones por segundo y los bloques se crean en menos de 5 segundos. Es energéticamente eficiente y ofrece costos de transacción extremadamente bajos.

Los contratos inteligentes en Algorand utilizan un lenguaje ensamblador llamado TEAL, eficiente para operar en la cadena de bloques. También se pueden usar otros lenguajes como Python y JavaScript a través de compiladores que generan TEAL.

Los stablecoins son criptomonedas vinculadas a la economía de un activo estable, como el dólar estadounidense. Fluctúan de la misma manera que el activo al que están vinculados, ofreciendo menos volatilidad que otras criptomonedas.

En Algorand, los tokens fungibles son aquellos que tienen el mismo valor entre sí, como las monedas estables o puntos de lealtad. Los tokens no fungibles (NFTs) son únicos y se utilizan para representar artículos de juegos, bienes raíces, identidad, entre otros.

Los contratos inteligentes en Algorand se verifican mediante auditorías que aseguran su correcto funcionamiento y previenen problemas como los tokens bloqueados. Estas auditorías son críticas para garantizar la seguridad y la integridad del contrato.

Russell Fustino
Russell Fustino
21 min
20 Jun, 2022

Comments

Sign in or register to post your comment.
Video Summary and Transcription
Hola, mi nombre es Russ Fustino, y bienvenidos a Construye dApps de Blockchain usando JavaScript. Cubriremos la blockchain de Algorand, la capa uno, configuración de tu entorno de desarrollo, creación de una dApp simple, verificación y controles de UI desde pipeline. Las herramientas de blockchain ahora están al alcance de cualquiera para crear agrupaciones de liquidez, staking y más. La Sociedad Italiana de Autores y Editores está utilizando NFTs en la blockchain de Algorand para identificar derechos de autor. Las cuentas de Algorand, ASAs, Transacciones Atómicas, Contratos Inteligentes de Algorand e informes con Indexer son parte de la solución. La creación de NFTs se puede hacer utilizando herramientas visuales como Algodesk.io y billeteras como Algosigner y MyAlgoWallet. Las transferencias atómicas de Algorand garantizan el intercambio de bienes y facilitan aplicaciones descentralizadas. Las firmas inteligentes aprueban transacciones de gasto y los contratos inteligentes facilitan el almacenamiento global y local. La arquitectura de la dApp incluye una interfaz de usuario (UI) en el frontend, transacciones de pago entre cuentas, transacciones de activos para NFTs y Tokens Fungibles, y llamadas de aplicación para contratos inteligentes. Varios SDKs y herramientas están disponibles, como AlgoDesk.io, Algorand Studio y Algodia. Reach es un lenguaje de alto nivel y un compilador para desplegar dApps en la blockchain. La verificación y las auditorías juegan un papel crucial en la prevención de tokens bloqueados. La interfaz de usuario de Pipeline ofrece controles y componentes para una integración fácil en soluciones.

1. Introduction to Algorand Blockchain and DApps

Short description:

Hola, mi nombre es Russ Fustino, y bienvenidos a Construir DApps de Blockchain utilizando JavaScript. Cubriremos la blockchain de Algorand, la capa uno, configuración de tu entorno de desarrollo, creación de una DApp simple, verificación y controles de UI desde pipeline. Las herramientas de blockchain ahora están al alcance de cualquier persona para crear agrupaciones de liquidez, staking y más. La Sociedad Italiana de Autores y Editores está utilizando NFTs en la blockchain de Algorand para identificar derechos de autor. Las cuentas de Algorand, ASAs, Transacciones Atómicas, Contratos Inteligentes de Algorand e informes con Indexer son parte de la solución. La creación de NFTs se puede hacer utilizando herramientas visuales como Algodesk.io y billeteras como Algosigner y MyAlgoWallet. Las transferencias atómicas de Algorand garantizan el intercambio de bienes y facilitan aplicaciones descentralizadas. Las firmas inteligentes aprueban transacciones de gasto y los contratos inteligentes facilitan el almacenamiento global y local. La arquitectura de la DApp incluye una interfaz de usuario (UI) en el front-end, transacciones de pago entre cuentas, transacciones de activos para NFTs y Tokens Fungibles, y llamadas de aplicación para contratos inteligentes. Varios SDKs y herramientas están disponibles, como AlgoDesk.io, Algorand Studio y Algodia. Reach es un lenguaje de alto nivel y compilador para implementar DApps en la blockchain. La verificación y auditorías juegan un papel crucial en la prevención de tokens bloqueados. La interfaz de usuario de Pipeline ofrece controles y componentes para una integración fácil en soluciones.

Hola, mi nombre es Russ Fustino, y bienvenidos a Construir DApps de Blockchain utilizando JavaScript. Soy un defensor del desarrollo para Algorand.

Entonces, los desarrolladores de blockchain necesitan saber, en primer lugar, ¿qué es una DApp? ¿Y cómo puedo construir una? Además, ¿qué tipo de soluciones puedo construir? Sé que cuando comencé a hacer desarrollo de blockchain, esa fue una pregunta que estaba en mi mente, ¿qué tipo de soluciones puedo construir? ¿Y qué lenguajes de programación puedo usar para construir DApps? ¿Y cómo verifico los contratos inteligentes, en otras palabras, auditorías?

Entonces, la agenda para hoy, vamos a cubrir la blockchain de Algorand, la capa uno. Haremos un poco sobre la configuración de tu entorno de desarrollo y luego crearemos una DApp simple, que por cierto, significa aplicaciones descentralizadas. Y cubriremos la verificación, así como algunos controles de UI desde pipeline.

Para aquellos que son nuevos en blockchain, lo que es blockchain, es un libro mayor mutable y descentralizado que consiste en bloques, que son períodos de tiempo. Y luego las transacciones que están asociadas durante ese intervalo de tiempo. Ahora, por supuesto, las transacciones son entre un remitente y un receptor. Así que esos serían tus cuentas. Y cada cuenta tiene la asociación de activos, así como aplicaciones. Ahora, los activos pueden ser tus tokens fungibles o no fungibles, y las aplicaciones son contratos inteligentes. Con Algorand, utilizamos un protocolo de prueba de participación puro. El protocolo de prueba de participación puro es extremadamente rápido y realmente escala. Se mantiene en 1400 transacciones por segundo y los tiempos de bloque se crean en menos de 5 segundos. Pero no solo eso, hay una longevidad de infraestructura. Todo el proyecto es de código abierto, y hay mucha flexibilidad técnica con todo tipo de SDKs y herramientas que se están creando y están disponibles para que los desarrolladores construyan soluciones de blockchain. Certeza de transacción, no hay bifurcaciones en la blockchain de Algorand. Plataforma muy extensible y extremadamente eficiente en energía. En realidad, es una blockchain con huella de carbono negativa. Eficiencia de costos, el costo de una transacción es inferior a 1/120 de un centavo. También proporciona seguridad real, porque es un libro mayor de solo lectura y escritura única que está distribuido en todo el mundo. DeFi es, con mucho, el mayor tipo de solución de mercado vertical que se puede construir con la blockchain de Algorand. Stablecoins. Entonces, ¿qué son las stablecoins? Todavía son criptomonedas, pero están vinculadas a la economía de Estados Unidos. A medida que el dólar estadounidense sube y baja, también lo hará la moneda. Por lo tanto, fluctúa de la misma manera que lo hace el dólar. Así que hay más de 3 mil millones en circulación allí para USDC. Y tenemos intercambios descentralizados o DEXs. Cosas como Tinyman, Elgodex, ElgoFi. Lo que ha sucedido aquí es que, hasta ahora, tenías que ir a un banco para usar herramientas financieras.

2. Herramientas de Blockchain y NFTs para Derechos de Autor

Short description:

Las herramientas de blockchain ahora están al alcance de cualquier persona para crear agrupaciones de liquidez, staking y más. La Sociedad Italiana de Autores y Editores está utilizando NFTs en la blockchain de Algorand para identificar derechos de autor. Esto abre nuevas posibilidades para el acceso global y casos de uso en varios mercados verticales.

Por ejemplo, digamos que quieres crear una cartera de acciones. Bueno, ahora estas mismas herramientas están disponibles para cualquier persona que quiera usarlas. Y puedes ir a sitios como estos, y aplicaciones como estas, para poder crear agrupaciones de liquidez y staking, y muchas otras cosas.

La Sociedad Italiana de Autores y Editores, otra gran implementación de blockchain. Están utilizando NFTs para identificar derechos de autor. Entonces, los NFTs son únicos, y puedes ver aquí que han puesto más de 4 millones de NFTs en la blockchain de Algorand para casi 100,000 creadores. Realmente, este es el futuro de la industria para hacer derechos de autor, porque piensa en ello, no hay fronteras globales. Esto es, y está al alcance de cualquier persona que quiera tener acceso a ello. Y otros casos de uso, ya sabes, la lista continúa aquí, ¿verdad? Muchos mercados verticales diferentes, prácticamente todos los mercados verticales que realmente tienen un caso de uso para una blockchain.

Check out more articles and videos

We constantly think of articles and videos that might spark Git people interest / skill us up or help building a stellar career

Escalando con Remix y Micro Frontends
Remix Conf Europe 2022Remix Conf Europe 2022
23 min
Escalando con Remix y Micro Frontends
Top Content
This talk discusses the usage of Microfrontends in Remix and introduces the Tiny Frontend library. Kazoo, a used car buying platform, follows a domain-driven design approach and encountered issues with granular slicing. Tiny Frontend aims to solve the slicing problem and promotes type safety and compatibility of shared dependencies. The speaker demonstrates how Tiny Frontend works with server-side rendering and how Remix can consume and update components without redeploying the app. The talk also explores the usage of micro frontends and the future support for Webpack Module Federation in Remix.
Componentes de Full Stack
Remix Conf Europe 2022Remix Conf Europe 2022
37 min
Componentes de Full Stack
Top Content
RemixConf EU discussed full stack components and their benefits, such as marrying the backend and UI in the same file. The talk demonstrated the implementation of a combo box with search functionality using Remix and the Downshift library. It also highlighted the ease of creating resource routes in Remix and the importance of code organization and maintainability in full stack components. The speaker expressed gratitude towards the audience and discussed the future of Remix, including its acquisition by Shopify and the potential for collaboration with Hydrogen.
Depuración de JS
React Summit 2023React Summit 2023
24 min
Depuración de JS
Top Content
Debugging JavaScript is a crucial skill that is often overlooked in the industry. It is important to understand the problem, reproduce the issue, and identify the root cause. Having a variety of debugging tools and techniques, such as console methods and graphical debuggers, is beneficial. Replay is a time-traveling debugger for JavaScript that allows users to record and inspect bugs. It works with Redux, plain React, and even minified code with the help of source maps.
Haciendo JavaScript en WebAssembly Rápido
JSNation Live 2021JSNation Live 2021
29 min
Haciendo JavaScript en WebAssembly Rápido
Top Content
WebAssembly enables optimizing JavaScript performance for different environments by deploying the JavaScript engine as a portable WebAssembly module. By making JavaScript on WebAssembly fast, instances can be created for each request, reducing latency and security risks. Initialization and runtime phases can be improved with tools like Wiser and snapshotting, resulting in faster startup times. Optimizing JavaScript performance in WebAssembly can be achieved through techniques like ahead-of-time compilation and inline caching. WebAssembly usage is growing outside the web, offering benefits like isolation and portability. Build sizes and snapshotting in WebAssembly depend on the application, and more information can be found on the Mozilla Hacks website and Bike Reliance site.
¿Webpack en 5 años?
JSNation 2022JSNation 2022
26 min
¿Webpack en 5 años?
Top Content
In the last 10 years, Webpack has shaped the way we develop web applications by introducing code splitting, co-locating style sheets and assets with JavaScript modules, and enabling bundling for server-side processing. Webpack's flexibility and large plugin system have also contributed to innovation in the ecosystem. The initial configuration for Webpack can be overwhelming, but it is necessary due to the complexity of modern web applications. In larger scale applications, there are performance problems in Webpack due to issues with garbage collection, leveraging multiple CPUs, and architectural limitations. Fixing problems in Webpack has trade-offs, but a rewrite could optimize architecture and fix performance issues.
Hacia una Biblioteca Estándar para Runtimes de JavaScript
Node Congress 2022Node Congress 2022
34 min
Hacia una Biblioteca Estándar para Runtimes de JavaScript
Top Content
There is a need for a standard library of APIs for JavaScript runtimes, as there are currently multiple ways to perform fundamental tasks like base64 encoding. JavaScript runtimes have historically lacked a standard library, causing friction and difficulty for developers. The idea of a small core has both benefits and drawbacks, with some runtimes abusing it to limit innovation. There is a misalignment between Node and web browsers in terms of functionality and API standards. The proposal is to involve browser developers in conversations about API standardization and to create a common standard library for JavaScript runtimes.

Workshops on related topic

Masterclass Web3 - Construyendo Tu Primer Dapp
React Advanced 2021React Advanced 2021
145 min
Masterclass Web3 - Construyendo Tu Primer Dapp
Top Content
Featured WorkshopFree
Nader Dabit
Nader Dabit
En esta masterclass, aprenderás cómo construir tu primer dapp de pila completa en la blockchain de Ethereum, leyendo y escribiendo datos en la red, y conectando una aplicación de front end al contrato que has desplegado. Al final de la masterclass, entenderás cómo configurar un entorno de desarrollo de pila completa, ejecutar un nodo local e interactuar con cualquier contrato inteligente usando React, HardHat y Ethers.js.
Domina los Patrones de JavaScript
JSNation 2024JSNation 2024
145 min
Domina los Patrones de JavaScript
Top Content
Featured Workshop
Adrian Hajdin
Adrian Hajdin
Durante esta masterclass, los participantes revisarán los patrones esenciales de JavaScript que todo desarrollador debería conocer. A través de ejercicios prácticos, ejemplos del mundo real y discusiones interactivas, los asistentes profundizarán su comprensión de las mejores prácticas para organizar el código, resolver desafíos comunes y diseñar arquitecturas escalables. Al final de la masterclass, los participantes ganarán una nueva confianza en su capacidad para escribir código JavaScript de alta calidad que resista el paso del tiempo.
Puntos Cubiertos:
1. Introducción a los Patrones de JavaScript2. Patrones Fundamentales3. Patrones de Creación de Objetos4. Patrones de Comportamiento5. Patrones Arquitectónicos6. Ejercicios Prácticos y Estudios de Caso
Cómo Ayudará a los Desarrolladores:
- Obtener una comprensión profunda de los patrones de JavaScript y sus aplicaciones en escenarios del mundo real- Aprender las mejores prácticas para organizar el código, resolver desafíos comunes y diseñar arquitecturas escalables- Mejorar las habilidades de resolución de problemas y la legibilidad del código- Mejorar la colaboración y la comunicación dentro de los equipos de desarrollo- Acelerar el crecimiento de la carrera y las oportunidades de avance en la industria del software
Masterclass: Integrando LangChain con JavaScript para Desarrolladores Web
React Summit 2024React Summit 2024
92 min
Masterclass: Integrando LangChain con JavaScript para Desarrolladores Web
Featured Workshop
Vivek Nayyar
Vivek Nayyar
Sumérgete en el mundo de la IA con nuestro masterclass interactivo diseñado específicamente para desarrolladores web. "Masterclass: Integrando LangChain con JavaScript para Desarrolladores Web" ofrece una oportunidad única para cerrar la brecha entre la IA y el desarrollo web. A pesar de la prominencia de Python en el desarrollo de IA, el vasto potencial de JavaScript sigue siendo en gran medida inexplorado. Este masterclass tiene como objetivo cambiar eso.A lo largo de esta sesión práctica, los participantes aprenderán cómo aprovechar LangChain, una herramienta diseñada para hacer que los modelos de lenguaje grandes sean más accesibles y útiles, para construir agentes de IA dinámicos directamente dentro de entornos JavaScript. Este enfoque abre nuevas posibilidades para mejorar las aplicaciones web con funciones inteligentes, desde el soporte al cliente automatizado hasta la generación de contenido y más.Comenzaremos con los conceptos básicos de LangChain y los modelos de IA, asegurando una base sólida incluso para aquellos nuevos en IA. A partir de ahí, nos sumergiremos en ejercicios prácticos que demuestran cómo integrar estas tecnologías en proyectos reales de JavaScript. Los participantes trabajarán en ejemplos, enfrentando y superando los desafíos de hacer que la IA funcione sin problemas en la web.Este masterclass es más que una experiencia de aprendizaje; es una oportunidad de estar a la vanguardia de un campo emergente. Al final, los asistentes no solo habrán adquirido habilidades valiosas, sino que también habrán creado funciones mejoradas con IA que podrán llevar a sus proyectos o lugares de trabajo.Ya seas un desarrollador web experimentado curioso acerca de la IA o estés buscando expandir tus habilidades en áreas nuevas y emocionantes, "Masterclass: Integrando LangChain con JavaScript para Desarrolladores Web" es tu puerta de entrada al futuro del desarrollo web. Únete a nosotros para desbloquear el potencial de la IA en tus proyectos web, haciéndolos más inteligentes, interactivos y atractivos para los usuarios.
Uso de CodeMirror para construir un editor de JavaScript con Linting y AutoCompletado
React Day Berlin 2022React Day Berlin 2022
86 min
Uso de CodeMirror para construir un editor de JavaScript con Linting y AutoCompletado
Top Content
WorkshopFree
Hussien Khayoon
Kahvi Patel
2 authors
Usar una biblioteca puede parecer fácil a primera vista, pero ¿cómo eliges la biblioteca correcta? ¿Cómo actualizas una existente? ¿Y cómo te abres camino a través de la documentación para encontrar lo que quieres?
En esta masterclass, discutiremos todos estos puntos finos mientras pasamos por un ejemplo general de construcción de un editor de código usando CodeMirror en React. Todo mientras compartimos algunas de las sutilezas que nuestro equipo aprendió sobre el uso de esta biblioteca y algunos problemas que encontramos.
Testing Web Applications Using Cypress
TestJS Summit - January, 2021TestJS Summit - January, 2021
173 min
Testing Web Applications Using Cypress
Top Content
WorkshopFree
Gleb Bahmutov
Gleb Bahmutov
Esta masterclass te enseñará los conceptos básicos para escribir pruebas end-to-end útiles utilizando Cypress Test Runner.
Cubriremos la escritura de pruebas, cubriendo cada característica de la aplicación, estructurando pruebas, interceptando solicitudes de red y configurando los datos del backend.
Cualquiera que conozca el lenguaje de programación JavaScript y tenga NPM instalado podrá seguir adelante.
Desatando los Componentes del Servidor React: Una Inmersión Profunda en el Desarrollo Web de la Próxima Generación
React Day Berlin 2023React Day Berlin 2023
149 min
Desatando los Componentes del Servidor React: Una Inmersión Profunda en el Desarrollo Web de la Próxima Generación
Workshop
Maurice de Beijer
Maurice de Beijer
¡Prepárate para potenciar tus habilidades de desarrollo web con los Componentes del Servidor React! En esta inmersiva masterclass de 3 horas, desbloquearemos el potencial completo de esta tecnología revolucionaria y exploraremos cómo está transformando la forma en que los desarrolladores construyen aplicaciones web rápidas y eficientes.
Únete a nosotros mientras nos adentramos en el emocionante mundo de los Componentes del Servidor React, que combinan sin problemas el renderizado del lado del servidor con la interactividad del lado del cliente para un rendimiento y una experiencia de usuario inigualables. Obtendrás experiencia práctica a través de ejercicios prácticos, ejemplos del mundo real y orientación experta sobre cómo aprovechar el poder de los Componentes del Servidor en tus propios proyectos.
A lo largo de la masterclass, cubriremos temas esenciales, incluyendo:- Entender las diferencias entre los Componentes del Servidor y del Cliente- Implementar Componentes del Servidor para optimizar la obtención de datos y reducir el tamaño del paquete JavaScript- Integrar Componentes del Servidor y del Cliente para una experiencia de usuario fluida- Estrategias para pasar datos efectivamente entre componentes y gestionar el estado- Consejos y mejores prácticas para maximizar los beneficios de rendimiento de los Componentes del Servidor React