Quantum Computing in JavaScript with Q.js

Rate this content
Bookmark

Anyone can learn quantum computing! Join Stewart Smith as he describes his open-source passion project, Q.js. What exactly is a quantum computer? What's it good for? And how does Quantum JavaScript fit in? While this talk is for anyone curious about quantum computing, it will resonate particularly with coders, high school algebra survivors, and music nerds.

26 min
20 Jun, 2022

AI Generated Video Summary

Stuart Smith discusses his journey in virtual reality and quantum computing, highlighting his work in web VR and the creation of Quantum JavaScript. He introduces QGS, a platform for quantum tutorials and experimentation, and explains the concept of qubits and superposition. Smith also mentions Amazon Bracket, a quantum service that allows the building and running of quantum circuits on simulators or actual quantum hardware.

1. Introduction to Stuart Smith's VR Journey

Short description:

Hi, I'm Stuart Smith. I've been part of the virtual reality community for quite some time now. I got involved in web VR back when building web-based virtual reality meant asking Brandon Jones over at Google for custom builds of Chromium. I released Space Rocks, a personal tribute to Atari's 1979 classic Asteroids, but in VR, of course. I also wrote HandyJS for both recording and recognizing hand poses on the fly. I've made a lot of work outside of VR, too. I'm educated as a graphic designer and artist. I've worked as a commissioned artist and had artwork exhibited in various galleries and museums. I'm also a lifelong mediocre-to-terrible musician.

Hi, I'm Stuart Smith. Some of you folks might already know me from my dayjob. I've been part of the virtual reality community for quite some time now. Particularly the web-based VR community.

I got involved in web VR back when building web-based virtual reality meant asking Brandon Jones over at Google for custom builds of Chromium. The medium felt really fresh and exciting. And around that time, I wrote the VR controller library for 3JS. It provided an easy, generic way for your web VR app to support a bunch of different hand controllers without having to write custom code for each one. So back then, that meant, you know, the first Vive controllers, Microsoft Mixed Reality controllers, Rift Touch, Daydream, and remember Gear VR? And all that stuff.

Over at the Google Data Arts team, we used the VR controller library to power this VR music video for the band LCD Sound System. You could dance along to the song in VR, and then a recording of your dance would become part of the video itself. So shout out to our collaborators and the real stars of that project, Studio Moniker and Studio Pucky. Look them both up.

I also released Space Rocks, a personal tribute to Atari's 1979 classic Asteroids, but in VR, of course. I took my VR controller library and I added something I called multi-channel haptic feedback. Which made it super easy to add complex haptic commands to your web VR app. Like, if you wanted kickback from firing your laser, but also needed to feel the hum of your plasma engines revving up and down, well, my haptic channels approach made that a breeze. Just a few years later, Oculus upped the game by adding a hand tracking API for web-based VR. I immediately wrote HandyJS. For both recording and recognizing hand poses on the fly. So instead of just pinch gestures to select things, with HandyJS you could easily recognize the whole ASL finger spelling alphabet and then some. Finger guns was most fun, obviously. This library does not require any machine learning whatsoever. Seriously, there's no network inside of Handy, it's some k-means clustering magic. And it is wicked fast.

I've made a lot of work outside of VR, too. I started coding when I was quite young, but I'm educated as a graphic designer and artist. I didn't study computer science. I've worked as a commissioned artist, and I've had artwork exhibited in various galleries and museums. I'm also a lifelong mediocre-to-terrible musician.

2. Stuart Smith's Quantum Computing Journey

Short description:

I'm the head of consumer augmented reality at Unity, but I'm here to talk about my passion interest, quantum computing. I'm the creator of Quantum JavaScript and the founder of Open Quantum Club. QGS is a website, source code repository, drag-and-drop circuit composer interface, quantum circuit simulator, code library, API, concept primers, and a growing community of enthusiasts. I'm starting OQC, a project featuring profiles and interviews with folks in the quantum community. Stay tuned for more about that. Quantum computing is a hanging cylindrical tank, with different architectures like polarized photons, trapped ions, and superconductors.

