Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

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

news.ycombinator.com

Post reply on HN
Print view View original

11–20 of 95 posts

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

#11

Post by somebee »

hliyan wrote: post #9

Minor issue, Chrome on Windows: cursor position seems to have an offset error -- can never quite get to the end of a line. As you type, text doesn't quite appear where the cursor is.

Will try to push a fix in the next few hours. We are instantiating the monaco editor with a custom font (Source Code Pro) before we're sure the font has loaded, which throws of the char box measurements in monaco. We did have a fix for this in the old (non-backend IDE), so I'll port that over ASAP. Thanks for notifying us :)

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

#12

Post by porsager »

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 learn from someone like that even more!

It's also the only learning platform I've ever recommended where I see people staying and learning more.

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

#14

Post by mrborgen »

huksley wrote: post #3

Supercool! Can you use any other webapp, not a code IDE?

Thanks! Not sure I fully understand — do you mean using our DOM recorder on other web apps instead of our IDE? In theory, yes, we’ve used it on third-party sites in previous iterations of Scrimba.

But there are some limitations, as certain HTML elements (like native dropdowns, date pickers, canvas etc) are rendered outside the DOM and thus can’t be recorded.

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

#15

Post by mrborgen »

kamikazeturtles wrote: post #5

Scrimba is really cool. When I first got into programming, a few years ago, I tried to build something similar using rrweb but with server side code execution in docker containers so that it could support all the programming languages like replit. When I first heard about Scrimba, I abandoned my project because I thought you guys would already go down that path. Why didn't you guys go down that route?

Good question! Expanding from client-side JS to Node.js is our first step in that direction. We considered server-side execution for all languages but chose WebContainers instead, as it’s a better fit for us when teaching fullstack web dev, and easier to maintain.

That said, our new IDE is built to easily support server-side execution down the line.

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

#16

Post by zersiax »

I love this idea, it would actually solve a lot of accessibility issues within coding courses for the fully blind. Unfortunately right now the scrimba interface appears to need some help where that is concerned. WOuld love to discuss more if you're interested? @somebee

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

#17

Post by seansh »

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 sync into the IDE so viewers can follow along directly inside their own editor.

You’ve done an impressive job integrating everything, including the Console for example, that’s especially tricky to pull off in an extension for VSCode, Emacs, or Vim.

[1] https://CodeMic.io

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

#20

Post by pier25 »

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?

Post reply on HN