mrborgen

It's created with the Scrimba technology, so you can edit the code in the videos whenever you want.

Shameless self-promotion:

"Why can't I copy a URL to my editor to enable real-time collaboration with someone else?"

That's one of the things we (Scrimba) are trying to enable dev teams to do seamlessly these days: https://www.youtube.com/watch?v=Rsorl3-TjdY

Instructions on how to try our beta can be found here: https://scrimba.com:9000/@welcome

Thanks! We've been working hard on getting that experience right :)

Our beta version can be accessed here is anybody is interested: https://scrimba.com:9000/

And here's the npm package you need to get started: https://www.npmjs.com/package/scrimba

Thanks! We've actually disabled the ability for others to run commands in your terminal while in beta. We're going to enable it as an option, meaning you can grant specific people access to your terminal.

I'd love to give you a proper walk-through if the entire product if you're interested? :)

Hey there!

At Scribma, we're building a new tool for doing exactly this: sharing both code, terminal, and browser, and collaborating using 100 times less bandwidth than you would via traditional screen sharing tools.

Also, it's automatically recorded, so you don't have to worry about doing screen recording via e.g. QuickTime while coding (which at least makes my mac fan go nuts after a few minutes).

You can check out a video of it here: https://www.youtube.com/watch?v=Rsorl3-TjdY

We're on the lookout for more beta testers, so I'd love to set up a chat with you.

Interested?

If so, let me know at per@scrimba.com

Flexbox is built for one dimension layouts (e.g. a header), while Grid is built for creating two-dimensional layouts (e.g. an entire page).

Use both and you'll get the best of two worlds.

"It took about three lines of CSS to write the grid layout I wanted, and I wanted to live in the bright and beautiful future where layout is always that simple."

This is so spot on. I've met many developers who tend to think Bootstrap is easier, but that's usually because they haven't experienced this part of CSS Grid. Just add a couple of lines and you have a very powerful grid layout.

I wrote an article on Bootstrap vs. CSS Grid a few weeks ago btw. Feel free to check it out:

https://hackernoon.com/how-css-grid-beats-bootstrap-85d5881c...

And here is a link to my free CSS Grid course, in case you're interested in learning it:

https://scrimba.com/g/gR8PTE

We've been having some issues with Firefox yes. Sorry about that. Do you remember specifically which screencast it was?

We've spent over a year building this product and about a month creating the content. Now we're giving it all away for free. I think it's fair that we ask people to authenticate.

But of course, feel free to disagree.

Awesome, I’d love to chat! How can I reach you? My email is per@scrimba.com

Good points! Yeah, we're totally up for offering shares as well.

Regarding the money. As it's a grant for specifically this purpose, it's not an option to use it to increase our runway.

Good tip, thanks! However, it's really important that they also have been involved in online courses.

Yes, we're looking for someone part time.

People learn in different ways. Some prefer text, others prefer videos.

Just look at the all the big sites for learning how to code: Pluralsight, Udemy, Lynda, Coursera, Udacity. They're all based around video. So there's definitely a need for audio visual explanations.

Totally agree that a lot of people prefer text. But not all.

We're building an interactive coding screencast tool (called Scrimba) to help people with teaching and learning stuff like JS and React.

A dedicated section for React can be found here: https://scrimba.com/topic-react

And here is a playlist which takes you through building your first React app: https://scrimba.com/playlist/playlist-1

It's based upon an article I wrote here: https://scrimba.com/playlist/playlist-1

It's all free. Hope it helps!

StdLib seems like an awesome alternative in this space:

https://stdlib.com/

I've seen the founder setup some impressing services in a matter of minutes.

Hey,

I did a bootcamp 2.5 years ago (Founders and Coders on London). Today I'm a co-founder of Scrimba (https://scrimba.com/), which is a new interactive video format for communicating code.

I'm mostly doing non-technical work at the moment, though some technical as well.

After I graduated I worked a little over a year as a front-end developer at Xeneta (a Norwegian-based startup).

I could not have gotten a job as a professional developer if I didn't do the bootcamp. Or it would have taken me MUCH MUCH more time. So I'm super happy with my experience. Also, most people in my cohort who graduated also work as developers now.

I've been writing a lot about how my process from non-technical to technical was. Feel free to check it out here:

https://medium.com/founders-coders/from-non-technical-to-hir...

Hey, this is truly awesome. Lowers the threshold for people to start creating web apps.

I created a quick 'Hello world' tutorial on Mavo here btw, hope you like it:

https://scrimba.com/casts/cEZ3TE

Awesome! Do you have an simple one page example where you're pulling the lib from a CDN?

Hey all, Scrimba is on Product Hunt today, if anybody wants to join the discussion there as well. You'll find us on this list:

https://www.producthunt.com/topics/developer-tools

It's painful for us to see that... :p

Oops, thanks for notifying me about that!

What kind of mobile/browser are you using?

How about creating a fork and explaining what you did to get the iterations down to 750? :)

Sure!

The basic idea behind Scrimba is that we record events instead of pixels. So what you're seeing when you're watching a Scrimba screencast is simply a re-creation of what the creator did when creating the screencast (which is done in-browser).

Even the interactions with the live preview are recorder, through a DOM-recorder we've built.

This opens up for tons of possibilities, including enabling the viewer to interact with the code.

We will add support for server side languages (e.g. Python, Ruby, Node) in the future. However, it's not at the top of our list, as there are several core things we need to fix. Once we have a timeline for that, it'll surely be shared on our Gitter channel:

https://gitter.im/scrimba_community/Lobby?utm_source=share-l...

Next up on our feature list is to make the creation process a lot easier, by enabling the creator to edit the recording after it's done. Will likely be launched next week :)

Hey all, I'm the creator of this screencast (and a co-founder of Scrimba).

Happy to answer any questions people might have :)

Very well done! Just tried it, and like it a lot.

I created a little screencast of the core concepts of Mini.css here, in case anyone is interested in quickly grasping how it works:

https://scrimba.com/casts/cast-1945

[Edit: there was an issue with the audio in the previous screencast, so I created a new one]

We had a pre-interview yesterday (we're based in Norway). Got the invitation On Tuesday I think.

Know of any way to find it?

Something like that yes, though fully integrated into Medium, and ideally with smart suggestions for which images to use/buy.