I even enjoy writing essays occasionally, despite having no license to do so. And right now, I'm the head of consumer augmented reality at Unity. Everyone knows Unity, right? Our game engine is all about providing real-time 3D rendering for the masses. 70% of the world's mobile games are made with Unity. And we're not just 70% of mobile, we're half of all games. So if you play games, you've played something made with Unity. But I'm not here to talk about any of that. I'm here to talk about my nights and weekends' passion interest, quantum computing. I'm the creator and maintainer of Quantum JavaScript, or QGS for short. And I'm the founder of Open Quantum Club.

What is this stuff exactly? Well, let's go deep on QGS for a second. It's actually a few things at once. It's this website and the corresponding source code repository. It's this drag-and-drop circuit composer interface in particular. It's a quantum circuit simulator. So all the inner workings that allow you to run quantum circuit simulations right on your phone or laptop without having actual quantum hardware in your hands. It's that entire code library and the corresponding API. It's the concept primers that are there to help you get up to speed on quantum stuff quickly. Especially if you're like me, no real physics background, no quantum background, just a casual coder with some high school math. It turns out that's all you need to get started messing around with this stuff. It's the documentation for the qJS API as well because what good is a library if you don't know how to use it? And when you put all this stuff together, there's the small but growing community of enthusiastic folks who've also fallen in love with this ridiculous idea of fusing quantum and web browsers, cause JavaScript wasn't chaotic enough on its own already. And so for this community, I'm starting something called OQC, Open Quantum Club. This is a project that I'm spinning up right now through a website that will feature profiles and interviews with folks in the quantum community. The special focus here will be on the humanity behind the math. Who are the personalities? What are our collective hopes and dreams? So stay tuned for more about that as we head towards 2023.

And okay, that's all great, right? But what exactly is quantum computing? What even is a quantum computer? This. This is a quantum computer right here. This hanging cylindrical tank that you see. There are different sorts of quantum computer architectures, polarized photons, trapped ions, superconductors. Right now, superconducting quantum computers, like you see here, are the most popular kind.

3. Inside the Quantum Computer

Short description:

Superconducting quantum computers require extreme cold to function. The actual quantum computation happens on a tiny chip. A quantum computer is like a graphics card, computing graphics. Companies like IBM, Rigetti, Google hook these golden monsters up to the internet to carry out quantum computation tasks.

They're used by companies like IBM, or Getty, Google. Superconducting quantum computers require extreme cold to function, just a hair above absolute zero. What we're looking at here is actually the refrigeration tank that holds the computing parts. Let's look inside that tank.

Here we see someone servicing the parts that would normally be covered by the refrigeration tank during operation. This is what some folks call the golden chandelier. All of this intricate hardware inside the refrigeration tank is for supercooling and gently nudging electron pairs. Using the quantum nature of this internal environment to represent data and perform computations on that data. Here is a glamour shot of a golden chandelier. I'm told that there is some actual gold plating in here for thermal and corrosion prevention purposes, but what we're looking at is mostly copper alloys. It's still pretty though.

The actual quantum computation happens right here on this tiny chip itself. It sits at the very bottom, the coldest part of the chandelier. This is where you actually nudge and measure the state of your electron pairs. And just to be clear, this hardware does not do some kind of magic. Our universe is already quantum in nature. We humans are just too big, and our environment is too noisy to be able to observe quantum effects directly. That's why we have to make really intricate hardware that can make these effects visible and useful to us.

Okay, but you might notice this so-called computer does not seem to have a keyboard or mouse or even a monitor. It's definitely a computer but not in the sense that we commonly use that word. It makes more sense to think about a quantum computer like a graphics card. If you're not familiar with graphics cards, this is one right here, you slot it into your computer's motherboard and it handles all the complex graphic rendering that your machine might need to do. If you're into high-end video games, you've probably been concerned about how powerful your graphics card is. Now, we never use the phrase graphics computer, though that's really what this is. It computes graphics.

