Computación Cuántica en JavaScript con Q.js

Rate this content
Bookmark

Cualquiera puede aprender computación cuántica! Únete a Stewart Smith mientras describe su proyecto de pasión de código abierto, Q.js. ¿Qué es exactamente una computadora cuántica? ¿Para qué sirve? ¿Y cómo encaja Quantum JavaScript? Si bien esta charla es para cualquier persona curiosa acerca de la computación cuántica, resonará especialmente con programadores, sobrevivientes de álgebra de secundaria y nerds de la música.

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

FAQ

Quantum JavaScript, o QJS, es un sitio web y repositorio de código que incluye una interfaz de composición de circuitos cuánticos de arrastrar y soltar, un simulador de circuitos cuánticos y una API. Permite ejecutar simulaciones cuánticas directamente en dispositivos personales sin necesidad de hardware cuántico real, facilitando la familiarización con conceptos cuánticos, especialmente para programadores sin fondo en física.

La biblioteca de controladores de realidad virtual para 3JS fue diseñada para ofrecer una forma fácil y genérica de permitir que aplicaciones de realidad virtual basadas en la web soporten una variedad de controladores de mano, sin necesidad de escribir código específico para cada uno.

Open Quantum Club (OQC) es un proyecto dirigido a crear una comunidad de entusiastas de la computación cuántica. A través de un sitio web, presenta perfiles e entrevistas con personas de la comunidad, enfocándose en la humanidad detrás de las matemáticas y compartiendo esperanzas y sueños colectivos.

Quantum JavaScript se puede utilizar programando y diseñando circuitos cuánticos directamente desde el navegador. Ofrece una interfaz interactiva de arrastrar y soltar y también permite la edición de circuitos a través de código JavaScript, facilitando la experimentación con simulaciones cuánticas en tiempo real.

La computación cuántica utiliza dispositivos como computadoras cuánticas superconductoras que operan a temperaturas extremadamente bajas. Estos dispositivos manipulan pares de electrones para representar datos y realizar cálculos, y están conectados a internet permitiendo su uso remoto para ejecutar programas cuánticos.

No se requiere conocimiento previo en física cuántica para usar QJS. Está diseñado para ser accesible para programadores con conocimientos básicos de matemáticas de la escuela secundaria, facilitando el aprendizaje y la experimentación con computación cuántica.

Stewart Smith
Stewart Smith
26 min
20 Jun, 2022

Comments

Sign in or register to post your comment.

Video Summary and Transcription

Stuart Smith discute su viaje en realidad virtual y computación cuántica, destacando su trabajo en realidad virtual web y la creación de Quantum JavaScript. Presenta QGS, una plataforma para tutoriales y experimentación cuántica, y explica el concepto de qubits y superposición. Smith también menciona Amazon Bracket, un servicio cuántico que permite la construcción y ejecución de circuitos cuánticos en simuladores o hardware cuántico real.

1. Introducción al viaje de realidad virtual de Stuart Smith

Short description:

Hola, soy Stuart Smith. He sido parte de la comunidad de realidad virtual durante bastante tiempo. Me involucré en web VR cuando construir realidad virtual basada en la web significaba pedirle a Brandon Jones de Google compilaciones personalizadas de Chromium. Lanzé Space Rocks, un homenaje personal al clásico Asteroids de Atari de 1979, pero en realidad virtual, por supuesto. También escribí HandyJS para grabar y reconocer poses de manos sobre la marcha. También he trabajado mucho fuera de la realidad virtual. Soy educado como diseñador gráfico y artista. He trabajado como artista comisionado y he tenido obras de arte expuestas en varias galerías y museos. También soy un músico mediocre a terrible de toda la vida.

Algunos de ustedes ya me conocen por mi trabajo diario. He sido parte de la comunidad de realidad virtual community durante bastante tiempo. Especialmente la comunidad de realidad virtual basada en la web.

Me involucré en web VR cuando construir realidad virtual basada en la web significaba pedirle a Brandon Jones de Google compilaciones personalizadas de Chromium. El medio se sentía realmente fresco y emocionante. Y en ese momento, escribí la biblioteca de controladores de realidad virtual para 3JS. Proporcionaba una forma fácil y genérica para que tu aplicación de realidad virtual basada en la web admitiera una variedad de diferentes controladores de mano sin tener que escribir código personalizado para cada uno. Así que en ese momento, eso significaba, ya sabes, los primeros controladores de Vive, los controladores de realidad mixta de Microsoft, Rift Touch, ¿y recuerdas Gear VR? Y todas esas cosas.

