Show HN: Node.js video tutorials where you can edit and run the code • Hacker News Board

Re: Show HN: Node.js video tutorials where you can edit and run the code

#21

Post by mrborgen » Wed, Apr 23, 2025, 2:30 PM UTC

seansh wrote: post #17

This looks fantastic! I’ve been seeing a growing number of tools trying to bring more interactivity to programming tutorials and for good reason. Screencasts are too passive, and it’s easy to get lost halfway through. Books and blogs don’t really show how code evolves over time either. I’m working on a solution too, called CodeMic [1] where instead of bringing the environment to the web, it brings video and workspace…

CodeMic looks very cool, well done! A lot of people have asked us over the years whether we they can implement Scrimba into their preferred IDE, so it makes total sense to take that approach as well.

Re: Show HN: Node.js video tutorials where you can edit and run the code

#22

Post by hairama » Wed, Apr 23, 2025, 2:31 PM UTC

At the end of 2023 Sony & Steam informed me that I spent hundreds of hours playing games.

“Hundreds of hours?!? With that much time I could learn to play the piano or speak Spanish! Hell, I could learn to code!”

I stumbled across Scrimba on a Reddit thread and signed up for the paid version after a few lessons: it was unlike anything I had tried in the past.

Now I’m able to build basic react apps but I have a much better understanding of what’s going on “under the hood”.

Have you thought about using it to introduce new hires to a codebase?

Re: Show HN: Node.js video tutorials where you can edit and run the code

#23

Post by nailer » Wed, Apr 23, 2025, 2:33 PM UTC

I don’t understand. If the audience member makes a change, and then the speakers events are played back on top of the change, the code won’t make sense.

Re: Show HN: Node.js video tutorials where you can edit and run the code

#24

Post by seveibar » Wed, Apr 23, 2025, 2:41 PM UTC

Would love to use this for interactive tscircuit tutorials! Is it easy to create a course? The output looks great!

Is the web preview saved as a video or rendered dynamically? In the case of tscircuit, we run an autorouter in the background so it can be like a slow-loading website with a big project- I imagine doing courses on building games would have a similar problem if there isn’t video capture for the preview.

Re: Show HN: Node.js video tutorials where you can edit and run the code

#25

Post by porsager » Wed, Apr 23, 2025, 2:42 PM UTC

pier25 wrote: post #20

porsager wrote: post #12

Imba is probably one of the best kept web development secrets! Sindre has done a remarkable job of making an insanely terse while powerfull language for building web applications. Not that it's limited to web applications only, the syntax translates perfectly for any other area as well. The fact that a platform like Scrimba was built using this language and probably only a handfull developers should make you want to…

I'm hoping Imba will get more attention with the upcoming v2 release. It has tons of cool ideas and the "no reactivity" state paradigm is so much easier to reason about. Also its css notation is what Tailwind should have been. Btw you're the Postgres.js author, right?

It's got all the right decision for the scope it's covering!

Yeah, I'm the author of Postgres.js, although it hasn't gotten the tlc it deserved lately cause I've been too busy with another soon to be public project.

Re: Show HN: Node.js video tutorials where you can edit and run the code

#26

Post by mrborgen » Wed, Apr 23, 2025, 2:43 PM UTC

hairama wrote: post #22

At the end of 2023 Sony & Steam informed me that I spent hundreds of hours playing games. “Hundreds of hours?!? With that much time I could learn to play the piano or speak Spanish! Hell, I could learn to code!” I stumbled across Scrimba on a Reddit thread and signed up for the paid version after a few lessons: it was unlike anything I had tried in the past. Now I’m able to build basic react apps but I have a much be…

Very glad to hear that! Yes, we’re working on a desktop app (currently in alpha) that lets you record Scrimba screencasts of local codebases. It’ll be perfect for onboarding, and since it runs on your own machine, it can support any language.

Re: Show HN: Node.js video tutorials where you can edit and run the code

#27

Post by [deleted] » Wed, Apr 23, 2025, 2:50 PM UTC

[deleted]

Re: Show HN: Node.js video tutorials where you can edit and run the code

#28

Post by joeyblueee » Wed, Apr 23, 2025, 2:50 PM UTC

[dead]

Re: Show HN: Node.js video tutorials where you can edit and run the code

#29

Post by kirykl » Wed, Apr 23, 2025, 2:59 PM UTC

Scrimba is such a great learning tool, I’ve tried the front end material, excited to check out the new stuff

Re: Show HN: Node.js video tutorials where you can edit and run the code

#30

Post by mrborgen » Wed, Apr 23, 2025, 2:59 PM UTC

seveibar wrote: post #24

Would love to use this for interactive tscircuit tutorials! Is it easy to create a course? The output looks great! Is the web preview saved as a video or rendered dynamically? In the case of tscircuit, we run an autorouter in the background so it can be like a slow-loading website with a big project- I imagine doing courses on building games would have a similar problem if there isn’t video capture for the preview.

Would love to see tscircuit tutorials on Scrimba! It’s easy to record — just talk over the code. I demo it in this scrim from around 1:40. https://scrimba.com/s0kmcarts1

The preview is rendered live, not video. So with heavy projects (e.g. lots of JS animations), the recording can get large due to the detailed DOM stream.