So, we have a parallel situation here. A quantum computer is really a computing component. Instead of sliding it into your computer's motherboard like a graphics card, companies like IBM, Rigetti, Google, and so on, they hook these golden monsters up to the internet and you can send them quantum computation tasks to carry out. They'll run your program, and then they'll send you back the finished results. And this paradigm has been around forever, right? Maybe you think of it as cloud computing or time-sharing? When Pixar or Weta are rendering their computer-generated imagery for their next blockbuster film, they don't just render that on a single computer in the office.

4. Quantum Computing and QGS

Short description:

No way, it's too complex. Instead they'll send that task out to what's called a render farm, racks and racks of raw computing hardware that you can access remotely. Unless you're at a university or a major corporation, you're going to write a quantum program right on your laptop or phone and send that over the internet to be run remotely on real quantum hardware. Let's say this circle represents quantum physics. This is all the knowledge about how the universe actually conducts itself. And over here is quantum computing. This is just pure math and logic. You don't need to know anything about electrons or superconducting or any of it. So all of that quantum hardware that makes up a quantum computer, it's really this intersection right here. That's actual physics and engineering in the service of creating a machine that can compute things. And that is great. It's all great. But this is really where QGS sits. I'm not a physicist. I'm not an engineer. QGS is not hardware. It's just software. So no physics, just computing.

No way, it's too complex. Instead they'll send that task out to what's called a render farm, racks and racks of raw computing hardware that you can access remotely. And that's the commercial model for using quantum computers today.

Unless you're at a university or a major corporation, you know, building this hardware yourself, you're going to write a quantum program right on your laptop or phone and send that over the internet to be run remotely on real quantum hardware like this. And then the results of that quantum execution will be pinged back to you when it's done.

Now, we just talked about quantum hardware, and we'll touch on quantum hardware again in a few minutes. But I want to make something clear. Let's say this circle represents quantum physics. This is all the knowledge about how the universe actually conducts itself. Photons, electrons, locality, tolerances, thermodynamics, packets of light, and so on. And over here is quantum computing. This is just pure math and logic. You don't need to know anything about electrons or superconducting or any of it. This is just computer programming.

Now, that statement might frustrate folks who understand both of these oceans of knowledge, but you don't need to know how electricity works to make a website, right? Same deal here. You don't need to actually know the physics in order to write some code. So all of that quantum hardware that makes up a quantum computer, it's really this intersection right here. That's actual physics and engineering in the service of creating a machine that can compute things. And that is great. It's all great. But this is really where QGS sits. I'm not a physicist. I'm not an engineer. QGS is not hardware. It's just software. So no physics, just computing. If we're being honest, my personal knowledge scape looks a little more like this. Random puddles of knowledge rather than a vast ocean. But also this. Because we humans are beautifully messy and nonsensical creatures.

5. Exploring QGS and Quantum JavaScript

Short description:

Learning is a journey and I'm still at the beginning of my quantum journey. QGS has been built so far on these splotchy puddles of knowledge. Let's talk about QGS itself. It's the hub for the whole Q experience, with quantum tutorials, API documentation, and a playground for experimenting with quantum circuits. Quantum JavaScript allows interactive circuit building and coding circuits with JavaScript. You can combine the two for more advanced experiments.

Learning is a journey and I'm still at the beginning of my quantum journey, I think. If you think this stuff is exciting but worry that you're not a physicist, that you don't understand quantum mechanics, all of QGS has been built so far on these splotchy puddles of knowledge. You're in good company. Hop in the puddles with me.

Like I said, we'll touch on hardware again in a bit. But for now, let's talk about QGS itself. So this is the QGS website, really the hub for the whole Q experience. There are quantum tutorials, API documentation, and it's a playground for experimenting with quantum circuits. They're called circuits in the biz, so that's what I call them here. But it might be more helpful to think of them as programs, just code, just software.