En el equipo de Google Data Arts, utilizamos la biblioteca de controladores de realidad virtual para alimentar este video musical de realidad virtual para la banda LCD Sound System. Podías bailar al ritmo de la canción en realidad virtual, y luego una grabación de tu baile se convertiría en parte del propio video. Así que un saludo a nuestros colaboradores y las verdaderas estrellas de ese proyecto, Studio Moniker y Studio Pucky. Búscalos a ambos.

También lancé Space Rocks, un homenaje personal al clásico Asteroids de Atari de 1979, pero en realidad virtual, por supuesto. Tomé mi biblioteca de controladores de realidad virtual y agregué algo que llamé retroalimentación háptica de múltiples canales. Lo que facilitó mucho agregar comandos hápticos complejos a tu aplicación de realidad virtual basada en la web. Por ejemplo, si querías retroceso al disparar tu láser, pero también necesitabas sentir el zumbido de tus motores de plasma acelerando y desacelerando, bueno, mi enfoque de canales hápticos lo hacía muy fácil. Solo unos años después, Oculus mejoró el juego al agregar una API de seguimiento de manos para realidad virtual basada en la web. Inmediatamente escribí HandyJS. Para grabar y reconocer poses de manos sobre la marcha. Así que en lugar de solo gestos de pellizco para seleccionar cosas, con HandyJS podías reconocer fácilmente todo el alfabeto de deletreo de dedos en lenguaje de señas y algo más. Las pistolas de dedo eran lo más divertido, obviamente. Esta biblioteca no requiere ningún machine learning en absoluto. En serio, no hay ninguna red dentro de Handy, es algo de magia de agrupamiento k-means. Y es increíblemente rápido.

He hecho mucho trabajo fuera de la realidad virtual también. Comencé a programar cuando era bastante joven, pero soy educado como diseñador gráfico y artista. No estudié ciencias de la computación. He trabajado como artista comisionado y he tenido obras de arte expuestas en varias galerías y museos. También soy un músico mediocre a terrible de toda la vida.

2. El viaje de Stuart Smith en la computación cuántica

Short description:

Soy el jefe de realidad aumentada para consumidores en Unity, pero estoy aquí para hablar de mi interés apasionado, la computación cuántica. Soy el creador de Quantum JavaScript y el fundador de Open Quantum Club. QGS es un sitio web, repositorio de código fuente, interfaz de composición de circuitos de arrastrar y soltar, simulador de circuitos cuánticos, biblioteca de código, API, introducciones conceptuales y una comunidad creciente de entusiastas. Estoy comenzando OQC, un proyecto que presenta perfiles y entrevistas con personas de la comunidad cuántica. Estén atentos para más información al respecto. La computación cuántica es un tanque cilíndrico suspendido, con diferentes arquitecturas como fotones polarizados, iones atrapados y superconductores.

Y en este momento, soy el jefe de realidad aumentada para consumidores en Unity. Todos conocen Unity, ¿verdad? Nuestro motor de juegos se trata de proporcionar renderizado en 3D en tiempo real para las masas. El 70% de los juegos móviles del mundo se hacen con Unity. Y no solo somos el 70% de los juegos móviles, sino la mitad de todos los juegos. Así que si juegas juegos, seguro has jugado algo hecho con Unity. Pero no estoy aquí para hablar de nada de eso. Estoy aquí para hablar de mi interés apasionado en mis noches y fines de semana, la computación cuántica. Soy el creador y mantenedor de Quantum JavaScript, o QGS para abreviar. Y soy el fundador de Open Quantum Club.

¿Qué es exactamente todo esto? Bueno, profundicemos en QGS por un momento. En realidad, es varias cosas a la vez. Es este sitio web y el repositorio de código fuente correspondiente. Es esta interfaz de composición de circuitos de arrastrar y soltar en particular. Es un simulador de circuitos cuánticos. Por lo tanto, todos los mecanismos internos que te permiten ejecutar simulaciones de circuitos cuánticos directamente en tu teléfono o computadora portátil sin tener hardware cuántico real en tus manos. Es toda esa biblioteca de código y la API correspondiente. Son las introducciones conceptuales que están ahí para ayudarte a familiarizarte rápidamente con cosas cuánticas. Especialmente si eres como yo, sin antecedentes en física real, sin antecedentes cuánticos, solo un programador casual con algo de matemáticas de la escuela secundaria. Resulta que eso es todo lo que necesitas para comenzar a experimentar con estas cosas. También es la documentación de la API de qJS, porque ¿de qué sirve una biblioteca si no sabes cómo usarla? Y cuando juntas todas estas cosas, obtienes una pequeña pero creciente comunidad de entusiastas que también se han enamorado de esta idea ridícula de fusionar lo cuántico y los navegadores web, porque JavaScript ya era lo suficientemente caótico por sí solo. Y para esta comunidad, estoy comenzando algo llamado OQC, Open Quantum Club. Este es un proyecto que estoy iniciando ahora mismo a través de un sitio web que presentará perfiles y entrevistas con personas de la comunidad cuántica. El enfoque especial aquí estará en la humanidad detrás de las matemáticas. ¿Quiénes son las personalidades? ¿Cuáles son nuestras esperanzas y sueños colectivos? Así que estén atentos para más información al respecto a medida que avanzamos hacia 2023.

