Name: Building WebApps Like It's 1972 ?♂️by Leandro Ostera | JSConf EU 2019
Uploaded: 2020-03-28T16:26:51.000Z
Duration: 22 min 28 s
Description: Thousands of YouTube videos with English-Chinese subtitles! Now you can learn to understand native speakers, expand your vocabulary, and improve your pronunciation...

Around ten years ago, I left my home town in the north-west of Argentina, and I could

not envision that I would be speaking today to all of you.

Earlier this week, I was asking any speakers if they had rituals before they went on stage.

This is the largest audience IBA been in front of.

Laurie Voss suggested I take a selfie to help with my stage fright.

If that is okay with you, can we take one at least?

So, all right, for those of you who don't know me, my name is Leandro, and I work as

We're fully open source non-profit dedicated to advance humanity in our interactions with

And about our history-building software for human beings.

By the end of this talk I hopefully will have done two things.

While the web flourishes with incredible ideas, we have a great many lessons to learn from

The second one is that was perhaps I will have compelled some of you to challenge the

way we build web applications, both at a technical level but also philosophically.

And in the spirit of fun, let's play a gale.

I will describe a programme and some of the features it has, and you will try to guess

I know we are tired, the last day, but please, bear with me.

Can you think of a programme that lets you draw maybe free handed, and then you can resize

Does this programme let you set constraints for those shapes and say that they will be

And if you make a copy and update the regional, does the copy update as well?

All right, I was hoping would actually say "Sketch".

These are some of the features in Sketch but I was referring to subscribers sketch Pad,

a programme developed back in 1963, and yet this is this old.

So I want to show you a little bit of what Sketch Pad looks like.

We can see that something on screen, right.

It looks like a rivet or maybe some sort of square with a base.

He has a crossbar, and the centre of the crossbar now to draw an arc.

Then he's going to point to the different edges of the drawing and ask the programme

As the problem solves the constraints, it forces the arc to change.

Then he shows that no matter how you distort it, it comes up with a symmetrical solution,

These constraints could have been more complicated, could have been ratios between lines, and

Another important idea we will see here, and the first time it is shown, is the idea of

He was working before on this master drawing, and now he has an instance of it on screen

that is completely independent from the master.

You can see that he's rotating it, trying to fit it into the plank.

This flickers because it's not actually a display, it's an oscilloscope.

We can relate now to this pattern using different names.

Perhaps we think of components and elements in React or classed as an object in JavaScript.

He creates a few more instances, and then he goes back to the master, and you can see

that he will just remove some of the crossbar lines, and, when he goes back, lo and behold,

the copies, the instance was be the elements have been updated.

This is the work of Ivan Sutherland who, in 1963, published his seminal work on Sketch

This development during the thesis, all by himself, and when Alan Okay one of his students,

asked him how did he manage to create this first object-orientated system, and the first

graphical interface system all within one year by himself, the guy just replied he didn't

Either way, Ivan really set the bar high for a people that came after him, right?

He set the direction for the likes of Douglas Engelberg, the fellow who created the first

They developed through a span of ten years a system that is kind of incredible.

This is the online system for historical reasons that I'm not going to get into, and it was

This has been dubbed "the mother of all demos".

And this is audio, so hopefully, you will be able to see it.

>> [Video]: I would like to see you while I'm working on it.

Subtitles ListPlay Video

Building WebApps Like It's 1972 ?‍♂️by Leandro Ostera | JSConf EU 2019

sort

essentially

incredible

instance