I'm going to play a quick demo video for you that I made a while back to show off some of the features of QGS. So keep your eyes glued to the video while I use this opportunity for a quick drink of water. Okay, all right. Quantum JavaScript. It starts off with this interactive circuit building interface that runs right in your web browser. And I'll explain what these things are in a moment, but I'll just show you how it operates first. We can select everything and throw it away and start over. We also have an undo button here which is great, and also a lock button so we can lock our circuit and can't mess it up, can't select things, can't throw stuff away, which is even more helpful on a mobile interface where there is no hover state and selection.

You just, you're tapping, perhaps you're tapping a scroll, perhaps you're tapping without meaning to, and you definitely don't want to mess up a circuit that you've carefully composed. But in this case, we can throw down an identity gate and maybe a poly X gate and select them and combine them together to make a controlled gate here. And what we've just created here is a bell state. And even if you don't understand any of this stuff, you can see the live probability results being updated in real time as we change things. So it's really cool that you can drag and drop stuff together. But you can also code things, code circuits with JavaScript. And what's even more than that is you can combine the two. So if we open up our JavaScript console here. Let me clear it out. It says that this circuit is accessible in our console. So let's give that a shot. Let's see.

6. Exploring QGS Circuit Interface

Short description:

We can quickly build a Bell state and edit the circuit to get real output. We can add gates and switch between code and the drag and drop interface. Designing a user interface is about making tasks easier and more efficient for us human beings.

We get a circuit back. Let's make this a little larger. Let's see what that circuit looks like. We can get a diagram of it. It's not very interesting when we have a blank circuit. But here, we can quickly build that Bell state again. And you can see, as I'm editing the circuit, we're getting real output just like that. And here, let me scroll up. So we can actually see that this ASCII diagram looks very similar to what we have right here, doesn't it? And so that is pretty cool. And what's even cooler is we can start to do things like, let's say we want to add one of those H gates. That's a Hadamard gate, and we'll talk about that in a second. Let's add it to moment three on wire three, which should put it right there. Let's see if we can do that. Oh, and there it is. So we can actually jump back and forth between code and the drag and drop interface. So it's not about dumbing something down, not at all. With QGIS, you have access to this quantum circuit both through code and the drag and drop interface. And you can fluidly switch back and forth to whatever has least cognitive overhead in that moment. Let's say I need to get rid of everything here in moment two. I could certainly code that, or I could just select it and throw it away. So I just want to emphasize that designing a user interface and offering pictures to look at and click on is never about dumbing something down. It's about making tasks easier and more efficient for us human beings who require that. And there it is.

7. Introduction to Quantum Concepts

Short description:

I debated whether to cram a crash course in quantum concepts into a 20-minute talk, but it would take about an hour. Instead, I'll give you a small taste and encourage you to visit the QGIS site and explore the links and references for more information.

Let's see. Now I debated whether or not I should try to cram a crash course in quantum concepts into a 20-minute talk, but I think it would take me about an hour to comfortably walk you through this stuff, and it gets a little mathy. So I'm going to mostly spare you, except for this. I want to give you a small taste of what's going on here, and hopefully that's intriguing enough that you will visit the QGIS site on your own to learn more. And better yet, check out our list of links and references so you can jump straight into some good source materials on your own.

8. Introduction to Qubits

Short description:

Qubits are just a pair of numbers, representing the probabilities of a bit being 0 or 1. Alpha and beta are the two numbers that make up a qubit, and their sum must always be 100%.

So here we go. This is an actual page from the QGIS website describing qubits and what they are. And it starts out by saying qubits are just a pair of numbers. So a quantum bit, the smallest unit that you will use to do quantum computing, can be represented by a pair of numbers. Now, you might physically represent your qubits using photons or something else. But mathematically, it's just two numbers. That's it. And we can name one alpha, and we can name the other one beta. And the thing that makes this pair of numbers special is their relationship to each other. And here it is. Alpha squared plus beta squared must always equal exactly 1. And the reason is because alpha and beta represent the probabilities of a bit being 0 or 1, on or off. And the sum of those probabilities must always be 100%, right? In the end, there is an outcome.

9. Exploring Qubits and Amazon Bracket

Short description:

