Build a Data Streaming App with TypeScript/JavaScript and Apache Kafka | Coding in Motion

preview_player
Показать описание


VIDEO LINKS

TIMESTAMPS
00:00 - Intro
02:04 - Initializing A TypeScript Project
03:28 - Using WebMidi
04:59 - The MIDI Protocol
05:28 - Digesting MIDI Data
06:36 - Setting Up Kafka
07:31 - Connecting JavaScript To Kafka
13:33 - Creating Streams with ksqlDB
16:47 - Encoding and Sending Data
22:55 - Stream Processing With ksqlDB
30:12 - I Have Tea
30:38 - A Basic WebSocket Server
31:33 - Connecting Kafka To The WebSocket Server
40:18 - A Basic Three.JS Scene
57:41 - Rendering Notes As 3D Animations
01:04:48 - Playing With The System / Jamming Out
01:06:19 - Where Next?

ABOUT CONFLUENT

#streamprocessing #apachekafka #kafka #confluent
  1. Confluent
  2. confluent
  3. apache kafka
  4. kafka
  5. microservices
  6. data in motion
Рекомендации по теме
Build a Data 0:02:04

Build a Data Streaming App with Apache Kafka and JS - Coding in Motion

Build a Reactive 0:53:46

Build a Reactive Data Streaming App with Python and Apache Kafka | Coding In Motion

Build a Data 1:07:56

Build a Data Streaming App with TypeScript/JavaScript and Apache Kafka | Coding in Motion

Event Streaming Applications 0:09:43

Event Streaming Applications with Zero Infrastructure

Building Modern Data 0:47:28

Building Modern Data Streaming Apps with Open Source - Timothy Spann, StreamNative

Realtime Data Streaming 1:27:48

Realtime Data Streaming | End To End Data Engineering Project

Building Modern Data 0:27:18

Building Modern Data Streaming Apps with Python | Tim Spann | Conf42 DevOps 2023

Building Modern Data 0:35:43

Building Modern Data Streaming Apps - Pulsar Summit Asia 2022

Analytics 2025: Ignore 0:58:53

Analytics 2025: Ignore These Trends at Your Peril | The Jam Session🎙️

Building Data Streaming 0:52:24

Building Data Streaming Platform with Kafka

Build Real-Time Applications 0:29:37

Build Real-Time Applications with Databricks Streaming

Data Streaming, Explained 0:11:55

Data Streaming, Explained

How to Build 0:06:38

How to Build a Stream Processing System | Data Streaming Systems

Data Streaming in 0:03:39

Data Streaming in Real Life: Banking - Real-Time Data Processing in the Financial Services Industry

Build POWERFUL Streaming 0:25:25

Build POWERFUL Streaming Apps Like ChatGPT with ZERO Code (Full Guide)

Build real-time streaming 0:23:12

Build real-time streaming apps in Superblocks

What is Data 0:01:33

What is Data Streaming?

Data Pipelines: Introduction 0:09:37

Data Pipelines: Introduction to Streaming Data Pipelines

Build real-time apps 0:07:28

Build real-time apps with Streaming SQL

Create a Power 0:05:46

Create a Power BI streaming dataset for real-time dashboards

Fast Data Architectures 0:45:18

Fast Data Architectures for Streaming Applications • Dean Wampler • GOTO 2017

Imperva: Building Real-Time 0:06:03

Imperva: Building Real-Time Streaming Data Pipelines Using Amazon MSK

How Video Streaming 0:05:24

How Video Streaming works | System Design

Building our first 0:18:45

Building our first Spark Streaming Application! | PySpark Tutorial

Комментарии
Автор

CS student here, watching a pro code is something else...didn't realize you can be this good at it. Thanks for the video Kris!

JRAS_
Автор

So, I‘m a typescript engineer, who has an OP-Z laying around which I wanted to put on eBay because have not gotten into it yet and worked a while with Unity and have just set-up a Kafka based stream processor with Red Panda and Node…. I guess I‘ll keep my OP-Z a bit longer….

dinoscheidt
Автор

This is very inspiring. I will use this to create something similar. It's a great feeling to watch it work end to end.

yazzy
Автор

got a vibe of trent crim, the independence from this man

duccm
Автор

This is a very cool enthusiast tutorial... I'm new to Kafka nevertheless have worked with ActiveMQ in Java enterprise platform, never tried Typescript .. this programming for projects like hobbies turns out to be quite appealing, but the concepts and the coding make it appealing to learn more about Kafka by my part.
Thank you.
Also the combination of the synth and tree.js backed by Kafka scalability ... is crazy creative. lol.

jose
Автор

Kris hey, thanks for this video - it's exactly what I needed (let's have more of these, please)!
I've a nerdy question: which editor are you using? It can't really be `ed`, right? Is `ed` a shortcut to `vim`? Could you share your configuration?

emilemilov
Автор

How did you get webmidi.enable() to work in your project ? It fails silently/never gets triggered for me. All the logs before that line get printed but the enable() itself fails. All the material I've read online suggest using the webmidi js library on a browser by embedding in an html page.

Any pointers?

samb