Y bueno, eso está muy bien, ¿verdad? Pero, ¿qué es exactamente la computación cuántica? ¿Qué es incluso una computadora cuántica? Esto. Esta es una computadora cuántica aquí mismo. Este tanque cilíndrico suspendido que ves. Hay diferentes tipos de arquitecturas de computadoras cuánticas, fotones polarizados, iones atrapados, superconductores. En este momento, las computadoras cuánticas superconductoras, como la que ves aquí, son las más populares.

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.
Construyendo Interfaces Controladas por el Cerebro en JavaScript
JSNation Live 2021JSNation Live 2021
27 min
Construyendo Interfaces Controladas por el Cerebro en JavaScript
Top Content
Learn how to build brain-controlled interfaces using JavaScript and brain sensors. Understand the functions of different parts of the brain and how they relate to sensor placement. Explore examples of calm and focus detection, as well as the Kinesis API for mental commands. Discover the applications of brain-controlled interfaces, such as scrolling web pages and password-less authentication. Understand the limits and opportunities of brain control and the potential for using brain sensors in medical applications.
¿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.

Workshops on related topic

Master Patrones de JavaScript
JSNation 2024JSNation 2024
145 min
Master Patrones de JavaScript
Featured Workshop
Adrian Hajdin
Adrian Hajdin
Durante este masterclass, los participantes revisarán los patrones esenciales de JavaScript que todo desarrollador debe 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 del masterclass, los participantes ganarán confianza en su capacidad para escribir código JavaScript de alta calidad que perdure en el 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 comunicación dentro de los equipos de desarrollo- Acelerar el crecimiento profesional 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.
Pruebas de Aplicaciones Web utilizando Cypress
TestJS Summit - January, 2021TestJS Summit - January, 2021
173 min
Pruebas de Aplicaciones Web utilizando Cypress
WorkshopFree
Gleb Bahmutov
Gleb Bahmutov
Este masterclass te enseñará los conceptos básicos de cómo escribir pruebas de extremo a extremo utilizando Cypress Test Runner.
Cubriremos la escritura de pruebas, abarcando todas las características de la aplicación, estructurando las pruebas, interceptando solicitudes de red y configurando los datos del backend.
Cualquier persona que conozca el lenguaje de programación JavaScript y tenga NPM instalado podrá seguir el masterclass.
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
0 a Auth en una Hora Usando NodeJS SDK
Node Congress 2023Node Congress 2023
63 min
0 a Auth en una Hora Usando NodeJS SDK
WorkshopFree
Asaf Shen
Asaf Shen
La autenticación sin contraseña puede parecer compleja, pero es fácil de agregar a cualquier aplicación utilizando la herramienta adecuada.
Mejoraremos una aplicación JS de pila completa (backend de Node.JS + frontend de React) para autenticar usuarios con OAuth (inicio de sesión social) y contraseñas de un solo uso (correo electrónico), incluyendo:- Autenticación de usuario - Administrar interacciones de usuario, devolver JWT de sesión / actualización- Gestión y validación de sesiones - Almacenar la sesión para solicitudes de cliente posteriores, validar / actualizar sesiones
Al final del masterclass, también tocaremos otro enfoque para la autenticación de código utilizando Flujos Descope en el frontend (flujos de arrastrar y soltar), manteniendo solo la validación de sesión en el backend. Con esto, también mostraremos lo fácil que es habilitar la biometría y otros métodos de autenticación sin contraseña.
Tabla de contenidos- Una breve introducción a los conceptos básicos de autenticación- Codificación- Por qué importa la autenticación sin contraseña
Requisitos previos- IDE de tu elección- Node 18 o superior