Here we can find more information about qubits, including their names, in-depth descriptions, ket notation, and the block-sphere representation. Superposition is simply a state where outcomes have a mixture of probabilities, not just yes or no. The library has purposeful quirks, such as the use of a dollar sign to indicate mutation of state. Additionally, there's a mention of Amazon bracket, a quantum service that can be accessed through a Jupyter notebook, allowing the building and running of quantum circuits on simulators or actual quantum hardware.

And here we can just scroll down. You can see there's a whole lot more information here, descriptions of why qubits are named certain things, in-depth descriptions of why some are on and some are considered off, ket notation, all sorts of things that I'm just glossing over here. But you can really spend your own time with and get to know.

And this is my favorite right here, is the block-sphere representation of a qubit. So we can see this horizontal qubit, which is considered 0 or off, and the vertical qubit, which is its inverse. So this is considered on. And we also have all these other states. We can just rock around the clock here and see different qubit states. And qubits are really just matrices and vectors. And this will make a lot more sense in context when you look at gates and circuits.

One thing I just wanted to mention really quickly before we jump out of this is superposition. So you've probably heard some things like superposition means something, two things happen at the exact same time or maybe neither happen or something like that. Superposition just means a state where the probability of outcomes are not 100% yes or no, it's some mixture, that's it. I really like to demystify superposition because there's a lot of kind of pop science nonsense around it that just really doesn't translate once you learn the math.

One more thing that I want to touch on here is there are some purposeful quirks to this library. For example, when using the verbose syntax to do things with qubits, you'll notice that some commands have a dollar sign, for instance, at the end. This is a warning sign from the API. If you use the dollar sign, you are mutating your state, you are overwriting the value of that variable. You can see an example here where you add cat and dog and it's destructive, right? Notice that dollar sign suffix as opposed to the non-destructive version which will not change the value of cat. So that's just one example of some of the fun things you might encounter as you explore.

And, oh, right. I said I'd touch on quantum hardware again and here it is. I happen to work at Amazon for a little while in their web services division and Amazon just so happened to be working on a quantum service called Amazon bracket. You can access bracket through a prepared Jupyter notebook. Perhaps some of you might be familiar with Jupyter from doing machine learning. Anyway, here's a little demo video I made a few months before bracket launched using the QGIS interface to drive it. So here I have a Jupyter notebook with Amazon bracket loaded which means that I can use Python code, bracket is Python library, and I can use that to build quantum circuits that I can then run on a simulator in the cloud, or I can run on quantum hardware because Amazon has partnered with different quantum hardware vendors. And so we can do that, we can offer that to our customers and that's pretty exciting. But what's also exciting is this, with just a few lines of HTML, really two lines of HTML, I can inject QJS into this Jupyter notebook, it's now injected, and now I can inject my quantum circuit composer. And this composer, which should look awfully familiar, is writing bracket code.

10. Running Quantum Circuits

Short description:

This is bracket Python code that can be run on a simulator or actual quantum hardware. It demonstrates a coin flip circuit using Hadamard and CNOT gates. The simulation has been run 100 times, with roughly even results of 00 and 11.

So this is actually bracket Python code, which right now is set to run on the simulator in the cloud so that we can get quicker results. But if you wanted to, you could switch what device we're running on, and you could actually run this on quantum hardware and get true quantum results. So check this out. Down here you can see where it says our QJS circuit equals a new circuit and it has a placeholder identity gate. This is bracket code, and we're about to watch it change as I start to compose stuff. Look at that, look how it put a Hadamard gate and created a CNOT gate. And we can take that and we can run that. What this is, is a coin flip circuit. And we're waiting for the output to come back from the cloud. So Hadamard puts the qubit into a state of superposition. And then this distributes that superposition to the qubit on the second register here. And so our two possible outcomes are 00 and 11. And you can see, we've gotten a result back from the simulator. It's run that simulation 100 times, which is a customizable number. And it's come back roughly even 54 times, it came out 00 and 46 times, it came out 11.

11. Using QJS to Build and Run Quantum Circuits

Short description:

We can use the QJS drag and drop interface to build circuits and get real-time reports. It can build Amazon bracket code for running on simulators or actual quantum hardware. QJS enables driving actual quantum hardware, making quantum computing accessible to everyone. Get involved in the project and explore the resources available.

So here's the deal. We can drag and drop and build circuits as we please using the QJS drag and drop interface. We can even edit that thing and get real-time reports in the JavaScript console still, and it is building Amazon bracket code, which we can run on a simulator or on actual quantum hardware. So that is pretty cool. It is pretty cool. That right there is proof that you can use QJS to drive actual quantum hardware. And to me, that's really special.

All right, let's wrap it up. So folks, this is where I can use your help. QJS is open source. It's on GitHub. Do you like JavaScript? Do you like quantum computing? You can jump right in. And there are open issues that you can check out. Ongoing discussion that could use your voice. There's a lot of documentation and it's easy to get started. I swear. And hey, if I've said anything insightful or smart about quantum computing, it's just because I'm channeling these folks right here. So look them up. They have videos, books, courses, and so on. And as always, MIT OpenCourseWare and Stanford Video Lectures are great free resources.

I'm Stuart Smith. This has been Quantum JavaScript. You can try it out right now in your favorite web browser. Just go to quantumjavascript.app. From there, you'll find everything, including the GitHub repo. Please do get involved in this project. I want to make quantum computing accessible to everyone. That's worth saying again. I want to make quantum computing accessible to everyone. So let's do it.

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

Remix Conf Europe 2022Remix Conf Europe 2022
23 min
Scaling Up with Remix and Micro Frontends
Do you have a large product built by many teams? Are you struggling to release often? Did your frontend turn into a massive unmaintainable monolith? If, like me, you’ve answered yes to any of those questions, this talk is for you! I’ll show you exactly how you can build a micro frontend architecture with Remix to solve those challenges.
Remix Conf Europe 2022Remix Conf Europe 2022
37 min
Full Stack Components
Remix is a web framework that gives you the simple mental model of a Multi-Page App (MPA) but the power and capabilities of a Single-Page App (SPA). One of the big challenges of SPAs is network management resulting in a great deal of indirection and buggy code. This is especially noticeable in application state which Remix completely eliminates, but it's also an issue in individual components that communicate with a single-purpose backend endpoint (like a combobox search for example).
In this talk, Kent will demonstrate how Remix enables you to build complex UI components that are connected to a backend in the simplest and most powerful way you've ever seen. Leaving you time to chill with your family or whatever else you do for fun.
JSNation Live 2021JSNation Live 2021
29 min
Making JavaScript on WebAssembly Fast
JavaScript in the browser runs many times faster than it did two decades ago. And that happened because the browser vendors spent that time working on intensive performance optimizations in their JavaScript engines.Because of this optimization work, JavaScript is now running in many places besides the browser. But there are still some environments where the JS engines can’t apply those optimizations in the right way to make things fast.We’re working to solve this, beginning a whole new wave of JavaScript optimization work. We’re improving JavaScript performance for entirely different environments, where different rules apply. And this is possible because of WebAssembly. In this talk, I'll explain how this all works and what's coming next.
React Summit 2023React Summit 2023
24 min
Debugging JS
As developers, we spend much of our time debugging apps - often code we didn't even write. Sadly, few developers have ever been taught how to approach debugging - it's something most of us learn through painful experience.  The good news is you _can_ learn how to debug effectively, and there's several key techniques and tools you can use for debugging JS and React apps.
JSNation Live 2021JSNation Live 2021
27 min
Building Brain-controlled Interfaces in JavaScript
Neurotechnology is the use of technological tools to understand more about the brain and enable a direct connection with the nervous system. Research in this space is not new, however, its accessibility to JavaScript developers is.Over the past few years, brain sensors have become available to the public, with tooling that makes it possible for web developers to experiment building brain-controlled interfaces.As this technology is evolving and unlocking new opportunities, let's look into one of the latest devices available, how it works, the possibilities it opens up, and how to get started building your first mind-controlled app using JavaScript.

Workshops on related topic

React Day Berlin 2022React Day Berlin 2022
86 min
Using CodeMirror to Build a JavaScript Editor with Linting and AutoComplete
WorkshopFree
Using a library might seem easy at first glance, but how do you choose the right library? How do you upgrade an existing one? And how do you wade through the documentation to find what you want?
In this workshop, we’ll discuss all these finer points while going through a general example of building a code editor using CodeMirror in React. All while sharing some of the nuances our team learned about using this library and some problems we encountered.
TestJS Summit - January, 2021TestJS Summit - January, 2021
173 min
Testing Web Applications Using Cypress
WorkshopFree
This workshop will teach you the basics of writing useful end-to-end tests using Cypress Test Runner.
We will cover writing tests, covering every application feature, structuring tests, intercepting network requests, and setting up the backend data.
Anyone who knows JavaScript programming language and has NPM installed would be able to follow along.
Node Congress 2023Node Congress 2023
63 min
0 to Auth in an Hour Using NodeJS SDK
WorkshopFree
Passwordless authentication may seem complex, but it is simple to add it to any app using the right tool.
We will enhance a full-stack JS application (Node.JS backend + React frontend) to authenticate users with OAuth (social login) and One Time Passwords (email), including:- User authentication - Managing user interactions, returning session / refresh JWTs- Session management and validation - Storing the session for subsequent client requests, validating / refreshing sessions
At the end of the workshop, we will also touch on another approach to code authentication using frontend Descope Flows (drag-and-drop workflows), while keeping only session validation in the backend. With this, we will also show how easy it is to enable biometrics and other passwordless authentication methods.
Table of contents- A quick intro to core authentication concepts- Coding- Why passwordless matters
Prerequisites- IDE for your choice- Node 18 or higher
React Summit US 2023React Summit US 2023
96 min
Build a powerful DataGrid in few hours with Ag Grid
WorkshopFree
Does your React app need to efficiently display lots (and lots) of data in a grid? Do your users want to be able to search, sort, filter, and edit data? AG Grid is the best JavaScript grid in the world and is packed with features, highly performant, and extensible. In this workshop, you’ll learn how to get started with AG Grid, how we can enable sorting and filtering of data in the grid, cell rendering, and more. You will walk away from this free 3-hour workshop equipped with the knowledge for implementing AG Grid into your React application.
We all know that rolling our own grid solution is not easy, and let's be honest, is not something that we should be working on. We are focused on building a product and driving forward innovation. In this workshop, you'll see just how easy it is to get started with AG Grid.
Prerequisites: Basic React and JavaScript
Workshop level: Beginner
Node Congress 2023Node Congress 2023
49 min
JavaScript-based full-text search with Orama everywhere
Workshop
In this workshop, we will see how to adopt Orama, a powerful full-text search engine written entirely in JavaScript, to make search available wherever JavaScript runs. We will learn when, how, and why deploying it on a serverless function could be a great idea, and when it would be better to keep it directly on the browser. Forget APIs, complex configurations, etc: Orama will make it easy to integrate search on projects of any scale.
Node Congress 2022Node Congress 2022
128 min
Back to the basics
WorkshopFree
“You’ll never believe where objects come from in JavaScript.”
“These 10 languages are worse than JavaScript in asynchronous programming.”
Let’s explore some aspects of JavaScript that you might take for granted in the clickbaitest nodecongress.com workshop.
To attend this workshop you only need to be able to write and run NodeJS code on your computer. Both junior and senior developers are welcome.
Objects are from Mars, functions are from Venus
Let’s deep-dive into the ins and outs of objects and then zoom out to see modules from a different perspective. How many ways are there to create objects? Are they all that useful? When should you consider using them?
If you’re now thinking “who cares?“, then this workshop is probably for you.
Asynchronous JavaScript: the good? parts
Let’s have an honest conversation.
I mean… why, oh why, do we need to bear with all this BS? My guess is that it depends on perspective too. Let’s first assume a hard truth about it: it could be worse… then maybe we can start seeing the not-so-bad-even-great features of JavaScript regarding non-blocking programs.