WEBVTT

1
00:00:04.840 --> 00:00:07.080
<00:00:04.840>Hello, <00:00:05.015>and <00:00:05.189>welcome <00:00:05.365>to <00:00:05.540>another <00:00:05.715>We <00:00:05.890>Are <00:00:06.064>Developers <00:00:06.240>Live.

2
00:00:07.760 --> 00:00:11.160
<00:00:07.760>We <00:00:07.867>are <00:00:07.975>here <00:00:08.083>live, <00:00:08.190>and <00:00:08.298>we <00:00:08.406>already <00:00:08.513>introduced <00:00:08.621>the <00:00:08.729>guest, <00:00:08.836>which <00:00:08.944>normally <00:00:09.052>is <00:00:09.160>a

3
00:00:11.180 --> 00:00:15.140
<00:00:11.180>surprise, <00:00:11.307>but <00:00:11.434>we <00:00:11.561>have <00:00:11.689>you <00:00:11.816>on <00:00:11.943>stage <00:00:12.070>already, <00:00:12.198>so <00:00:12.325>it's <00:00:12.452>a <00:00:12.580>mess.

4
00:00:15.220 --> 00:00:18.720
<00:00:15.220>We're <00:00:15.336>actually <00:00:15.453>in <00:00:15.570>the <00:00:15.686>middle <00:00:15.803>of <00:00:15.920>doing <00:00:16.036>a <00:00:16.153>lot <00:00:16.270>of <00:00:16.386>planning <00:00:16.503>for <00:00:16.620>the

5
00:00:18.760 --> 00:00:22.580
<00:00:18.760>Congress <00:00:18.993>in <00:00:19.226>America <00:00:19.460>and <00:00:19.693>picking <00:00:19.926>speakers, <00:00:20.160>getting

6
00:00:22.620 --> 00:00:25.710
<00:00:22.620>people <00:00:22.775>involved. <00:00:22.931>Also <00:00:23.086>following <00:00:23.242>up <00:00:23.397>with <00:00:23.553>what <00:00:23.708>we <00:00:23.864>did <00:00:24.020>in

7
00:00:25.760 --> 00:00:29.650
<00:00:25.760>Berlin. <00:00:25.915>And, <00:00:26.071>yeah, <00:00:26.226>I <00:00:26.382>have <00:00:26.537>my <00:00:26.693>second <00:00:26.848>machine <00:00:27.004>churning <00:00:27.160>in

8
00:00:29.660 --> 00:00:33.180
<00:00:29.660>the <00:00:29.800>background, <00:00:29.940>doing <00:00:30.080>transcriptions <00:00:30.220>of <00:00:30.360>all <00:00:30.500>the <00:00:30.640>videos <00:00:30.780>using <00:00:30.920>Whisper <00:00:31.060>Flow.

9
00:00:33.820 --> 00:00:37.200
<00:00:33.820>So <00:00:33.927>hopefully <00:00:34.035>we <00:00:34.143>will <00:00:34.250>be <00:00:34.358>able <00:00:34.466>to <00:00:34.573>release <00:00:34.681>those <00:00:34.789>bit <00:00:34.896>by <00:00:35.004>bit <00:00:35.112>as <00:00:35.220>well.

10
00:00:38.000 --> 00:00:41.020
<00:00:38.000>Well, <00:00:38.107>first <00:00:38.215>of <00:00:38.323>all, <00:00:38.430>it's <00:00:38.538>a <00:00:38.646>live <00:00:38.753>show, <00:00:38.861>so <00:00:38.969>hey, <00:00:39.076>Dan, <00:00:39.184>how <00:00:39.292>you <00:00:39.400>doing?

11
00:00:41.720 --> 00:00:43.680
<00:00:41.720>Hello. <00:00:41.894>Yeah, <00:00:42.070>it's <00:00:42.245>really <00:00:42.420>nice <00:00:42.595>to <00:00:42.769>be <00:00:42.945>back, <00:00:43.120>actually.

12
00:00:43.790 --> 00:00:46.760
<00:00:43.790>It's <00:00:43.877>been <00:00:43.964>a <00:00:44.052>couple <00:00:44.140>of <00:00:44.227>weeks <00:00:44.315>since <00:00:44.402>the <00:00:44.490>show. <00:00:44.577>You've <00:00:44.665>had <00:00:44.752>a <00:00:44.839>lot <00:00:44.927>of <00:00:45.015>travel <00:00:45.102>as <00:00:45.190>well.

13
00:00:46.820 --> 00:00:50.420
<00:00:46.820>You <00:00:46.927>went <00:00:47.035>to <00:00:47.143>a <00:00:47.250>whistle-stop <00:00:47.358>tour <00:00:47.466>of <00:00:47.573>New <00:00:47.681>York <00:00:47.789>for <00:00:47.896>about <00:00:48.004>three <00:00:48.112>days, <00:00:48.220>which

14
00:00:50.680 --> 00:00:52.600
<00:00:50.680>seems <00:00:50.807>it's <00:00:50.934>about <00:00:51.061>the <00:00:51.189>same <00:00:51.316>time <00:00:51.443>as <00:00:51.570>it <00:00:51.698>takes <00:00:51.825>to <00:00:51.952>get <00:00:52.080>there.

15
00:00:53.540 --> 00:00:57.160
<00:00:53.540>But <00:00:53.640>yeah, <00:00:53.740>it's <00:00:53.839>really <00:00:53.940>nice <00:00:54.040>to <00:00:54.140>be <00:00:54.240>back, <00:00:54.339>and <00:00:54.440>we're <00:00:54.540>looking <00:00:54.640>forward <00:00:54.740>to <00:00:54.839>the <00:00:54.940>next

16
00:00:57.200 --> 00:00:59.080
<00:00:57.200>Congress <00:00:57.375>now, <00:00:57.550>which <00:00:57.725>is <00:00:57.900>the <00:00:58.075>World <00:00:58.250>Congress <00:00:58.425>North <00:00:58.600>America.

17
00:00:59.300 --> 00:01:00.700
<00:00:59.300>And <00:00:59.480>yeah, <00:00:59.660>it's <00:00:59.839>a <00:01:00.020>good <00:01:00.200>time <00:01:00.380>of <00:01:00.560>year.

18
00:01:01.100 --> 00:01:05.000
<00:01:01.100>Yeah. <00:01:01.227>I've <00:01:01.354>been <00:01:01.481>to <00:01:01.609>the <00:01:01.736>DevRelCon <00:01:01.863>in <00:01:01.990>New <00:01:02.118>York <00:01:02.245>City <00:01:02.372>and <00:01:02.500>talked

19
00:01:05.041 --> 00:01:08.900
<00:01:05.041>to <00:01:05.140>the <00:01:05.241>Major <00:01:05.340>League <00:01:05.441>Hacking <00:01:05.541>people <00:01:05.640>about <00:01:05.741>what <00:01:05.841>we <00:01:05.941>can <00:01:06.041>do <00:01:06.140>in <00:01:06.241>terms <00:01:06.341>of <00:01:06.441>hackathons

20
00:01:08.920 --> 00:01:12.740
<00:01:08.920>as <00:01:09.075>well, <00:01:09.231>and <00:01:09.386>learned <00:01:09.542>about <00:01:09.697>what <00:01:09.853>DevRel <00:01:10.008>and <00:01:10.164>AI <00:01:10.320>has

21
00:01:12.820 --> 00:01:15.520
<00:01:12.820>issues <00:01:13.020>with <00:01:13.220>at <00:01:13.419>the <00:01:13.619>moment. <00:01:13.820>Really <00:01:14.020>interesting <00:01:14.220>insights.

22
00:01:16.100 --> 00:01:19.680
<00:01:16.100>Poached <00:01:16.207>a <00:01:16.315>few <00:01:16.423>speakers <00:01:16.530>as <00:01:16.638>well <00:01:16.746>to <00:01:16.853>get <00:01:16.961>to <00:01:17.069>come <00:01:17.176>to <00:01:17.284>our <00:01:17.392>event <00:01:17.500>in

23
00:01:19.700 --> 00:01:22.320
<00:01:19.700>September, <00:01:19.933>and <00:01:20.166>also <00:01:20.400>talked <00:01:20.633>to <00:01:20.866>a <00:01:21.100>few

24
00:01:23.220 --> 00:01:26.140
<00:01:23.220>sponsors <00:01:23.347>who <00:01:23.474>are <00:01:23.601>now <00:01:23.729>sponsoring <00:01:23.856>us <00:01:23.983>as <00:01:24.110>well. <00:01:24.238>So <00:01:24.365>that <00:01:24.492>was <00:01:24.620>worthwhile.

25
00:01:26.500 --> 00:01:29.940
<00:01:26.500>But <00:01:26.587>yeah, <00:01:26.675>you're <00:01:26.762>right. <00:01:26.850>It <00:01:26.937>was <00:01:27.025>an <00:01:27.112>11-hour <00:01:27.200>flight, <00:01:27.287>and <00:01:27.375>by <00:01:27.462>the <00:01:27.550>time <00:01:27.637>I <00:01:27.725>got <00:01:27.812>back <00:01:27.900>and

26
00:01:30.340 --> 00:01:32.740
<00:01:30.340>adjusted <00:01:30.495>to <00:01:30.651>the <00:01:30.806>time, <00:01:30.962>I <00:01:31.117>had <00:01:31.273>to <00:01:31.428>fly <00:01:31.584>back <00:01:31.740>again.

27
00:01:33.300 --> 00:01:36.860
<00:01:33.300>And <00:01:33.407>then <00:01:33.515>there <00:01:33.623>was <00:01:33.730>a <00:01:33.838>thunderstorm, <00:01:33.946>so <00:01:34.053>a <00:01:34.161>lot <00:01:34.269>of <00:01:34.376>flights <00:01:34.484>got <00:01:34.592>canceled <00:01:34.700>and

28
00:01:36.920 --> 00:01:40.030
<00:01:36.920>delayed, <00:01:37.002>so <00:01:37.084>a <00:01:37.167>lot <00:01:37.249>of <00:01:37.331>people <00:01:37.414>didn't <00:01:37.496>show <00:01:37.578>up <00:01:37.661>for <00:01:37.743>the <00:01:37.825>first <00:01:37.908>day, <00:01:37.990>but <00:01:38.072>the <00:01:38.155>second <00:01:38.237>day <00:01:38.320>of

29
00:01:40.060 --> 00:01:43.900
<00:01:40.060>the <00:01:40.200>conference. <00:01:40.340>And <00:01:40.480>I <00:01:40.620>was <00:01:40.760>supposed <00:01:40.900>to <00:01:41.040>fly <00:01:41.180>back <00:01:41.320>via <00:01:41.460>Vienna,

30
00:01:43.960 --> 00:01:47.900
<00:01:43.960>and <00:01:44.060>then <00:01:44.160>they <00:01:44.260>basically <00:01:44.360>told <00:01:44.460>me <00:01:44.560>I <00:01:44.660>have <00:01:44.760>to <00:01:44.860>fly <00:01:44.960>back <00:01:45.060>via <00:01:45.160>Zurich, <00:01:45.260>but <00:01:45.360>it's

31
00:01:47.940 --> 00:01:51.600
<00:01:47.940>going <00:01:48.047>to <00:01:48.155>be <00:01:48.263>50 <00:01:48.370>minutes <00:01:48.478>earlier <00:01:48.586>than <00:01:48.693>in <00:01:48.801>Berlin. <00:01:48.909>So <00:01:49.016>that <00:01:49.124>was <00:01:49.232>actually <00:01:49.340>good.

32
00:01:51.680 --> 00:01:55.620
<00:01:51.680>And <00:01:51.820>yeah, <00:01:51.960>Zurich, <00:01:52.100>Swiss <00:01:52.240>Airlines <00:01:52.380>give <00:01:52.520>you <00:01:52.660>chocolate, <00:01:52.800>so <00:01:52.940>that's <00:01:53.080>nice.

33
00:01:55.640 --> 00:01:56.220
<00:01:55.640>They <00:01:55.901>are <00:01:56.162>good.

34
00:01:56.230 --> 00:01:56.679
<00:01:56.229>That's <00:01:56.364>nice <00:01:56.499>as <00:01:56.634>well.

35
00:01:56.720 --> 00:01:59.120
<00:01:56.720>They're <00:01:56.847>very <00:01:56.974>punctual. <00:01:57.101>They <00:01:57.229>live <00:01:57.356>up <00:01:57.483>to <00:01:57.610>all <00:01:57.738>the <00:01:57.865>positive <00:01:57.992>stereotypes <00:01:58.120>there.

36
00:01:59.160 --> 00:02:02.140
<00:01:59.160>Very <00:01:59.267>punctual <00:01:59.375>and <00:01:59.483>good <00:01:59.590>chocolate. <00:01:59.698>And <00:01:59.806>you <00:01:59.913>got <00:02:00.021>home <00:02:00.129>early, <00:02:00.236>so <00:02:00.344>you <00:02:00.452>can't <00:02:00.560>complain.

37
00:02:02.420 --> 00:02:03.160
<00:02:02.420>Just <00:02:02.642>works, <00:02:02.864>doesn't <00:02:03.086>it?

38
00:02:04.020 --> 00:02:07.680
<00:02:04.020>True. <00:02:04.147>German <00:02:04.274>trains <00:02:04.401>are <00:02:04.529>not <00:02:04.656>allowed <00:02:04.783>in <00:02:04.910>Switzerland <00:02:05.038>anymore <00:02:05.165>to <00:02:05.292>enter <00:02:05.420>the

39
00:02:07.720 --> 00:02:11.390
<00:02:07.720>country <00:02:07.827>because <00:02:07.935>it <00:02:08.043>kills <00:02:08.150>their <00:02:08.258>timetable <00:02:08.366>because <00:02:08.473>of <00:02:08.581>the <00:02:08.689>delays <00:02:08.796>that <00:02:08.904>they <00:02:09.012>have <00:02:09.120>right

40
00:02:11.420 --> 00:02:15.400
<00:02:11.420>now. <00:02:11.519>So <00:02:11.619>it's <00:02:11.720>actually <00:02:11.820>pretty <00:02:11.920>bonkers <00:02:12.019>that <00:02:12.119>this <00:02:12.220>is <00:02:12.320>a <00:02:12.420>thing <00:02:12.519>that <00:02:12.619>Germany <00:02:12.720>is <00:02:12.820>known

41
00:02:15.420 --> 00:02:18.880
<00:02:15.420>for <00:02:15.700>now, <00:02:15.980>inconsistency <00:02:16.260>and <00:02:16.540>delays, <00:02:16.820>but

42
00:02:19.440 --> 00:02:22.840
<00:02:19.440>what <00:02:19.567>can <00:02:19.694>you <00:02:19.821>do? <00:02:19.949>So <00:02:20.076>today <00:02:20.203>we <00:02:20.330>got <00:02:20.458>a <00:02:20.585>guest <00:02:20.712>here <00:02:20.840>that

43
00:02:23.500 --> 00:02:27.430
<00:02:23.500>I <00:02:23.593>came <00:02:23.686>across <00:02:23.780>a <00:02:23.873>few <00:02:23.966>times <00:02:24.060>ago. <00:02:24.153>A <00:02:24.246>long <00:02:24.340>time <00:02:24.433>ago, <00:02:24.526>we <00:02:24.620>met, <00:02:24.713>we <00:02:24.806>talked <00:02:24.900>at

44
00:02:27.460 --> 00:02:30.290
<00:02:27.460>the <00:02:27.615>same <00:02:27.771>event <00:02:27.926>together, <00:02:28.082>EnterJS, <00:02:28.237>which <00:02:28.393>we <00:02:28.548>both <00:02:28.704>forgot <00:02:28.860>about,

45
00:02:31.220 --> 00:02:34.900
<00:02:31.220>in <00:02:31.395>Darmstadt <00:02:31.570>back <00:02:31.745>then. <00:02:31.920>And, <00:02:32.095>yeah, <00:02:32.270>he <00:02:32.445>wrote <00:02:32.620>an

46
00:02:34.940 --> 00:02:38.220
<00:02:34.940>interesting <00:02:35.067>article <00:02:35.194>that <00:02:35.321>we're <00:02:35.449>going <00:02:35.576>to <00:02:35.703>be <00:02:35.830>deep <00:02:35.958>diving <00:02:36.085>later <00:02:36.212>on <00:02:36.340>in.

47
00:02:38.740 --> 00:02:39.280
<00:02:38.740>So, <00:02:39.226>Jad,

48
00:02:40.360 --> 00:02:42.280
<00:02:40.360>introduce <00:02:40.593>yourself. <00:02:40.826>What <00:02:41.060>do <00:02:41.293>you <00:02:41.526>do, <00:02:41.760>and

49
00:02:43.320 --> 00:02:44.700
<00:02:43.320>how <00:02:43.630>come <00:02:43.941>we <00:02:44.251>picked <00:02:44.561>you?

50
00:02:45.580 --> 00:02:47.840
<00:02:45.579>Hey, <00:02:45.707>Chris, <00:02:45.834>and <00:02:45.961>hey, <00:02:46.089>Dan. <00:02:46.216>Thanks <00:02:46.343>for <00:02:46.470>having <00:02:46.598>me <00:02:46.725>on <00:02:46.852>the <00:02:46.980>show.

51
00:02:48.680 --> 00:02:50.880
<00:02:48.680>My <00:02:48.913>name <00:02:49.146>is <00:02:49.380>Jad, <00:02:49.613>and <00:02:49.846>I'm <00:02:50.080>self-employed.

52
00:02:51.400 --> 00:02:53.960
<00:02:51.400>It's <00:02:51.600>been, <00:02:51.800>I <00:02:52.000>think, <00:02:52.200>six, <00:02:52.400>seven <00:02:52.600>years <00:02:52.800>that

53
00:02:54.840 --> 00:02:58.480
<00:02:54.840>the <00:02:54.956>biggest <00:02:55.073>thing <00:02:55.190>I <00:02:55.306>do <00:02:55.423>is <00:02:55.540>just <00:02:55.656>teaching <00:02:55.773>developers, <00:02:55.890>whether <00:02:56.006>that's <00:02:56.123>in <00:02:56.240>person--

54
00:02:58.600 --> 00:03:01.480
<00:02:58.600>Actually, <00:02:58.716>in <00:02:58.833>person <00:02:58.950>is <00:02:59.066>a <00:02:59.183>bit <00:02:59.299>longer. <00:02:59.416>That's <00:02:59.533>why <00:02:59.650>I <00:02:59.766>also <00:02:59.883>met <00:03:00.000>Chris.

55
00:03:02.360 --> 00:03:06.100
<00:03:02.360>So <00:03:02.515>a <00:03:02.671>lot <00:03:02.826>of <00:03:02.982>JavaScript <00:03:03.137>teaching <00:03:03.293>through <00:03:03.448>my <00:03:03.604>company, <00:03:03.760>LearnJavaScript.online.

56
00:03:06.140 --> 00:03:09.960
<00:03:06.140>There's <00:03:06.279>other <00:03:06.420>courses. <00:03:06.559>It's <00:03:06.700>like <00:03:06.839>an <00:03:06.980>interactive <00:03:07.119>platform <00:03:07.260>where <00:03:07.399>you <00:03:07.540>learn

57
00:03:10.120 --> 00:03:11.160
<00:03:10.120>modern <00:03:11.055>JavaScript.

58
00:03:12.020 --> 00:03:12.340
And

59
00:03:14.320 --> 00:03:17.520
<00:03:14.320>of <00:03:14.420>course, <00:03:14.519>as <00:03:14.620>a <00:03:14.720>teacher, <00:03:14.820>you <00:03:14.920>don't <00:03:15.019>want <00:03:15.120>to <00:03:15.220>just <00:03:15.320>teach <00:03:15.420>and <00:03:15.519>forget <00:03:15.620>about <00:03:15.720>everything

60
00:03:17.530 --> 00:03:21.460
<00:03:17.530>that's <00:03:17.637>new <00:03:17.745>that's <00:03:17.853>happening, <00:03:17.960>so <00:03:18.068>I <00:03:18.176>try <00:03:18.283>to <00:03:18.391>always <00:03:18.499>be <00:03:18.606>on <00:03:18.714>the <00:03:18.822>bleeding <00:03:18.930>edge,

61
00:03:21.520 --> 00:03:23.240
<00:03:21.520>and <00:03:21.753>that's <00:03:21.986>really <00:03:22.220>on <00:03:22.453>the <00:03:22.686>bleeding <00:03:22.920>edge.

62
00:03:24.340 --> 00:03:26.980
<00:03:24.340>The <00:03:24.433>article <00:03:24.526>or <00:03:24.620>the <00:03:24.713>video. <00:03:24.806>I <00:03:24.900>don't <00:03:24.993>know <00:03:25.086>if <00:03:25.180>you <00:03:25.273>stumbled <00:03:25.366>upon <00:03:25.460>the <00:03:25.553>video <00:03:25.646>of <00:03:25.740>the

63
00:03:27.020 --> 00:03:27.920
<00:03:27.020>article, <00:03:27.830>Chris.

64
00:03:29.380 --> 00:03:33.220
<00:03:29.380>I <00:03:29.496>saw <00:03:29.613>the <00:03:29.730>video. <00:03:29.846>I <00:03:29.963>saw <00:03:30.079>the <00:03:30.196>blog <00:03:30.313>post <00:03:30.430>talking <00:03:30.546>about <00:03:30.663>the <00:03:30.780>article

65
00:03:33.320 --> 00:03:34.220
<00:03:33.320>and <00:03:34.130>then-

66
00:03:34.280 --> 00:03:34.450
<00:03:34.280>Oh, <00:03:34.433>yeah

67
00:03:34.460 --> 00:03:37.440
<00:03:34.460>... <00:03:34.553>I <00:03:34.646>watched <00:03:34.740>part <00:03:34.833>of <00:03:34.926>the <00:03:35.020>video. <00:03:35.113>I'm <00:03:35.206>really <00:03:35.300>bad <00:03:35.393>at <00:03:35.486>watching <00:03:35.580>videos <00:03:35.673>because <00:03:35.766>I <00:03:35.860>watch

68
00:03:37.480 --> 00:03:41.430
<00:03:37.480>videos <00:03:37.579>for <00:03:37.679>a <00:03:37.780>living, <00:03:37.880>and <00:03:37.980>it's <00:03:38.079>really <00:03:38.179>tough <00:03:38.280>to <00:03:38.380>actually <00:03:38.480>say, <00:03:38.579>like, <00:03:38.679>"Okay, <00:03:38.780>I <00:03:38.880>look

69
00:03:41.460 --> 00:03:44.730
<00:03:41.460>at <00:03:41.615>15 <00:03:41.771>minutes, <00:03:41.926>and <00:03:42.082>that's <00:03:42.237>too <00:03:42.393>much <00:03:42.548>time." <00:03:42.704>But <00:03:42.860>yeah.

70
00:03:45.130 --> 00:03:46.360
<00:03:45.130>A <00:03:45.288>lot <00:03:45.446>of <00:03:45.604>people <00:03:45.762>have <00:03:45.920>the <00:03:46.078>same <00:03:46.237>issue.

71
00:03:46.400 --> 00:03:50.340
<00:03:46.400>That's <00:03:46.527>why <00:03:46.654>in <00:03:46.781>the <00:03:46.909>We <00:03:47.036>Are <00:03:47.163>Developers <00:03:47.290>platform, <00:03:47.418>we <00:03:47.545>actually <00:03:47.672>don't <00:03:47.800>just

72
00:03:50.400 --> 00:03:52.500
<00:03:50.400>show <00:03:50.540>you <00:03:50.680>the <00:03:50.820>video, <00:03:50.960>but <00:03:51.100>we <00:03:51.240>cut <00:03:51.380>it <00:03:51.520>up <00:03:51.660>into <00:03:51.800>pieces.

73
00:03:52.540 --> 00:03:54.120
<00:03:52.540>So <00:03:52.820>basically, <00:03:53.100>you <00:03:53.380>can <00:03:53.660>search <00:03:53.940>for

74
00:03:54.960 --> 00:03:58.400
<00:03:54.960>moments <00:03:55.100>in <00:03:55.240>other <00:03:55.380>videos <00:03:55.520>and <00:03:55.660>get <00:03:55.800>a <00:03:55.940>playlist <00:03:56.080>made <00:03:56.220>for <00:03:56.360>you.

75
00:03:58.440 --> 00:04:02.220
<00:03:58.440>We <00:03:58.533>found <00:03:58.626>that <00:03:58.720>a <00:03:58.813>lot <00:03:58.906>of <00:03:59.000>people <00:03:59.093>are <00:03:59.186>having <00:03:59.280>the <00:03:59.373>same <00:03:59.466>issue <00:03:59.560>that <00:03:59.653>it's <00:03:59.746>fun <00:03:59.840>when

76
00:04:02.260 --> 00:04:05.680
<00:04:02.260>you <00:04:02.376>publish <00:04:02.493>videos, <00:04:02.609>and <00:04:02.726>you <00:04:02.843>see <00:04:02.959>45 <00:04:03.076>minutes, <00:04:03.193>and <00:04:03.310>you <00:04:03.426>see <00:04:03.543>the <00:04:03.660>drop-off

77
00:04:05.760 --> 00:04:09.260
<00:04:05.760>immediately. <00:04:05.993>When <00:04:06.226>you <00:04:06.459>go <00:04:06.693>through <00:04:06.926>the <00:04:07.160>statistics

78
00:04:09.320 --> 00:04:13.280
<00:04:09.320>in <00:04:09.475>YouTube, <00:04:09.631>nobody <00:04:09.786>wants <00:04:09.942>to <00:04:10.097>watch <00:04:10.253>that <00:04:10.408>many <00:04:10.564>things <00:04:10.720>that

79
00:04:13.320 --> 00:04:13.560
long.

80
00:04:14.520 --> 00:04:17.840
<00:04:14.520>But <00:04:14.636>yeah, <00:04:14.753>it's <00:04:14.870>fascinating <00:04:14.986>to <00:04:15.103>see. <00:04:15.220>I <00:04:15.336>looked <00:04:15.453>at <00:04:15.570>JavaScript <00:04:15.686>online <00:04:15.803>as <00:04:15.920>well.

81
00:04:17.899 --> 00:04:17.940
I

82
00:04:18.940 --> 00:04:19.579
<00:04:18.940>love <00:04:19.515>that

83
00:04:20.601 --> 00:04:24.540
<00:04:20.601>JavaScript <00:04:20.776>is <00:04:20.951>this <00:04:21.125>just-in-time <00:04:21.301>compile <00:04:21.476>language, <00:04:21.651>so <00:04:21.826>you <00:04:22.000>can

84
00:04:24.560 --> 00:04:28.000
<00:04:24.560>basically <00:04:24.715>embed <00:04:24.871>it <00:04:25.026>in <00:04:25.182>a <00:04:25.337>browser, <00:04:25.493>in <00:04:25.648>an <00:04:25.804>HTML <00:04:25.960>page

85
00:04:28.100 --> 00:04:31.690
<00:04:28.100>as <00:04:28.240>interactive <00:04:28.380>bits, <00:04:28.520>and <00:04:28.660>you <00:04:28.800>don't <00:04:28.940>have <00:04:29.080>to <00:04:29.220>go <00:04:29.360>through <00:04:29.500>any

86
00:04:31.720 --> 00:04:35.580
<00:04:31.720>WebAssembly <00:04:31.836>or <00:04:31.953>these <00:04:32.070>kind <00:04:32.186>of <00:04:32.303>things, <00:04:32.420>or <00:04:32.536>compilation <00:04:32.653>steps, <00:04:32.770>and <00:04:32.886>basically <00:04:33.003>can <00:04:33.120>let

87
00:04:35.620 --> 00:04:39.240
<00:04:35.620>people <00:04:35.747>play <00:04:35.874>with <00:04:36.001>it. <00:04:36.129>I <00:04:36.256>think <00:04:36.383>things <00:04:36.510>like <00:04:36.638>JSFiddle <00:04:36.765>and <00:04:36.892>JS <00:04:37.020>Bin

88
00:04:39.380 --> 00:04:43.060
<00:04:39.380>and <00:04:39.613>CodePen, <00:04:39.846>they've <00:04:40.080>been <00:04:40.313>teaching <00:04:40.546>so <00:04:40.780>many

89
00:04:43.180 --> 00:04:46.440
<00:04:43.180>people <00:04:43.307>how <00:04:43.434>to <00:04:43.561>get <00:04:43.689>started <00:04:43.816>on <00:04:43.943>the <00:04:44.070>web, <00:04:44.198>and <00:04:44.325>because <00:04:44.452>of <00:04:44.580>the

90
00:04:46.480 --> 00:04:47.860
<00:04:46.480>immediacy. <00:04:47.722>It's

91
00:04:48.820 --> 00:04:52.560
<00:04:48.820>not <00:04:48.995>like, <00:04:49.170>"Oh, <00:04:49.344>install <00:04:49.520>this <00:04:49.695>editor <00:04:49.870>and <00:04:50.045>then <00:04:50.219>install

92
00:04:53.020 --> 00:04:56.600
<00:04:53.020>Xcode <00:04:53.147>and <00:04:53.274>give <00:04:53.401>away <00:04:53.529>15 <00:04:53.656>gigabyte <00:04:53.783>of <00:04:53.910>your <00:04:54.038>hard <00:04:54.165>drive <00:04:54.292>for <00:04:54.419>an

93
00:04:56.680 --> 00:05:00.340
<00:04:56.680>editor <00:04:56.796>and <00:04:56.913>all <00:04:57.030>the <00:04:57.146>tools <00:04:57.263>that <00:04:57.380>you <00:04:57.496>never, <00:04:57.613>ever <00:04:57.730>need." <00:04:57.846>But <00:04:57.963>JavaScript <00:04:58.080>is

94
00:05:00.360 --> 00:05:03.500
<00:05:00.360>this <00:05:00.560>wonderful <00:05:00.760>immediate <00:05:00.960>thing, <00:05:01.160>and <00:05:01.360>that's <00:05:01.560>why <00:05:01.760>it's

95
00:05:04.760 --> 00:05:08.740
<00:05:04.760>that <00:05:04.960>became <00:05:05.159>so <00:05:05.360>complex <00:05:05.560>with <00:05:05.760>compilation <00:05:05.960>steps <00:05:06.159>and

96
00:05:08.980 --> 00:05:12.780
<00:05:08.980>tree <00:05:09.107>shaking <00:05:09.234>and <00:05:09.361>building <00:05:09.489>things, <00:05:09.616>and <00:05:09.743>you're <00:05:09.870>like, <00:05:09.998>"Let's <00:05:10.125>go <00:05:10.252>back <00:05:10.380>to

97
00:05:14.000 --> 00:05:17.740
<00:05:14.000>what <00:05:14.116>browsers <00:05:14.233>can <00:05:14.350>do <00:05:14.466>these <00:05:14.583>days." <00:05:14.700>And <00:05:14.816>it's <00:05:14.933>amazing <00:05:15.050>what <00:05:15.166>they <00:05:15.283>can <00:05:15.400>do

98
00:05:17.840 --> 00:05:21.240
<00:05:17.840>these <00:05:17.979>days. <00:05:18.119>We <00:05:18.260>caught <00:05:18.400>up <00:05:18.539>with <00:05:18.679>native <00:05:18.820>quite <00:05:18.960>some <00:05:19.099>time <00:05:19.239>ago,

99
00:05:22.560 --> 00:05:26.080
<00:05:22.560>except <00:05:22.667>for <00:05:22.775>the <00:05:22.883>fancy <00:05:22.990>bits <00:05:23.098>that <00:05:23.206>are <00:05:23.313>only <00:05:23.421>available <00:05:23.529>on <00:05:23.636>certain <00:05:23.744>mobile <00:05:23.852>phones <00:05:23.960>and

100
00:05:26.120 --> 00:05:29.940
<00:05:26.120>these <00:05:26.247>kind <00:05:26.374>of <00:05:26.501>things. <00:05:26.629>But <00:05:26.756>it's <00:05:26.883>just <00:05:27.010>amazing <00:05:27.138>to <00:05:27.265>see <00:05:27.392>that <00:05:27.520>you

101
00:05:29.980 --> 00:05:32.540
<00:05:29.980>can <00:05:30.120>embed <00:05:30.260>an <00:05:30.400>editor, <00:05:30.540>and <00:05:30.680>all <00:05:30.820>of <00:05:30.960>that <00:05:31.100>is <00:05:31.240>open <00:05:31.380>source.

102
00:05:32.660 --> 00:05:34.320
<00:05:32.659>Monaco, <00:05:33.126>the <00:05:33.593>editor <00:05:34.059>that

103
00:05:35.360 --> 00:05:39.270
<00:05:35.360>powers <00:05:35.535>VS <00:05:35.710>Code, <00:05:35.885>has <00:05:36.060>been <00:05:36.235>in <00:05:36.410>use <00:05:36.585>by <00:05:36.760>everybody.

104
00:05:39.340 --> 00:05:42.980
<00:05:39.340>Before <00:05:39.495>there <00:05:39.651>was <00:05:39.806>CodeMirror, <00:05:39.962>and <00:05:40.117>before <00:05:40.273>there <00:05:40.428>was <00:05:40.584>GDK <00:05:40.740>and

105
00:05:43.280 --> 00:05:44.800
<00:05:43.280>all <00:05:43.621>kind <00:05:43.964>of <00:05:44.306>things. <00:05:44.648>And

106
00:05:45.940 --> 00:05:46.660
<00:05:45.940>we <00:05:46.156>had <00:05:46.371>this <00:05:46.587>with,

107
00:05:47.680 --> 00:05:50.240
<00:05:47.680>the <00:05:47.855>other <00:05:48.030>day, <00:05:48.205>I <00:05:48.380>had <00:05:48.555>a <00:05:48.730>chat <00:05:48.905>online <00:05:49.080>with

108
00:05:51.860 --> 00:05:55.520
<00:05:51.860>Niels <00:05:51.967>Leenheer, <00:05:52.075>who <00:05:52.183>was <00:05:52.290>on <00:05:52.398>the <00:05:52.506>show <00:05:52.613>before <00:05:52.721>as <00:05:52.829>well, <00:05:52.936>and <00:05:53.044>he <00:05:53.152>talked <00:05:53.260>about

109
00:05:55.820 --> 00:05:58.600
<00:05:55.820>finding <00:05:56.099>old <00:05:56.380>CDs <00:05:56.659>with <00:05:56.940>things <00:05:57.219>installed.

110
00:05:59.100 --> 00:06:03.020
<00:05:59.100>And <00:05:59.207>I <00:05:59.315>had <00:05:59.423>an <00:05:59.530>old <00:05:59.638>Windows <00:05:59.746>machine <00:05:59.853>that <00:05:59.961>I <00:06:00.069>fired <00:06:00.176>up <00:06:00.284>for <00:06:00.392>testing <00:06:00.500>the

111
00:06:03.060 --> 00:06:06.930
<00:06:03.060>other <00:06:03.187>day, <00:06:03.314>and <00:06:03.441>I <00:06:03.569>found <00:06:03.696>Brackets <00:06:03.823>again, <00:06:03.950>which <00:06:04.078>was <00:06:04.205>the <00:06:04.332>first <00:06:04.460>editor

112
00:06:07.124 --> 00:06:10.684
<00:06:07.124>In <00:06:07.299>HTML5 <00:06:07.474>by <00:06:07.649>Adobe, <00:06:07.824>and <00:06:07.999>it <00:06:08.174>was <00:06:08.349>like <00:06:08.524>a

113
00:06:10.744 --> 00:06:12.984
<00:06:10.744>preview <00:06:10.977>of <00:06:11.210>the <00:06:11.444>first <00:06:11.677>brackets <00:06:11.910>as <00:06:12.144>well.

114
00:06:13.124 --> 00:06:17.044
<00:06:13.124>It <00:06:13.217>was <00:06:13.310>just <00:06:13.404>breaking <00:06:13.497>or <00:06:13.590>falling <00:06:13.684>apart <00:06:13.777>all <00:06:13.870>the <00:06:13.964>time, <00:06:14.057>but <00:06:14.150>it <00:06:14.244>was <00:06:14.337>just <00:06:14.430>interesting <00:06:14.524>to

115
00:06:17.084 --> 00:06:20.664
<00:06:17.084>see <00:06:17.191>that <00:06:17.299>these <00:06:17.407>things <00:06:17.514>still <00:06:17.622>existed, <00:06:17.730>and <00:06:17.837>I <00:06:17.945>still <00:06:18.053>had <00:06:18.160>them <00:06:18.268>on <00:06:18.376>one <00:06:18.484>machine.

116
00:06:21.264 --> 00:06:21.274
<00:06:21.264>And <00:06:21.273>Atom.

117
00:06:21.284 --> 00:06:21.383
Yeah.

118
00:06:22.204 --> 00:06:25.063
<00:06:22.204>Yeah, <00:06:22.379>Atom <00:06:22.554>was <00:06:22.729>then <00:06:22.904>GitHub's <00:06:23.079>answer <00:06:23.254>to <00:06:23.429>that <00:06:23.604>one.

119
00:06:25.114 --> 00:06:25.124
Yeah.

120
00:06:25.144 --> 00:06:25.534
<00:06:25.144>And <00:06:25.495>then

121
00:06:26.364 --> 00:06:28.004
<00:06:26.364>Microsoft <00:06:26.714>did <00:06:27.063>Visual <00:06:27.414>Studio <00:06:27.763>Code.

122
00:06:28.484 --> 00:06:28.494
Yeah.

123
00:06:28.524 --> 00:06:32.144
<00:06:28.524>Interestingly <00:06:28.651>enough, <00:06:28.778>the <00:06:28.905>team <00:06:29.033>was <00:06:29.160>in <00:06:29.287>Switzerland, <00:06:29.414>not <00:06:29.542>in <00:06:29.669>America, <00:06:29.796>that <00:06:29.924>built

124
00:06:32.184 --> 00:06:33.164
<00:06:32.183>Visual <00:06:32.625>Studio <00:06:33.066>Code.

125
00:06:34.344 --> 00:06:35.844
<00:06:34.344>So <00:06:34.536>that <00:06:34.729>was <00:06:34.922>fascinating <00:06:35.115>to <00:06:35.308>see <00:06:35.501>as <00:06:35.694>well.

126
00:06:35.884 --> 00:06:39.404
<00:06:35.884>They're <00:06:36.084>all <00:06:36.284>partners <00:06:36.484>in <00:06:36.684>Microsoft <00:06:36.884>now <00:06:37.084>or <00:06:37.284>whatever.

127
00:06:40.304 --> 00:06:43.604
<00:06:40.304>Basically, <00:06:40.459>they <00:06:40.615>can <00:06:40.770>do <00:06:40.926>whatever, <00:06:41.081>they <00:06:41.237>still <00:06:41.392>stay <00:06:41.548>in <00:06:41.703>there.

128
00:06:43.644 --> 00:06:47.414
<00:06:43.644>And <00:06:43.737>I <00:06:43.830>love <00:06:43.924>the <00:06:44.017>story <00:06:44.110>behind <00:06:44.204>it <00:06:44.297>as <00:06:44.390>well, <00:06:44.484>that <00:06:44.577>Visual <00:06:44.670>Studio <00:06:44.764>Code <00:06:44.857>was <00:06:44.950>a <00:06:45.044>damn

129
00:06:47.524 --> 00:06:51.204
<00:06:47.524>good <00:06:47.651>editor, <00:06:47.778>and <00:06:47.905>then <00:06:48.033>it <00:06:48.160>basically <00:06:48.287>said, <00:06:48.414>"And <00:06:48.542>now <00:06:48.669>write <00:06:48.796>plugins <00:06:48.924>to

130
00:06:51.244 --> 00:06:54.764
<00:06:51.244>make <00:06:51.384>it <00:06:51.524>work <00:06:51.664>for <00:06:51.804>your <00:06:51.944>language." <00:06:52.084>Not <00:06:52.224>like <00:06:52.364>it's <00:06:52.504>a <00:06:52.644>JavaScript

131
00:06:54.824 --> 00:06:58.444
<00:06:54.824>editor. <00:06:54.951>It's <00:06:55.078>an <00:06:55.205>editor <00:06:55.333>for <00:06:55.460>all <00:06:55.587>languages, <00:06:55.714>but <00:06:55.842>we <00:06:55.969>don't <00:06:56.096>understand <00:06:56.224>Python,

132
00:06:58.544 --> 00:07:02.464
<00:06:58.544>so <00:06:58.631>let <00:06:58.719>somebody <00:06:58.806>else <00:06:58.894>write <00:06:58.981>a <00:06:59.068>plugin <00:06:59.156>to <00:06:59.244>make <00:06:59.331>a <00:06:59.419>Python <00:06:59.506>editor <00:06:59.594>or <00:06:59.681>make <00:06:59.769>it <00:06:59.856>a <00:06:59.943>Java

133
00:07:02.524 --> 00:07:06.324
<00:07:02.524>editor <00:07:02.624>and <00:07:02.724>so <00:07:02.824>on <00:07:02.924>and <00:07:03.024>so <00:07:03.124>forth. <00:07:03.224>And <00:07:03.324>that <00:07:03.424>was <00:07:03.524>its <00:07:03.624>success, <00:07:03.724>I <00:07:03.824>think, <00:07:03.924>the

134
00:07:06.424 --> 00:07:09.404
<00:07:06.424>whole <00:07:06.890>plugin <00:07:07.357>infrastructure, <00:07:07.823>and

135
00:07:10.864 --> 00:07:13.804
<00:07:10.864>also <00:07:10.991>a <00:07:11.118>lot <00:07:11.245>of <00:07:11.373>attack <00:07:11.500>vectors. <00:07:11.627>But <00:07:11.754>it's <00:07:11.882>interesting <00:07:12.009>to <00:07:12.136>see <00:07:12.263>that

136
00:07:14.804 --> 00:07:18.764
<00:07:14.804>when <00:07:14.943>I <00:07:15.083>installed <00:07:15.224>the <00:07:15.364>Code <00:07:15.503>100 <00:07:15.643>machines <00:07:15.784>for <00:07:15.924>the <00:07:16.063>live <00:07:16.203>coding

137
00:07:18.804 --> 00:07:22.734
<00:07:18.804>competition <00:07:18.911>at <00:07:19.019>the <00:07:19.127>We <00:07:19.234>Are <00:07:19.342>Builders <00:07:19.450>World <00:07:19.557>Congress, <00:07:19.665>I <00:07:19.773>was <00:07:19.880>like, <00:07:19.988>okay, <00:07:20.096>this <00:07:20.203>is

138
00:07:22.764 --> 00:07:26.664
<00:07:22.764>cool <00:07:22.891>because <00:07:23.018>now <00:07:23.145>I <00:07:23.273>do <00:07:23.400>Visual <00:07:23.527>Studio <00:07:23.654>Code, <00:07:23.782>and <00:07:23.909>you <00:07:24.036>install <00:07:24.164>another

139
00:07:26.724 --> 00:07:30.324
<00:07:26.724>language, <00:07:26.817>and <00:07:26.910>it <00:07:27.003>says, <00:07:27.097>"Oh, <00:07:27.190>by <00:07:27.284>the <00:07:27.377>way, <00:07:27.470>there's <00:07:27.563>a <00:07:27.657>plugin <00:07:27.750>pack <00:07:27.844>that <00:07:27.937>helps <00:07:28.030>you <00:07:28.123>with

140
00:07:30.364 --> 00:07:33.544
<00:07:30.364>that <00:07:30.464>one <00:07:30.563>as <00:07:30.664>well." <00:07:30.763>So <00:07:30.864>it <00:07:30.964>guides <00:07:31.063>you <00:07:31.164>along <00:07:31.263>how <00:07:31.364>to <00:07:31.464>set <00:07:31.563>up <00:07:31.664>your <00:07:31.763>environment.

141
00:07:34.024 --> 00:07:37.784
<00:07:34.024>Although <00:07:34.131>nowadays, <00:07:34.239>kids <00:07:34.347>just <00:07:34.454>use <00:07:34.562>Cloud <00:07:34.670>Code <00:07:34.777>and <00:07:34.885>don't <00:07:34.993>even <00:07:35.100>bother <00:07:35.208>with <00:07:35.316>an <00:07:35.424>editor

142
00:07:37.824 --> 00:07:39.264
<00:07:37.824>anymore, <00:07:38.256>but <00:07:38.688>we'll <00:07:39.120>see.

143
00:07:40.364 --> 00:07:43.214
<00:07:40.364>But <00:07:40.491>coming <00:07:40.618>back <00:07:40.745>to <00:07:40.873>the <00:07:41.000>thing <00:07:41.127>you <00:07:41.254>said <00:07:41.382>about <00:07:41.509>JavaScript, <00:07:41.636>it's <00:07:41.763>true.

144
00:07:43.304 --> 00:07:46.704
<00:07:43.304>I <00:07:43.420>think <00:07:43.537>CodePen <00:07:43.654>runs <00:07:43.770>it <00:07:43.887>on <00:07:44.003>the <00:07:44.120>server, <00:07:44.237>and <00:07:44.354>you <00:07:44.470>get <00:07:44.587>back <00:07:44.703>the

145
00:07:46.724 --> 00:07:50.244
<00:07:46.724>response. <00:07:46.851>In <00:07:46.978>my <00:07:47.105>courses, <00:07:47.233>I <00:07:47.360>actually <00:07:47.487>run <00:07:47.614>it <00:07:47.742>in <00:07:47.869>an <00:07:47.996>iframe <00:07:48.123>immediately.

146
00:07:50.504 --> 00:07:52.624
<00:07:50.504>You <00:07:50.784>see <00:07:51.064>the <00:07:51.344>response <00:07:51.624>very <00:07:51.904>quickly.

147
00:07:52.944 --> 00:07:56.104
<00:07:52.944>But <00:07:53.044>I'd <00:07:53.144>argue <00:07:53.244>that's <00:07:53.344>not <00:07:53.444>just <00:07:53.544>the <00:07:53.644>power <00:07:53.744>of <00:07:53.844>JavaScript, <00:07:53.944>that's <00:07:54.044>power <00:07:54.144>of <00:07:54.244>the <00:07:54.344>web,

148
00:07:56.384 --> 00:08:00.284
<00:07:56.384>because <00:07:56.584>now <00:07:56.784>my <00:07:56.984>seventh <00:07:57.184>course <00:07:57.384>is <00:07:57.584>about <00:07:57.784>AI,

149
00:08:00.404 --> 00:08:04.384
<00:08:00.404>actually, <00:08:00.531>and <00:08:00.658>that's <00:08:00.785>also <00:08:00.913>going <00:08:01.040>to <00:08:01.167>be <00:08:01.294>able <00:08:01.422>to <00:08:01.549>run <00:08:01.676>in <00:08:01.804>the

150
00:08:04.684 --> 00:08:06.144
<00:08:04.684>browser. <00:08:04.946>So <00:08:05.209>that's <00:08:05.472>the <00:08:05.735>whole <00:08:05.998>idea.

151
00:08:06.184 --> 00:08:07.024
<00:08:06.184>You <00:08:06.373>send <00:08:06.562>someone <00:08:06.751>a <00:08:06.940>link,

152
00:08:07.824 --> 00:08:11.124
<00:08:07.824>and <00:08:07.917>within <00:08:08.010>a <00:08:08.104>few <00:08:08.197>seconds, <00:08:08.290>maybe <00:08:08.384>with <00:08:08.477>AI <00:08:08.570>a <00:08:08.664>bit <00:08:08.757>longer <00:08:08.850>because <00:08:08.944>you <00:08:09.037>need <00:08:09.130>to <00:08:09.224>download

153
00:08:11.344 --> 00:08:12.384
<00:08:11.344>the <00:08:11.656>whole <00:08:11.968>model. <00:08:12.280>Yeah.

154
00:08:16.284 --> 00:08:17.153
<00:08:16.284>It's <00:08:16.675>a <00:08:17.066>lot.

155
00:08:17.224 --> 00:08:18.544
<00:08:17.224>I <00:08:17.461>think <00:08:17.699>this <00:08:17.936>is <00:08:18.174>still <00:08:18.412>unbeatable-

156
00:08:19.644 --> 00:08:19.724
Yeah

157
00:08:19.734 --> 00:08:20.544
<00:08:19.734>... <00:08:19.916>to <00:08:20.098>this <00:08:20.280>day. <00:08:20.462>Yeah.

158
00:08:20.604 --> 00:08:20.664
Yeah.

159
00:08:20.734 --> 00:08:22.033
<00:08:20.734>So <00:08:20.967>this <00:08:21.201>is <00:08:21.435>really, <00:08:21.669>really <00:08:21.903>powerful.

160
00:08:23.184 --> 00:08:27.064
<00:08:23.184>For <00:08:23.277>sure. <00:08:23.370>The <00:08:23.464>other <00:08:23.557>thing, <00:08:23.650>of <00:08:23.744>course, <00:08:23.837>is <00:08:23.930>the <00:08:24.024>problem <00:08:24.117>when <00:08:24.210>you <00:08:24.304>do <00:08:24.397>an <00:08:24.490>editable <00:08:24.584>thing.

161
00:08:27.384 --> 00:08:31.224
<00:08:27.384>The <00:08:27.484>big <00:08:27.584>trick <00:08:27.684>was <00:08:27.784>to <00:08:27.884>put <00:08:27.984>a <00:08:28.084>text <00:08:28.184>box <00:08:28.284>in <00:08:28.384>there <00:08:28.484>and <00:08:28.584>call <00:08:28.684>it <00:08:28.784>content

162
00:08:31.284 --> 00:08:34.913
<00:08:31.284>editable, <00:08:31.371>and <00:08:31.459>then <00:08:31.546>you <00:08:31.634>have <00:08:31.721>an <00:08:31.808>immediate <00:08:31.896>what <00:08:31.984>you <00:08:32.071>see <00:08:32.159>is <00:08:32.246>what <00:08:32.333>you <00:08:32.421>get <00:08:32.509>editor <00:08:32.596>in <00:08:32.683>the

163
00:08:34.985 --> 00:08:37.865
<00:08:34.985>browser, <00:08:35.140>but <00:08:35.296>you <00:08:35.451>also <00:08:35.607>have <00:08:35.762>an <00:08:35.918>attack <00:08:36.073>vector <00:08:36.229>for <00:08:36.385>XSS-

164
00:08:38.444 --> 00:08:38.454
Yeah

165
00:08:38.454 --> 00:08:41.164
<00:08:38.453>... <00:08:38.593>because <00:08:38.733>people <00:08:38.873>can <00:08:39.013>put <00:08:39.154>anything <00:08:39.294>in <00:08:39.433>there, <00:08:39.573>and <00:08:39.713>it's <00:08:39.853>actually

166
00:08:42.504 --> 00:08:44.884
<00:08:42.504>executed <00:08:42.737>in <00:08:42.970>the <00:08:43.204>sandbox <00:08:43.437>of <00:08:43.670>the <00:08:43.904>user.

167
00:08:45.424 --> 00:08:49.284
<00:08:45.424>So <00:08:45.564>I <00:08:45.704>remember <00:08:45.843>I <00:08:45.983>did <00:08:46.124>an <00:08:46.264>HTML5 <00:08:46.404>slide <00:08:46.544>deck <00:08:46.684>one <00:08:46.824>time

168
00:08:49.404 --> 00:08:51.504
<00:08:49.404>with <00:08:49.637>a <00:08:49.870>content <00:08:50.104>editable <00:08:50.337>in <00:08:50.570>there, <00:08:50.804>and-

169
00:08:51.564 --> 00:08:51.784
Yeah

170
00:08:51.864 --> 00:08:53.804
<00:08:51.864>... <00:08:52.019>that's <00:08:52.175>how <00:08:52.330>my <00:08:52.486>server <00:08:52.641>got <00:08:52.797>hacked, <00:08:52.952>and <00:08:53.108>I <00:08:53.264>totally-

171
00:08:53.814 --> 00:08:53.834
<00:08:53.814>Yeah, <00:08:53.832>yeah

172
00:08:53.834 --> 00:08:56.973
<00:08:53.834>... <00:08:53.934>forgot <00:08:54.034>about <00:08:54.134>that <00:08:54.234>this <00:08:54.334>is <00:08:54.434>actually <00:08:54.534>a <00:08:54.634>thing <00:08:54.734>because <00:08:54.834>it <00:08:54.934>could <00:08:55.034>read <00:08:55.134>cookies <00:08:55.234>and

173
00:08:57.004 --> 00:09:00.864
<00:08:57.004>then <00:08:57.120>authenticate <00:08:57.237>as <00:08:57.354>me. <00:08:57.470>So <00:08:57.587>that's <00:08:57.704>the <00:08:57.820>worry, <00:08:57.937>that <00:08:58.054>I <00:08:58.170>could <00:08:58.287>do <00:08:58.404>anything

174
00:09:00.904 --> 00:09:04.284
<00:09:00.904>interactive <00:09:00.997>and <00:09:01.090>allow <00:09:01.184>people <00:09:01.277>to <00:09:01.370>do, <00:09:01.464>and <00:09:01.557>the <00:09:01.650>horrible <00:09:01.744>people <00:09:01.837>of <00:09:01.930>the <00:09:02.024>web <00:09:02.117>will <00:09:02.210>be <00:09:02.304>the

175
00:09:04.324 --> 00:09:05.284
<00:09:04.324>first <00:09:04.540>ones <00:09:04.756>to <00:09:04.972>use <00:09:05.188>it.

176
00:09:05.984 --> 00:09:09.594
<00:09:05.984>As <00:09:06.100>long <00:09:06.217>as <00:09:06.334>there's <00:09:06.450>no <00:09:06.567>sharing, <00:09:06.684>because <00:09:06.800>that's <00:09:06.917>why <00:09:07.034>CodePen <00:09:07.150>couldn't <00:09:07.267>do <00:09:07.384>it,

177
00:09:09.744 --> 00:09:12.144
<00:09:09.744>because <00:09:09.899>you're <00:09:10.055>sharing <00:09:10.210>links, <00:09:10.366>whereas <00:09:10.521>if <00:09:10.677>you're <00:09:10.832>following <00:09:10.988>a <00:09:11.144>course-

178
00:09:12.354 --> 00:09:12.354
Yeah

179
00:09:12.354 --> 00:09:14.704
<00:09:12.354>... <00:09:12.509>the <00:09:12.665>only <00:09:12.820>person <00:09:12.976>you <00:09:13.131>can <00:09:13.287>hack <00:09:13.442>is <00:09:13.598>generally <00:09:13.754>yourself.

180
00:09:14.744 --> 00:09:16.253
<00:09:14.744>There <00:09:15.083>are <00:09:15.423>some <00:09:15.762>asterisks, <00:09:16.102>but-

181
00:09:17.384 --> 00:09:17.874
<00:09:17.384>Mm. <00:09:17.825>Yeah

182
00:09:17.874 --> 00:09:19.344
<00:09:17.874>... <00:09:18.063>in <00:09:18.252>general, <00:09:18.441>it's <00:09:18.630>a <00:09:18.819>bit <00:09:19.008>different. <00:09:19.197>Yeah.

183
00:09:20.464 --> 00:09:24.364
<00:09:20.464>Yeah, <00:09:20.580>I <00:09:20.697>like <00:09:20.814>when <00:09:20.930>something <00:09:21.047>goes <00:09:21.164>wrong <00:09:21.280>and <00:09:21.397>you <00:09:21.513>have <00:09:21.630>the <00:09:21.747>console <00:09:21.863>open

184
00:09:24.384 --> 00:09:26.163
<00:09:24.384>in <00:09:25.084>CodePen. <00:09:25.784>The

185
00:09:27.284 --> 00:09:29.644
<00:09:27.284>error <00:09:27.634>handler <00:09:27.984>is <00:09:28.334>called <00:09:28.684>boomboom.js.

186
00:09:30.144 --> 00:09:30.444
Yeah.

187
00:09:32.604 --> 00:09:33.804
<00:09:32.604>So <00:09:32.820>that's <00:09:33.036>pretty <00:09:33.252>cute <00:09:33.468>as <00:09:33.684>well.

188
00:09:34.944 --> 00:09:38.684
<00:09:34.944>Also, <00:09:35.060>infinite <00:09:35.177>loop <00:09:35.294>detection. <00:09:35.410>Oh, <00:09:35.527>man, <00:09:35.644>I've <00:09:35.760>spent <00:09:35.877>a <00:09:35.993>lot <00:09:36.110>of <00:09:36.227>time <00:09:36.343>on

189
00:09:38.724 --> 00:09:41.744
<00:09:38.724>infinite <00:09:38.824>loop <00:09:38.924>detection. <00:09:39.024>When <00:09:39.124>I <00:09:39.224>was <00:09:39.324>teaching <00:09:39.424>React, <00:09:39.524>a <00:09:39.624>lot <00:09:39.724>of <00:09:39.824>people <00:09:39.924>would <00:09:40.024>make <00:09:40.124>a

190
00:09:41.784 --> 00:09:45.324
<00:09:41.784>function <00:09:41.939>button, <00:09:42.095>capital <00:09:42.250>B, <00:09:42.406>and <00:09:42.561>they <00:09:42.717>would <00:09:42.872>return <00:09:43.028>a <00:09:43.184>button

191
00:09:45.444 --> 00:09:46.724
<00:09:45.444>JSX <00:09:45.732>with <00:09:46.020>a <00:09:46.308>capital <00:09:46.596>B.

192
00:09:47.084 --> 00:09:47.544
Mm.

193
00:09:47.664 --> 00:09:50.664
<00:09:47.664>And <00:09:47.791>then, <00:09:47.918>"Hey, <00:09:48.045>your <00:09:48.173>platform's <00:09:48.300>not <00:09:48.427>working." <00:09:48.554>I <00:09:48.682>was <00:09:48.809>like, <00:09:48.936>"Yeah, <00:09:49.064>okay."

194
00:09:50.744 --> 00:09:54.704
<00:09:50.744>If <00:09:50.844>you <00:09:50.944>get <00:09:51.044>this <00:09:51.144>a <00:09:51.244>lot, <00:09:51.344>you <00:09:51.444>need <00:09:51.544>to <00:09:51.644>fix <00:09:51.744>it <00:09:51.844>even <00:09:51.944>though <00:09:52.044>it's <00:09:52.144>not

195
00:09:54.744 --> 00:09:57.924
<00:09:54.744>your <00:09:54.899>problem. <00:09:55.055>And <00:09:55.210>then <00:09:55.366>I <00:09:55.521>dug <00:09:55.677>into <00:09:55.832>how <00:09:55.988>CodePen <00:09:56.144>does.

196
00:09:58.484 --> 00:10:00.184
<00:09:58.484>They <00:09:58.764>inject <00:09:59.044>all <00:09:59.324>the <00:09:59.604>for <00:09:59.884>loops.

197
00:10:01.004 --> 00:10:03.804
<00:10:01.004>If <00:10:01.131>you <00:10:01.258>make <00:10:01.385>a <00:10:01.513>for <00:10:01.640>loop, <00:10:01.767>they <00:10:01.894>inject <00:10:02.022>a <00:10:02.149>counter, <00:10:02.276>I <00:10:02.404>think,

198
00:10:04.964 --> 00:10:08.944
<00:10:04.964>in <00:10:05.064>every <00:10:05.164>iteration, <00:10:05.264>so <00:10:05.364>they <00:10:05.464>know <00:10:05.564>if <00:10:05.664>this <00:10:05.764>runs <00:10:05.864>quite <00:10:05.964>a <00:10:06.064>lot, <00:10:06.164>then <00:10:06.264>you <00:10:06.364>probably

199
00:10:09.004 --> 00:10:10.924
<00:10:09.004>have <00:10:09.159>an <00:10:09.315>infinite <00:10:09.470>loop, <00:10:09.626>then <00:10:09.781>we're <00:10:09.937>going <00:10:10.092>to <00:10:10.248>stop <00:10:10.404>it.

200
00:10:10.964 --> 00:10:12.384
<00:10:10.964>So <00:10:11.219>that's <00:10:11.475>also <00:10:11.730>a <00:10:11.986>really <00:10:12.242>interesting-

201
00:10:12.424 --> 00:10:12.634
<00:10:12.424>Oh, <00:10:12.613>good

202
00:10:12.634 --> 00:10:13.464
<00:10:12.634>... <00:10:13.381>thing.

203
00:10:13.524 --> 00:10:14.504
<00:10:13.524>Is <00:10:13.744>that <00:10:13.965>quite <00:10:14.185>a <00:10:14.406>rudimentary-

204
00:10:14.604 --> 00:10:15.084
<00:10:14.604>Oh, <00:10:15.036>good

205
00:10:15.094 --> 00:10:16.694
<00:10:15.094>... <00:10:15.327>is <00:10:15.560>that <00:10:15.794>like <00:10:16.027>a <00:10:16.260>rudimentary <00:10:16.494>way?

206
00:10:16.704 --> 00:10:20.064
<00:10:16.704>It <00:10:16.797>sounds <00:10:16.890>like <00:10:16.983>if <00:10:17.077>they're <00:10:17.170>recognizing <00:10:17.263>it, <00:10:17.357>it's <00:10:17.450>just <00:10:17.544>if <00:10:17.637>the <00:10:17.730>for <00:10:17.824>loop <00:10:17.917>runs <00:10:18.010>a <00:10:18.103>lot.

207
00:10:20.544 --> 00:10:20.554
Yeah.

208
00:10:20.564 --> 00:10:21.973
<00:10:20.564>Could <00:10:20.745>it <00:10:20.926>kind <00:10:21.107>of <00:10:21.288>get <00:10:21.469>some <00:10:21.650>false <00:10:21.832>positives?

209
00:10:22.104 --> 00:10:23.654
<00:10:22.104>Like, <00:10:22.336>yeah, <00:10:22.569>it's <00:10:22.801>just <00:10:23.034>over <00:10:23.266>five <00:10:23.499>times-

210
00:10:23.684 --> 00:10:23.693
Yeah

211
00:10:23.693 --> 00:10:25.244
<00:10:23.693>... <00:10:24.041>it <00:10:24.390>sounds <00:10:24.739>infinite. <00:10:25.088>Yeah.

212
00:10:25.304 --> 00:10:25.484
Yeah.

213
00:10:26.383 --> 00:10:28.584
<00:10:26.383>That's <00:10:26.523>what <00:10:26.663>I <00:10:26.803>do <00:10:26.943>for <00:10:27.083>use <00:10:27.223>effects. <00:10:27.363>I <00:10:27.503>had <00:10:27.643>another <00:10:27.783>thing.

214
00:10:28.644 --> 00:10:31.924
<00:10:28.644>I <00:10:28.751>needed <00:10:28.859>to <00:10:28.967>catch <00:10:29.074>use <00:10:29.182>effect <00:10:29.290>infinite <00:10:29.397>loops <00:10:29.505>because <00:10:29.613>people <00:10:29.720>would <00:10:29.828>create <00:10:29.936>use <00:10:30.044>effect

215
00:10:32.024 --> 00:10:34.924
<00:10:32.024>infinite <00:10:32.179>loops <00:10:32.335>because <00:10:32.490>use <00:10:32.646>effect <00:10:32.801>was <00:10:32.957>terribly <00:10:33.112>designed, <00:10:33.268>I <00:10:33.424>think.

216
00:10:34.984 --> 00:10:35.234
And-

217
00:10:36.024 --> 00:10:36.554
Mm

218
00:10:36.554 --> 00:10:40.144
<00:10:36.554>... <00:10:36.641>you <00:10:36.728>wrap <00:10:36.816>use <00:10:36.904>effect <00:10:36.991>with <00:10:37.079>your <00:10:37.166>own <00:10:37.254>function, <00:10:37.341>and <00:10:37.429>you <00:10:37.516>see <00:10:37.603>how <00:10:37.691>often <00:10:37.779>is <00:10:37.866>it <00:10:37.954>called

219
00:10:40.184 --> 00:10:44.154
<00:10:40.184>in <00:10:40.284>a <00:10:40.384>very <00:10:40.483>small <00:10:40.584>thing, <00:10:40.684>and <00:10:40.784>then <00:10:40.884>you <00:10:40.983>abort, <00:10:41.084>and <00:10:41.184>then <00:10:41.284>you <00:10:41.384>tell <00:10:41.483>the <00:10:41.584>user,

220
00:10:44.194 --> 00:10:46.784
<00:10:44.194>"Hey, <00:10:44.287>you <00:10:44.380>have <00:10:44.473>an <00:10:44.567>infinite <00:10:44.660>loop." <00:10:44.753>But <00:10:44.847>you <00:10:44.940>have, <00:10:45.034>I <00:10:45.127>think <00:10:45.220>it <00:10:45.314>was <00:10:45.407>something <00:10:45.500>in <00:10:45.593>the

221
00:10:46.804 --> 00:10:48.884
<00:10:46.804>thousands. <00:10:47.084>And <00:10:47.363>the <00:10:47.644>problem <00:10:47.924>with <00:10:48.204>it-

222
00:10:48.893 --> 00:10:48.893
Mm

223
00:10:48.893 --> 00:10:52.854
<00:10:48.893>... <00:10:49.009>is <00:10:49.126>that <00:10:49.243>you <00:10:49.359>cannot, <00:10:49.476>from <00:10:49.593>JavaScript, <00:10:49.709>have <00:10:49.826>a <00:10:49.943>subprocess, <00:10:50.059>as <00:10:50.176>far <00:10:50.293>as

224
00:10:52.924 --> 00:10:55.944
<00:10:52.924>I <00:10:53.024>know, <00:10:53.124>and <00:10:53.223>see <00:10:53.324>how <00:10:53.424>much <00:10:53.524>CPU <00:10:53.624>it's <00:10:53.723>using, <00:10:53.824>and <00:10:53.924>if <00:10:54.024>you <00:10:54.124>notice, <00:10:54.223>like, <00:10:54.324>whoa,

225
00:10:56.904 --> 00:10:58.104
<00:10:56.904>this <00:10:57.120>is <00:10:57.336>going <00:10:57.552>out <00:10:57.768>of <00:10:57.984>hand.

226
00:10:58.544 --> 00:11:01.904
<00:10:58.544>You <00:10:58.660>cannot <00:10:58.777>do <00:10:58.894>it <00:10:59.010>from <00:10:59.127>the <00:10:59.244>JavaScript <00:10:59.360>in <00:10:59.477>the <00:10:59.593>browser, <00:10:59.710>but <00:10:59.827>in <00:10:59.944>the

227
00:11:02.824 --> 00:11:05.084
<00:11:02.824>browser <00:11:03.024>engine, <00:11:03.223>we <00:11:03.424>have <00:11:03.623>similar <00:11:03.824>things <00:11:04.024>like <00:11:04.223>that.

228
00:11:05.144 --> 00:11:06.874
<00:11:05.144>Browsers <00:11:05.494>detect <00:11:05.844>infinite <00:11:06.194>loops <00:11:06.544>and-

229
00:11:06.924 --> 00:11:06.934
Yeah

230
00:11:06.944 --> 00:11:08.143
<00:11:06.944>... <00:11:07.303>basically <00:11:07.663>stop <00:11:08.023>them.

231
00:11:08.964 --> 00:11:12.604
<00:11:08.964>But <00:11:09.119>that's <00:11:09.275>basically <00:11:09.430>not <00:11:09.586>an <00:11:09.741>open <00:11:09.897>API, <00:11:10.052>I <00:11:10.208>think, <00:11:10.364>outside.

232
00:11:12.984 --> 00:11:15.184
<00:11:12.984>That's <00:11:13.184>basically <00:11:13.384>for <00:11:13.584>the <00:11:13.784>browser <00:11:13.984>only, <00:11:14.184>so <00:11:14.384>yeah.

233
00:11:15.784 --> 00:11:16.344
Yeah.

234
00:11:16.404 --> 00:11:20.344
<00:11:16.404>And <00:11:16.531>the <00:11:16.658>other <00:11:16.785>day, <00:11:16.913>I <00:11:17.040>saw <00:11:17.167>also <00:11:17.294>that <00:11:17.422>set <00:11:17.549>timeout <00:11:17.676>cannot <00:11:17.804>last

235
00:11:20.404 --> 00:11:21.604
<00:11:20.404>longer <00:11:20.764>than <00:11:21.124>30 <00:11:21.484>days.

236
00:11:24.464 --> 00:11:25.244
<00:11:24.464>I <00:11:24.814>love <00:11:25.166>this.

237
00:11:26.524 --> 00:11:30.164
<00:11:26.524>I <00:11:26.631>mean, <00:11:26.739>I <00:11:26.847>don't <00:11:26.954>know <00:11:27.062>who <00:11:27.170>defined <00:11:27.277>that <00:11:27.385>limit, <00:11:27.493>but <00:11:27.600>why <00:11:27.708>would <00:11:27.816>you <00:11:27.924>do

238
00:11:30.264 --> 00:11:30.604
that?

239
00:11:31.904 --> 00:11:34.534
<00:11:31.904>I <00:11:31.981>feel <00:11:32.059>like <00:11:32.137>that's <00:11:32.215>you're <00:11:32.292>just <00:11:32.370>left <00:11:32.448>with <00:11:32.526>a <00:11:32.604>box <00:11:32.681>in <00:11:32.759>front <00:11:32.837>of <00:11:32.915>you, <00:11:32.992>and <00:11:33.070>you <00:11:33.148>have <00:11:33.226>to <00:11:33.304>put

240
00:11:34.564 --> 00:11:37.624
<00:11:34.564>a <00:11:34.719>number <00:11:34.875>in <00:11:35.030>it, <00:11:35.186>and <00:11:35.341>they <00:11:35.497>went, <00:11:35.652>"30 <00:11:35.808>days? <00:11:35.964>Yeah.

241
00:11:37.684 --> 00:11:38.604
<00:11:37.684>Yeah, <00:11:37.960>that <00:11:38.236>feels <00:11:38.512>right."

242
00:11:40.264 --> 00:11:44.204
<00:11:40.264>But <00:11:40.419>that's <00:11:40.575>also <00:11:40.730>another <00:11:40.886>thing, <00:11:41.041>long-lived <00:11:41.197>apps, <00:11:41.352>I <00:11:41.508>don't <00:11:41.664>really

243
00:11:44.244 --> 00:11:48.104
<00:11:44.244>have <00:11:44.399>set <00:11:44.555>timeout, <00:11:44.710>but <00:11:44.866>long-lived <00:11:45.021>apps <00:11:45.177>with <00:11:45.332>service <00:11:45.488>workers, <00:11:45.644>that's

244
00:11:48.124 --> 00:11:51.054
<00:11:48.124>always <00:11:48.211>a <00:11:48.299>thing <00:11:48.386>that <00:11:48.474>they <00:11:48.561>would <00:11:48.649>run <00:11:48.736>stale <00:11:48.824>for <00:11:48.911>a <00:11:48.999>long <00:11:49.086>time, <00:11:49.174>so <00:11:49.261>you <00:11:49.349>actually <00:11:49.436>need <00:11:49.524>a

245
00:11:51.084 --> 00:11:55.034
<00:11:51.084>set <00:11:51.200>timeout <00:11:51.317>every <00:11:51.434>day <00:11:51.550>to <00:11:51.667>reregister <00:11:51.784>the <00:11:51.900>service <00:11:52.017>worker <00:11:52.134>to <00:11:52.250>check <00:11:52.367>if <00:11:52.484>there's

246
00:11:55.084 --> 00:11:56.204
<00:11:55.084>a <00:11:55.285>new <00:11:55.487>update <00:11:55.688>for <00:11:55.890>the <00:11:56.092>app.

247
00:11:57.644 --> 00:11:57.784
Yeah.

248
00:11:57.884 --> 00:11:58.004
Mm.

249
00:11:58.544 --> 00:12:01.944
<00:11:58.544>Because <00:11:58.684>that <00:11:58.824>sounds <00:11:58.964>like <00:11:59.103>a <00:11:59.244>thing <00:11:59.384>that's <00:11:59.524>hung <00:11:59.664>rather <00:11:59.804>than <00:11:59.944>actually

250
00:12:02.184 --> 00:12:05.924
<00:12:02.184>supposed <00:12:02.339>to <00:12:02.495>be <00:12:02.650>that <00:12:02.806>way. <00:12:02.961>It's <00:12:03.117>the <00:12:03.272>same <00:12:03.428>with <00:12:03.584>long-running

251
00:12:06.004 --> 00:12:09.984
<00:12:06.004>agents, <00:12:06.144>and <00:12:06.284>in <00:12:06.424>the <00:12:06.564>AI <00:12:06.704>world <00:12:06.844>right <00:12:06.984>now, <00:12:07.124>it's <00:12:07.264>like <00:12:07.404>you

252
00:12:10.024 --> 00:12:13.224
<00:12:10.024>don't <00:12:10.117>want <00:12:10.210>the <00:12:10.304>thing <00:12:10.397>to <00:12:10.490>run <00:12:10.584>60 <00:12:10.677>days <00:12:10.770>in <00:12:10.864>the <00:12:10.957>background <00:12:11.050>and <00:12:11.144>burn <00:12:11.237>tokens <00:12:11.330>every <00:12:11.424>day.

253
00:12:13.284 --> 00:12:15.994
<00:12:13.284>You <00:12:13.377>just <00:12:13.470>want <00:12:13.564>to <00:12:13.657>make <00:12:13.750>sure <00:12:13.843>that <00:12:13.937>it <00:12:14.030>only <00:12:14.124>does <00:12:14.217>the <00:12:14.310>things <00:12:14.404>when <00:12:14.497>it <00:12:14.590>needs <00:12:14.684>to.

254
00:12:16.692 --> 00:12:16.832
Yeah

255
00:12:16.912 --> 00:12:19.292
<00:12:16.912>That's <00:12:17.262>the <00:12:17.612>other <00:12:17.962>worry. <00:12:18.312>And

256
00:12:20.332 --> 00:12:20.832
especially,

257
00:12:22.232 --> 00:12:22.252
I

258
00:12:23.072 --> 00:12:26.691
<00:12:23.072>had <00:12:23.199>the <00:12:23.326>same <00:12:23.453>with <00:12:23.581>PHP, <00:12:23.708>by <00:12:23.835>default, <00:12:23.962>the <00:12:24.090>timeout <00:12:24.217>is <00:12:24.344>10 <00:12:24.472>minutes.

259
00:12:27.612 --> 00:12:30.992
<00:12:27.612>And <00:12:27.767>I <00:12:27.923>do <00:12:28.078>a <00:12:28.234>lot <00:12:28.389>of <00:12:28.545>hardcore <00:12:28.700>video <00:12:28.856>editing <00:12:29.012>in

260
00:12:31.032 --> 00:12:34.632
<00:12:31.032>PHP, <00:12:31.132>and <00:12:31.232>sometimes <00:12:31.332>it <00:12:31.432>takes <00:12:31.532>20 <00:12:31.632>minutes, <00:12:31.732>so <00:12:31.832>I <00:12:31.932>have <00:12:32.032>to <00:12:32.132>set <00:12:32.232>up <00:12:32.332>my <00:12:32.432>machine

261
00:12:35.172 --> 00:12:39.142
<00:12:35.172>to <00:12:35.288>basically <00:12:35.405>turn <00:12:35.522>that <00:12:35.638>off. <00:12:35.755>And <00:12:35.872>it's <00:12:35.988>always <00:12:36.105>a <00:12:36.222>PHP <00:12:36.338>init <00:12:36.455>at <00:12:36.572>some

262
00:12:39.172 --> 00:12:43.132
<00:12:39.172>setting <00:12:39.312>in <00:12:39.452>a <00:12:39.592>completely <00:12:39.732>unreadable <00:12:39.872>format <00:12:40.012>than <00:12:40.152>you <00:12:40.292>have <00:12:40.432>to <00:12:40.572>do.

263
00:12:43.152 --> 00:12:46.572
<00:12:43.152>But <00:12:43.292>it's <00:12:43.432>interesting <00:12:43.572>that <00:12:43.712>out-of-the-box <00:12:43.852>settings <00:12:43.992>are <00:12:44.132>just <00:12:44.272>kind <00:12:44.412>of <00:12:44.552>same

264
00:12:46.672 --> 00:12:50.592
<00:12:46.672>defaults, <00:12:46.827>but <00:12:46.983>sometimes <00:12:47.138>we <00:12:47.294>do <00:12:47.449>insane <00:12:47.605>things <00:12:47.760>as <00:12:47.916>developers, <00:12:48.072>so

265
00:12:50.632 --> 00:12:52.452
<00:12:50.632>we <00:12:50.911>have <00:12:51.191>to <00:12:51.472>reset <00:12:51.752>them <00:12:52.031>accordingly.

266
00:12:53.032 --> 00:12:56.572
<00:12:53.032>Yeah, <00:12:53.172>the <00:12:53.312>endless <00:12:53.452>loops <00:12:53.592>within <00:12:53.732>an <00:12:53.872>abstraction <00:12:54.012>like <00:12:54.152>React, <00:12:54.292>I'm <00:12:54.432>not

267
00:12:56.612 --> 00:13:00.032
<00:12:56.612>surprised. <00:12:56.786>The <00:12:56.962>amount <00:12:57.137>of <00:12:57.312>people <00:12:57.487>that <00:12:57.661>did <00:12:57.837>jQuery <00:12:58.012>and

268
00:13:00.912 --> 00:13:04.432
<00:13:00.912>set <00:13:01.039>event <00:13:01.166>handlers <00:13:01.293>every <00:13:01.421>single <00:13:01.548>time <00:13:01.675>you <00:13:01.802>actually <00:13:01.930>rolled <00:13:02.057>over <00:13:02.184>a <00:13:02.312>parent

269
00:13:04.512 --> 00:13:08.352
<00:13:04.512>element. <00:13:04.605>That <00:13:04.698>was <00:13:04.791>another <00:13:04.885>thing <00:13:04.978>that <00:13:05.071>we <00:13:05.165>had <00:13:05.258>lots <00:13:05.352>and <00:13:05.445>lots <00:13:05.538>of <00:13:05.632>issues <00:13:05.725>back <00:13:05.818>in <00:13:05.911>the

270
00:13:08.412 --> 00:13:11.952
<00:13:08.412>past, <00:13:08.567>especially <00:13:08.723>with <00:13:08.878>Internet <00:13:09.034>Explorer <00:13:09.189>still <00:13:09.345>around <00:13:09.500>that <00:13:09.656>had <00:13:09.812>a

271
00:13:12.352 --> 00:13:13.412
<00:13:12.352>garbage <00:13:13.306>collection

272
00:13:14.572 --> 00:13:18.212
<00:13:14.572>error <00:13:14.805>or <00:13:15.038>a <00:13:15.272>data <00:13:15.505>leak <00:13:15.738>every <00:13:15.972>single

273
00:13:18.312 --> 00:13:21.692
<00:13:18.312>time <00:13:18.467>you <00:13:18.623>attached <00:13:18.778>an <00:13:18.934>event <00:13:19.089>handler <00:13:19.245>and <00:13:19.400>didn't <00:13:19.556>detach <00:13:19.712>it.

274
00:13:21.892 --> 00:13:22.162
Mm-hmm.

275
00:13:23.372 --> 00:13:27.212
<00:13:23.372>Luckily, <00:13:23.512>nowadays, <00:13:23.651>browsers <00:13:23.791>are <00:13:23.931>much, <00:13:24.072>much <00:13:24.212>better, <00:13:24.352>so <00:13:24.492>that's <00:13:24.632>quite <00:13:24.771>interesting

276
00:13:27.272 --> 00:13:29.732
<00:13:27.272>that <00:13:27.447>we <00:13:27.622>don't <00:13:27.797>have <00:13:27.972>to <00:13:28.147>worry <00:13:28.322>about <00:13:28.497>those <00:13:28.672>anymore.

277
00:13:29.752 --> 00:13:33.052
<00:13:29.752>But <00:13:29.907>people <00:13:30.063>will <00:13:30.218>find <00:13:30.374>ways <00:13:30.529>to <00:13:30.685>break <00:13:30.840>things. <00:13:30.996>So, <00:13:31.151>yeah.

278
00:13:33.152 --> 00:13:36.192
<00:13:33.152>So <00:13:33.239>let's <00:13:33.327>take <00:13:33.414>a <00:13:33.502>look <00:13:33.589>at <00:13:33.677>some <00:13:33.764>of <00:13:33.852>the <00:13:33.939>things <00:13:34.027>I <00:13:34.114>collected <00:13:34.202>that <00:13:34.289>we <00:13:34.377>should <00:13:34.464>chat <00:13:34.552>about,

279
00:13:37.132 --> 00:13:41.012
<00:13:37.132>and <00:13:37.259>hopefully <00:13:37.386>it <00:13:37.513>will <00:13:37.641>not <00:13:37.768>throw <00:13:37.895>me <00:13:38.022>out <00:13:38.150>like <00:13:38.277>every <00:13:38.404>single <00:13:38.531>week

280
00:13:41.072 --> 00:13:44.832
<00:13:41.072>right <00:13:41.188>now. <00:13:41.305>We <00:13:41.422>still <00:13:41.538>have <00:13:41.655>to <00:13:41.772>wonder <00:13:41.888>what's <00:13:42.005>going <00:13:42.122>on <00:13:42.238>with <00:13:42.355>StreamYard <00:13:42.472>about

281
00:13:44.892 --> 00:13:45.072
this.

282
00:13:45.292 --> 00:13:45.972
Yeah.

283
00:13:45.982 --> 00:13:49.492
<00:13:45.982>This <00:13:46.098>was <00:13:46.215>even <00:13:46.332>in <00:13:46.448>the <00:13:46.565>main <00:13:46.682>news <00:13:46.798>in <00:13:46.915>Germany, <00:13:47.031>and <00:13:47.148>I <00:13:47.265>found <00:13:47.382>it

284
00:13:49.552 --> 00:13:53.402
<00:13:49.552>interesting <00:13:49.727>that <00:13:49.902>basically <00:13:50.077>there's <00:13:50.252>an <00:13:50.427>open <00:13:50.602>secure <00:13:50.777>alliance <00:13:50.952>right

285
00:13:53.432 --> 00:13:57.402
<00:13:53.432>now <00:13:53.572>called <00:13:53.712>by <00:13:53.852>NVIDIA <00:13:53.992>and <00:13:54.132>others <00:13:54.272>like <00:13:54.412>Adobe, <00:13:54.552>Microsoft, <00:13:54.692>Fox, <00:13:54.832>and

286
00:13:57.432 --> 00:14:00.712
<00:13:57.432>all <00:13:57.559>the <00:13:57.686>people <00:13:57.813>in <00:13:57.941>there. <00:13:58.068>And <00:13:58.195>this <00:13:58.322>is <00:13:58.450>basically <00:13:58.577>because <00:13:58.704>of <00:13:58.832>the

287
00:14:02.032 --> 00:14:05.912
<00:14:02.032>open <00:14:02.312>AI <00:14:02.592>thing, <00:14:02.872>where <00:14:03.152>basically <00:14:03.432>the

288
00:14:06.952 --> 00:14:10.942
<00:14:06.952>agent <00:14:07.127>ran <00:14:07.302>out <00:14:07.477>of <00:14:07.652>the <00:14:07.827>sandbox <00:14:08.002>and <00:14:08.177>nobody <00:14:08.352>knows

289
00:14:10.972 --> 00:14:14.712
<00:14:10.972>why. <00:14:11.099>And <00:14:11.226>actually, <00:14:11.353>the <00:14:11.481>other <00:14:11.608>thing <00:14:11.735>that <00:14:11.862>was <00:14:11.990>reported <00:14:12.117>is <00:14:12.244>that <00:14:12.372>the

290
00:14:15.152 --> 00:14:19.072
<00:14:15.152>agent <00:14:15.307>writes <00:14:15.463>notes <00:14:15.618>for <00:14:15.774>future <00:14:15.929>iterations <00:14:16.085>of <00:14:16.240>itself, <00:14:16.396>how <00:14:16.552>to

291
00:14:19.092 --> 00:14:22.172
<00:14:19.092>get <00:14:19.208>around <00:14:19.325>things. <00:14:19.442>So <00:14:19.558>there <00:14:19.675>were <00:14:19.792>all <00:14:19.908>kind <00:14:20.025>of <00:14:20.141>weird <00:14:20.258>stuff <00:14:20.375>going <00:14:20.492>on.

292
00:14:22.692 --> 00:14:24.872
<00:14:22.692>But <00:14:23.042>it's <00:14:23.392>basically, <00:14:23.742>yeah, <00:14:24.092>security.

293
00:14:24.932 --> 00:14:27.862
<00:14:24.932>All <00:14:25.059>of <00:14:25.186>them <00:14:25.313>are <00:14:25.441>working <00:14:25.568>together <00:14:25.695>right <00:14:25.822>now <00:14:25.950>to <00:14:26.077>make <00:14:26.204>sure <00:14:26.332>that

294
00:14:27.892 --> 00:14:31.492
<00:14:27.892>the <00:14:28.067>tools <00:14:28.242>that <00:14:28.417>promote <00:14:28.592>responsible <00:14:28.767>user <00:14:28.942>trust <00:14:29.117>in <00:14:29.292>AI.

295
00:14:31.532 --> 00:14:35.152
<00:14:31.532>And <00:14:31.614>I <00:14:31.696>love <00:14:31.779>the <00:14:31.861>way <00:14:31.943>it <00:14:32.026>was <00:14:32.108>actually <00:14:32.190>in-- <00:14:32.273>We <00:14:32.355>heard <00:14:32.437>it <00:14:32.520>on <00:14:32.602>the <00:14:32.684>radio <00:14:32.767>in <00:14:32.849>the <00:14:32.932>car,

296
00:14:36.232 --> 00:14:39.912
<00:14:36.232>and <00:14:36.387>basically <00:14:36.543>it <00:14:36.698>said, <00:14:36.854>okay, <00:14:37.009>they <00:14:37.165>did <00:14:37.320>that <00:14:37.476>because <00:14:37.632>one

297
00:14:40.712 --> 00:14:44.152
<00:14:40.712>AI <00:14:40.912>hacked <00:14:41.112>another <00:14:41.312>company's <00:14:41.512>AI <00:14:41.712>without <00:14:41.912>them <00:14:42.112>knowing.

298
00:14:44.192 --> 00:14:47.992
<00:14:44.192>And <00:14:44.319>my <00:14:44.446>wife <00:14:44.573>was <00:14:44.701>just <00:14:44.828>giggling <00:14:44.955>because <00:14:45.082>she <00:14:45.210>has <00:14:45.337>no <00:14:45.464>idea <00:14:45.592>about

299
00:14:48.052 --> 00:14:50.812
<00:14:48.052>computers, <00:14:48.168>and <00:14:48.285>she's <00:14:48.402>like, <00:14:48.518>"That <00:14:48.635>sounds <00:14:48.752>like <00:14:48.868>a <00:14:48.985>science <00:14:49.102>fiction <00:14:49.218>thing <00:14:49.335>gone <00:14:49.452>wrong."

300
00:14:51.532 --> 00:14:53.852
<00:14:51.532>And <00:14:51.707>it <00:14:51.882>seems <00:14:52.057>like, <00:14:52.232>yeah, <00:14:52.407>it's <00:14:52.582>happening <00:14:52.757>right <00:14:52.932>now.

301
00:14:53.932 --> 00:14:57.732
<00:14:53.932>So <00:14:54.107>there <00:14:54.282>is <00:14:54.457>an <00:14:54.632>alliance <00:14:54.807>necessary <00:14:54.982>to <00:14:55.157>make <00:14:55.332>that

302
00:14:57.832 --> 00:14:58.942
<00:14:57.832>happen. <00:14:58.331>But <00:14:58.831>also,

303
00:15:00.012 --> 00:15:03.492
<00:15:00.012>I'm <00:15:00.212>kind <00:15:00.411>of <00:15:00.612>worried, <00:15:00.811>if <00:15:01.012>it's <00:15:01.212>just <00:15:01.411>headlines.

304
00:15:03.572 --> 00:15:07.512
<00:15:03.572>The <00:15:03.699>amount <00:15:03.826>of <00:15:03.953>people <00:15:04.081>saying, <00:15:04.208>"Oh, <00:15:04.335>our <00:15:04.462>AI <00:15:04.590>is <00:15:04.717>so <00:15:04.844>powerful, <00:15:04.972>we

305
00:15:07.572 --> 00:15:11.112
<00:15:07.572>cannot <00:15:07.699>release <00:15:07.826>it." <00:15:07.953>It's <00:15:08.081>a <00:15:08.208>bit <00:15:08.335>like, <00:15:08.462>"Oh, <00:15:08.590>we <00:15:08.717>left <00:15:08.844>the <00:15:08.972>prototype

306
00:15:11.192 --> 00:15:14.512
<00:15:11.192>phone <00:15:11.332>in <00:15:11.472>the <00:15:11.612>cafe <00:15:11.752>where <00:15:11.892>all <00:15:12.032>the <00:15:12.172>journalists <00:15:12.312>hang <00:15:12.452>out." <00:15:12.592>Weird.

307
00:15:15.772 --> 00:15:19.312
<00:15:15.772>One <00:15:15.899>thing <00:15:16.026>also <00:15:16.153>that <00:15:16.281>is <00:15:16.408>a <00:15:16.535>big <00:15:16.662>thing <00:15:16.790>in <00:15:16.917>there <00:15:17.044>is <00:15:17.172>this

308
00:15:19.372 --> 00:15:23.152
<00:15:19.372>basically, <00:15:19.838>because <00:15:20.305>a <00:15:20.771>certain

309
00:15:23.212 --> 00:15:26.852
<00:15:23.212>government <00:15:23.319>basically <00:15:23.427>said <00:15:23.535>open <00:15:23.642>models <00:15:23.750>are <00:15:23.858>not <00:15:23.965>a <00:15:24.073>thing <00:15:24.181>that <00:15:24.288>actually <00:15:24.396>we <00:15:24.504>should <00:15:24.612>be

310
00:15:26.952 --> 00:15:30.772
<00:15:26.952>using. <00:15:27.092>So <00:15:27.232>I <00:15:27.372>guess <00:15:27.512>that's <00:15:27.652>why <00:15:27.792>that <00:15:27.932>alliance <00:15:28.072>is <00:15:28.212>actually <00:15:28.352>pointing

311
00:15:30.832 --> 00:15:34.722
<00:15:30.832>against <00:15:30.932>that <00:15:31.032>one <00:15:31.132>as <00:15:31.232>well. <00:15:31.332>That <00:15:31.432>basically <00:15:31.532>we <00:15:31.632>need <00:15:31.732>more <00:15:31.832>diversity <00:15:31.932>in <00:15:32.032>this <00:15:32.132>one, <00:15:32.232>and

312
00:15:36.092 --> 00:15:39.992
<00:15:36.092>open <00:15:36.208>weights <00:15:36.325>give <00:15:36.442>you <00:15:36.558>more <00:15:36.675>insight <00:15:36.792>into <00:15:36.908>what's <00:15:37.025>happening <00:15:37.141>rather <00:15:37.258>than <00:15:37.375>black <00:15:37.492>box

313
00:15:40.072 --> 00:15:44.021
<00:15:40.072>engines. <00:15:40.212>So <00:15:40.352>that <00:15:40.492>could <00:15:40.632>be <00:15:40.772>another <00:15:40.912>angle <00:15:41.052>why <00:15:41.192>they've <00:15:41.332>done <00:15:41.472>that.

314
00:15:44.722 --> 00:15:44.972
Yeah.

315
00:15:45.392 --> 00:15:48.912
<00:15:45.392>But <00:15:45.474>yeah, <00:15:45.556>it <00:15:45.639>will <00:15:45.721>be <00:15:45.803>interesting <00:15:45.886>to <00:15:45.968>talk <00:15:46.050>to <00:15:46.133>NVIDIA, <00:15:46.215>and <00:15:46.297>we <00:15:46.380>have <00:15:46.462>a <00:15:46.544>few <00:15:46.627>of <00:15:46.709>them <00:15:46.792>lined

316
00:15:48.972 --> 00:15:50.812
<00:15:48.972>up <00:15:49.172>for <00:15:49.372>Coffee <00:15:49.572>With <00:15:49.771>Developers <00:15:49.972>soon <00:15:50.172>as <00:15:50.372>well.

317
00:15:50.932 --> 00:15:54.512
<00:15:50.932>And <00:15:51.032>because <00:15:51.132>my <00:15:51.232>NVIDIA <00:15:51.332>machine <00:15:51.432>is <00:15:51.532>going <00:15:51.632>to <00:15:51.732>arrive <00:15:51.832>soon <00:15:51.932>here, <00:15:52.032>so <00:15:52.132>I <00:15:52.232>can <00:15:52.332>actually

318
00:15:54.572 --> 00:15:56.972
<00:15:54.572>see <00:15:54.852>what's <00:15:55.132>happening <00:15:55.412>with <00:15:55.692>that <00:15:55.972>one.

319
00:15:57.672 --> 00:16:01.412
<00:15:57.672>But <00:15:57.812>yeah, <00:15:57.952>it's <00:15:58.092>an <00:15:58.232>interesting <00:15:58.372>thing <00:15:58.512>that-- <00:15:58.652>I <00:15:58.792>love <00:15:58.932>when <00:15:59.072>geek

320
00:16:01.492 --> 00:16:05.352
<00:16:01.492>stuff <00:16:01.574>that <00:16:01.656>happens <00:16:01.739>to <00:16:01.821>us <00:16:01.903>is <00:16:01.986>all <00:16:02.068>of <00:16:02.150>a <00:16:02.233>sudden <00:16:02.315>in <00:16:02.397>the <00:16:02.480>mainstream <00:16:02.562>news, <00:16:02.644>and <00:16:02.727>I <00:16:02.809>was <00:16:02.891>like,

321
00:16:05.362 --> 00:16:07.241
<00:16:05.362>"Okay, <00:16:05.536>so <00:16:05.712>let's <00:16:05.887>take <00:16:06.062>a <00:16:06.237>look <00:16:06.411>into <00:16:06.587>that <00:16:06.762>one."

322
00:16:08.072 --> 00:16:10.972
<00:16:08.072>I <00:16:08.247>also <00:16:08.422>like <00:16:08.597>a <00:16:08.772>lot <00:16:08.947>behind <00:16:09.122>the <00:16:09.297>scenes <00:16:09.472>bits.

323
00:16:11.472 --> 00:16:15.372
<00:16:11.472>Medium <00:16:11.612>just <00:16:11.752>released <00:16:11.891>a <00:16:12.031>table <00:16:12.172>of <00:16:12.312>contents <00:16:12.452>feature <00:16:12.592>in <00:16:12.732>their <00:16:12.872>tool,

324
00:16:15.452 --> 00:16:18.572
<00:16:15.452>and <00:16:15.592>they <00:16:15.732>actually <00:16:15.872>did <00:16:16.012>an <00:16:16.152>in-depth <00:16:16.292>article <00:16:16.432>about <00:16:16.572>how <00:16:16.712>they <00:16:16.852>build

325
00:16:18.632 --> 00:16:19.552
it.

326
00:16:20.392 --> 00:16:24.092
<00:16:20.392>So <00:16:20.499>I <00:16:20.607>thought <00:16:20.715>that <00:16:20.822>was <00:16:20.930>kind <00:16:21.038>of <00:16:21.145>cute <00:16:21.253>as <00:16:21.361>well <00:16:21.468>that <00:16:21.576>they <00:16:21.684>share <00:16:21.792>how

327
00:16:24.492 --> 00:16:26.292
<00:16:24.492>the <00:16:24.842>thing <00:16:25.192>has <00:16:25.541>been <00:16:25.891>done.

328
00:16:27.922 --> 00:16:31.572
<00:16:27.922>And <00:16:28.029>I <00:16:28.137>haven't <00:16:28.245>looked <00:16:28.352>at <00:16:28.460>the <00:16:28.568>code <00:16:28.675>yet, <00:16:28.783>but <00:16:28.891>I <00:16:28.998>find <00:16:29.106>it <00:16:29.214>always <00:16:29.322>fascinating

329
00:16:31.592 --> 00:16:35.472
<00:16:31.592>because <00:16:31.766>this <00:16:31.942>is <00:16:32.117>one <00:16:32.292>of <00:16:32.467>my <00:16:32.641>bugbears <00:16:32.817>in <00:16:32.992>browsers.

330
00:16:35.561 --> 00:16:38.972
<00:16:35.561>The <00:16:36.261>headline <00:16:36.961>outline,

331
00:16:39.332 --> 00:16:43.222
<00:16:39.332>the <00:16:39.472>document <00:16:39.612>outline <00:16:39.752>is <00:16:39.891>an <00:16:40.032>algorithm <00:16:40.172>that <00:16:40.312>actually <00:16:40.452>the <00:16:40.592>browser <00:16:40.732>needs

332
00:16:43.252 --> 00:16:45.412
<00:16:43.252>to <00:16:43.531>index <00:16:43.811>for <00:16:44.092>the <00:16:44.372>accessibility <00:16:44.651>tree.

333
00:16:46.152 --> 00:16:50.052
<00:16:46.152>But <00:16:46.259>we <00:16:46.367>have <00:16:46.475>not <00:16:46.582>standardized <00:16:46.690>that <00:16:46.798>for <00:16:46.905>such <00:16:47.013>a <00:16:47.121>long <00:16:47.228>time, <00:16:47.336>and <00:16:47.444>it's <00:16:47.552>an

334
00:16:50.112 --> 00:16:54.092
<00:16:50.112>absolute <00:16:50.286>mess. <00:16:50.462>And <00:16:50.637>now <00:16:50.812>with <00:16:50.987>CSS <00:16:51.161>has, <00:16:51.337>it's <00:16:51.512>really

335
00:16:54.112 --> 00:16:58.092
<00:16:54.112>easy <00:16:54.252>to <00:16:54.391>do <00:16:54.531>that. <00:16:54.671>And <00:16:54.812>I <00:16:54.952>think <00:16:55.092>every <00:16:55.232>single <00:16:55.372>DOM <00:16:55.512>training

336
00:16:58.152 --> 00:17:00.912
<00:16:58.152>that <00:16:58.279>I <00:16:58.406>wrote <00:16:58.533>back <00:16:58.661>then <00:16:58.788>in <00:16:58.915>the <00:16:59.042>days <00:16:59.170>was <00:16:59.297>one <00:16:59.424>of <00:16:59.552>those.

337
00:17:01.052 --> 00:17:04.472
<00:17:01.052>I <00:17:01.252>basically <00:17:01.452>made <00:17:01.652>people <00:17:01.852>do <00:17:02.052>a <00:17:02.252>headline <00:17:02.452>outline

338
00:17:04.712 --> 00:17:08.452
<00:17:04.712>thing <00:17:04.945>to <00:17:05.178>actually <00:17:05.412>learn <00:17:05.645>DOM <00:17:05.878>scripting, <00:17:06.112>because

339
00:17:08.853 --> 00:17:12.472
<00:17:08.853>Word <00:17:08.953>does <00:17:09.053>it <00:17:09.153>automatically, <00:17:09.253>so <00:17:09.353>the <00:17:09.453>web <00:17:09.553>should <00:17:09.653>do <00:17:09.753>it <00:17:09.853>automatically <00:17:09.953>as <00:17:10.053>well, <00:17:10.153>but <00:17:10.253>it

340
00:17:12.512 --> 00:17:15.652
<00:17:12.512>does <00:17:12.619>not. <00:17:12.727>And <00:17:12.835>we <00:17:12.942>all <00:17:13.050>come <00:17:13.158>up <00:17:13.265>with <00:17:13.373>our <00:17:13.481>own <00:17:13.588>table <00:17:13.696>of <00:17:13.804>contents <00:17:13.912>feature.

341
00:17:16.212 --> 00:17:20.113
<00:17:16.212>But <00:17:16.311>it's <00:17:16.412>an <00:17:16.512>interesting <00:17:16.612>way <00:17:16.712>how <00:17:16.811>they <00:17:16.912>approached <00:17:17.012>it, <00:17:17.112>and <00:17:17.212>I <00:17:17.311>think <00:17:17.412>it's <00:17:17.512>good <00:17:17.612>that

342
00:17:20.172 --> 00:17:23.172
<00:17:20.172>Medium <00:17:20.327>actually <00:17:20.483>shows <00:17:20.638>how <00:17:20.794>they <00:17:20.949>built <00:17:21.105>the <00:17:21.260>platform <00:17:21.416>as <00:17:21.572>well.

343
00:17:23.941 --> 00:17:27.772
<00:17:23.941>So, <00:17:24.048>Chad, <00:17:24.156>do <00:17:24.264>you <00:17:24.371>look <00:17:24.479>at <00:17:24.587>those <00:17:24.694>articles <00:17:24.802>as <00:17:24.910>well, <00:17:25.017>like <00:17:25.125>the <00:17:25.233>behind <00:17:25.341>the

344
00:17:27.853 --> 00:17:31.132
<00:17:27.853>scenes <00:17:27.969>things? <00:17:28.086>I <00:17:28.203>think <00:17:28.319>it's <00:17:28.436>always <00:17:28.553>fascinating <00:17:28.669>that <00:17:28.786>you <00:17:28.903>can <00:17:29.019>find <00:17:29.136>how <00:17:29.253>companies

345
00:17:31.192 --> 00:17:34.382
<00:17:31.192>approach <00:17:31.299>these <00:17:31.407>things, <00:17:31.515>and <00:17:31.622>sometimes <00:17:31.730>you <00:17:31.838>want <00:17:31.945>to <00:17:32.053>be <00:17:32.161>like, <00:17:32.268>"You <00:17:32.376>could've <00:17:32.484>done <00:17:32.592>it

346
00:17:34.412 --> 00:17:34.832
differently."

347
00:17:35.932 --> 00:17:39.782
<00:17:35.932>Yeah, <00:17:36.039>definitely. <00:17:36.147>Just <00:17:36.255>before <00:17:36.362>I <00:17:36.470>answer <00:17:36.578>that, <00:17:36.685>I <00:17:36.793>want <00:17:36.901>to <00:17:37.008>mention, <00:17:37.116>Firefox <00:17:37.224>is <00:17:37.332>working

348
00:17:39.852 --> 00:17:39.992
on

349
00:17:40.912 --> 00:17:42.832
<00:17:40.912>an <00:17:41.145>attribute, <00:17:41.378>right? <00:17:41.612>You <00:17:41.845>can <00:17:42.078>add <00:17:42.312>to

350
00:17:43.652 --> 00:17:44.272
headings

351
00:17:45.292 --> 00:17:46.872
<00:17:45.292>that <00:17:45.572>will <00:17:45.851>affect <00:17:46.131>the <00:17:46.411>document <00:17:46.692>outline.

352
00:17:46.972 --> 00:17:49.792
<00:17:46.972>I <00:17:47.127>just <00:17:47.283>saw <00:17:47.438>Jake <00:17:47.594>Archibald <00:17:47.749>talking <00:17:47.905>about <00:17:48.060>it, <00:17:48.216>I <00:17:48.372>think.

353
00:17:49.852 --> 00:17:51.432
<00:17:49.852>Have <00:17:50.202>you <00:17:50.552>seen <00:17:50.902>it <00:17:51.252>also?

354
00:17:52.652 --> 00:17:56.272
<00:17:52.652>I <00:17:52.768>have <00:17:52.885>seen <00:17:53.002>the <00:17:53.118>video <00:17:53.235>thumbnail, <00:17:53.352>but <00:17:53.468>I <00:17:53.585>have <00:17:53.702>looked <00:17:53.818>into <00:17:53.935>the <00:17:54.052>thing.

355
00:17:56.572 --> 00:17:56.582
Okay.

356
00:17:56.592 --> 00:18:00.232
<00:17:56.592>But <00:17:56.692>I've <00:17:56.792>seen <00:17:56.892>the <00:17:56.992>spec <00:17:57.092>before <00:17:57.192>as <00:17:57.292>well. <00:17:57.392>That's <00:17:57.492>been <00:17:57.592>around <00:17:57.692>for <00:17:57.792>quite <00:17:57.892>a <00:17:57.992>while.

357
00:18:00.272 --> 00:18:02.852
<00:18:00.272>But <00:18:00.472>Firefox <00:18:00.672>is <00:18:00.871>now <00:18:01.072>implementing <00:18:01.272>it, <00:18:01.472>so <00:18:01.672>yeah.

358
00:18:03.492 --> 00:18:05.092
<00:18:03.492>Yeah. <00:18:03.725>That's <00:18:03.958>kind <00:18:04.192>of <00:18:04.425>nice, <00:18:04.658>I <00:18:04.892>think.

359
00:18:05.452 --> 00:18:08.752
<00:18:05.452>You <00:18:05.579>kind <00:18:05.706>of <00:18:05.833>say <00:18:05.961>start, <00:18:06.088>or <00:18:06.215>you <00:18:06.342>have <00:18:06.470>an <00:18:06.597>attribute <00:18:06.724>start, <00:18:06.852>and

360
00:18:08.792 --> 00:18:12.732
<00:18:08.792>then <00:18:08.932>the <00:18:09.072>H. <00:18:09.212>Yeah, <00:18:09.351>I <00:18:09.492>don't <00:18:09.631>remember <00:18:09.772>to <00:18:09.911>talk <00:18:10.052>about <00:18:10.192>it

361
00:18:12.752 --> 00:18:15.532
<00:18:12.752>confidently. <00:18:12.985>But <00:18:13.218>yeah, <00:18:13.452>I <00:18:13.685>definitely <00:18:13.918>look <00:18:14.152>at--

362
00:18:16.472 --> 00:18:20.122
<00:18:16.472>I <00:18:16.627>have <00:18:16.783>a <00:18:16.938>few <00:18:17.094>JavaScript <00:18:17.249>newsletters, <00:18:17.405>like <00:18:17.560>JavaScript <00:18:17.716>Weekly <00:18:17.872>and

363
00:18:20.212 --> 00:18:20.532
stuff.

364
00:18:21.312 --> 00:18:21.322
Yeah.

365
00:18:22.684 --> 00:18:26.344
<00:18:22.684>But <00:18:22.839>sometimes <00:18:22.995>with <00:18:23.150>really <00:18:23.306>big <00:18:23.461>companies, <00:18:23.617>like <00:18:23.772>being <00:18:23.928>a <00:18:24.084>solopreneur

366
00:18:26.384 --> 00:18:30.024
<00:18:26.384>versus <00:18:26.559>really <00:18:26.734>big <00:18:26.909>companies, <00:18:27.084>or <00:18:27.259>maybe <00:18:27.434>we <00:18:27.609>had <00:18:27.784>the

367
00:18:30.064 --> 00:18:33.864
<00:18:30.064>agility <00:18:30.180>before <00:18:30.297>AI, <00:18:30.414>because <00:18:30.530>just <00:18:30.647>one <00:18:30.764>person <00:18:30.880>does <00:18:30.997>everything, <00:18:31.114>you <00:18:31.230>can <00:18:31.347>move <00:18:31.464>pretty

368
00:18:33.984 --> 00:18:37.704
<00:18:33.984>fast, <00:18:34.139>whereas <00:18:34.295>for <00:18:34.450>big <00:18:34.606>companies <00:18:34.761>with <00:18:34.917>a <00:18:35.072>lot <00:18:35.228>more <00:18:35.384>users,

369
00:18:37.844 --> 00:18:39.604
<00:18:37.844>things <00:18:38.194>tend <00:18:38.544>to <00:18:38.894>move <00:18:39.244>slower.

370
00:18:40.824 --> 00:18:41.884
<00:18:40.824>But <00:18:41.301>definitely <00:18:41.778>interested

371
00:18:43.064 --> 00:18:44.804
<00:18:43.064>in <00:18:43.297>how <00:18:43.530>these <00:18:43.764>companies <00:18:43.997>do <00:18:44.230>these <00:18:44.464>things.

372
00:18:45.164 --> 00:18:47.003
<00:18:45.164>But <00:18:45.304>I'm <00:18:45.444>also <00:18:45.584>curious <00:18:45.724>if <00:18:45.864>things <00:18:46.004>are <00:18:46.144>going <00:18:46.283>to <00:18:46.424>change <00:18:46.564>now.

373
00:18:47.804 --> 00:18:51.584
<00:18:47.804>Do <00:18:47.944>we, <00:18:48.084>as <00:18:48.224>solopreneurs <00:18:48.364>or <00:18:48.504>solo <00:18:48.644>founders, <00:18:48.784>can <00:18:48.924>we <00:18:49.064>keep <00:18:49.204>our

374
00:18:51.664 --> 00:18:52.384
<00:18:51.664>fast <00:18:52.312>pace

375
00:18:53.204 --> 00:18:55.213
<00:18:53.204>or <00:18:53.437>has <00:18:53.670>this <00:18:53.904>been <00:18:54.137>commoditized <00:18:54.370>for <00:18:54.604>everyone?

376
00:18:55.844 --> 00:18:58.994
<00:18:55.844>It's <00:18:55.951>interesting. <00:18:56.059>I <00:18:56.167>think <00:18:56.274>actually <00:18:56.382>this <00:18:56.490>article, <00:18:56.597>though, <00:18:56.705>is <00:18:56.813>quite <00:18:56.920>a <00:18:57.028>good <00:18:57.136>example <00:18:57.244>of

377
00:18:59.064 --> 00:19:02.864
<00:18:59.064>like <00:18:59.171>you're <00:18:59.279>saying, <00:18:59.387>you <00:18:59.494>would've <00:18:59.602>seen <00:18:59.710>maybe <00:18:59.817>some <00:18:59.925>of <00:19:00.033>these <00:19:00.140>big <00:19:00.248>companies <00:19:00.356>just <00:19:00.464>start

378
00:19:02.884 --> 00:19:04.844
<00:19:02.884>vibe <00:19:03.084>coding <00:19:03.284>stuff <00:19:03.484>or <00:19:03.684>that <00:19:03.884>some <00:19:04.084>of <00:19:04.284>the

379
00:19:06.064 --> 00:19:09.764
<00:19:06.064>structure <00:19:06.239>and <00:19:06.414>the <00:19:06.589>methodical <00:19:06.764>nature <00:19:06.939>of <00:19:07.114>how <00:19:07.289>we <00:19:07.464>actually

380
00:19:09.824 --> 00:19:12.904
<00:19:09.824>expect <00:19:09.940>these <00:19:10.057>companies <00:19:10.174>to <00:19:10.290>build <00:19:10.407>software <00:19:10.524>goes <00:19:10.640>out <00:19:10.757>the <00:19:10.874>window <00:19:10.990>because <00:19:11.107>it <00:19:11.224>goes

381
00:19:13.684 --> 00:19:17.584
<00:19:13.684>towards <00:19:13.800>speed. <00:19:13.917>But <00:19:14.033>actually, <00:19:14.150>I <00:19:14.267>like <00:19:14.384>this <00:19:14.500>article <00:19:14.617>because <00:19:14.734>there's <00:19:14.850>one <00:19:14.967>bit <00:19:15.084>that

382
00:19:17.624 --> 00:19:21.044
<00:19:17.624>jumps <00:19:17.711>out, <00:19:17.799>and <00:19:17.886>it <00:19:17.974>was <00:19:18.061>the <00:19:18.149>bit <00:19:18.236>when <00:19:18.324>they <00:19:18.411>just <00:19:18.499>go, <00:19:18.586>"Let's <00:19:18.674>do <00:19:18.761>some <00:19:18.849>edge <00:19:18.936>cases." <00:19:19.024>And

383
00:19:21.064 --> 00:19:23.644
<00:19:21.064>they <00:19:21.157>go, <00:19:21.250>"What <00:19:21.344>about <00:19:21.437>an <00:19:21.530>article?" <00:19:21.624>If <00:19:21.717>you <00:19:21.810>scroll <00:19:21.904>down <00:19:21.997>just <00:19:22.090>a <00:19:22.184>little <00:19:22.277>bit <00:19:22.370>more, <00:19:22.464>I

384
00:19:23.664 --> 00:19:25.204
<00:19:23.664>think <00:19:23.941>it's <00:19:24.218>there <00:19:24.495>actually, <00:19:24.772>Chris. <00:19:25.050>Yeah.

385
00:19:25.224 --> 00:19:28.014
<00:19:25.224>It <00:19:25.379>says: <00:19:25.535>What <00:19:25.690>about <00:19:25.846>a <00:19:26.001>post <00:19:26.157>that's <00:19:26.312>got <00:19:26.468>100 <00:19:26.624>headings?

386
00:19:28.504 --> 00:19:32.314
<00:19:28.504>And <00:19:28.597>the <00:19:28.690>bit <00:19:28.783>that <00:19:28.877>I <00:19:28.970>thought <00:19:29.063>was <00:19:29.157>most <00:19:29.250>interesting <00:19:29.343>is <00:19:29.437>where <00:19:29.530>they <00:19:29.623>say, <00:19:29.717>"This <00:19:29.810>is <00:19:29.904>really

387
00:19:32.424 --> 00:19:35.844
<00:19:32.424>rare, <00:19:32.540>but <00:19:32.657>they're <00:19:32.774>probably <00:19:32.890>the <00:19:33.007>articles <00:19:33.124>that <00:19:33.240>actually <00:19:33.357>need <00:19:33.474>the <00:19:33.590>table <00:19:33.707>of <00:19:33.824>contents

388
00:19:35.884 --> 00:19:38.444
<00:19:35.884>the <00:19:36.059>most." <00:19:36.234>And <00:19:36.409>it's <00:19:36.584>kind <00:19:36.759>of <00:19:36.934>counterintuitive, <00:19:37.109>isn't <00:19:37.284>it?

389
00:19:38.744 --> 00:19:41.504
<00:19:38.744>And <00:19:38.851>you <00:19:38.959>think, <00:19:39.067>well, <00:19:39.174>there's <00:19:39.282>something <00:19:39.390>where <00:19:39.497>if <00:19:39.605>you <00:19:39.713>were <00:19:39.820>just <00:19:39.928>moving <00:19:40.036>fast, <00:19:40.144>you

390
00:19:41.524 --> 00:19:44.244
<00:19:41.524>wouldn't <00:19:41.640>bother <00:19:41.757>with <00:19:41.873>that <00:19:41.990>edge <00:19:42.107>case, <00:19:42.224>but <00:19:42.340>then <00:19:42.457>that's <00:19:42.573>actually <00:19:42.690>the <00:19:42.807>most <00:19:42.924>important

391
00:19:44.284 --> 00:19:47.844
<00:19:44.284>reason <00:19:44.411>to <00:19:44.538>do <00:19:44.665>it. <00:19:44.793>So <00:19:44.920>it's <00:19:45.047>good <00:19:45.174>that <00:19:45.302>they've <00:19:45.429>got <00:19:45.556>this <00:19:45.684>mix

392
00:19:47.964 --> 00:19:51.924
<00:19:47.964>of <00:19:48.071>trying <00:19:48.179>to <00:19:48.287>improve <00:19:48.394>the <00:19:48.502>UX. <00:19:48.610>They <00:19:48.717>probably <00:19:48.825>do <00:19:48.933>use <00:19:49.040>some <00:19:49.148>AI, <00:19:49.256>but <00:19:49.364>you

393
00:19:51.944 --> 00:19:55.824
<00:19:51.944>can <00:19:52.084>see <00:19:52.224>they <00:19:52.364>actually <00:19:52.504>do <00:19:52.644>care <00:19:52.783>and <00:19:52.924>empathize <00:19:53.063>around <00:19:53.204>UX <00:19:53.344>and

394
00:19:55.864 --> 00:19:59.124
<00:19:55.864>what <00:19:55.980>that <00:19:56.097>actually <00:19:56.214>is <00:19:56.330>like <00:19:56.447>for <00:19:56.564>the <00:19:56.680>end <00:19:56.797>user. <00:19:56.914>That's <00:19:57.030>cool <00:19:57.147>to <00:19:57.264>see.

395
00:20:00.684 --> 00:20:04.504
<00:20:00.684>That's <00:20:00.800>a <00:20:00.917>good <00:20:01.033>thing, <00:20:01.150>having <00:20:01.267>logged <00:20:01.384>as <00:20:01.500>a <00:20:01.617>browser <00:20:01.734>maker, <00:20:01.850>and <00:20:01.967>you <00:20:02.084>basically

396
00:20:04.564 --> 00:20:08.044
<00:20:04.564>see <00:20:04.680>what <00:20:04.797>people <00:20:04.914>are <00:20:05.030>building, <00:20:05.147>and <00:20:05.264>yet <00:20:05.380>you <00:20:05.497>find <00:20:05.614>the <00:20:05.730>edge <00:20:05.847>cases <00:20:05.964>that

397
00:20:08.104 --> 00:20:11.944
<00:20:08.104>way. <00:20:08.231>Like <00:20:08.358>for <00:20:08.485>CSS, <00:20:08.613>we <00:20:08.740>always <00:20:08.867>had <00:20:08.994>the <00:20:09.122>demos <00:20:09.249>by <00:20:09.376>Ana <00:20:09.504>Tudor

398
00:20:11.984 --> 00:20:15.044
<00:20:11.984>because <00:20:12.158>nobody <00:20:12.333>punishes <00:20:12.509>the <00:20:12.684>CSS <00:20:12.859>engine <00:20:13.033>like <00:20:13.208>she <00:20:13.384>does.

399
00:20:15.644 --> 00:20:19.624
<00:20:15.644>And <00:20:15.994>we <00:20:16.344>find <00:20:16.694>articles. <00:20:17.044>My

400
00:20:19.664 --> 00:20:23.064
<00:20:19.664>favorite <00:20:19.804>is <00:20:19.944>always <00:20:20.084>when <00:20:20.224>anybody <00:20:20.364>who <00:20:20.504>does <00:20:20.644>an <00:20:20.783>interactive <00:20:20.924>table <00:20:21.064>in

401
00:20:23.244 --> 00:20:26.744
<00:20:23.244>HTML <00:20:23.418>and <00:20:23.593>JavaScript <00:20:23.769>talk <00:20:23.944>to <00:20:24.119>people <00:20:24.293>that <00:20:24.468>work <00:20:24.644>in

402
00:20:26.824 --> 00:20:30.584
<00:20:26.824>finance <00:20:26.964>because <00:20:27.104>they <00:20:27.244>will <00:20:27.384>need <00:20:27.524>7,000 <00:20:27.664>lines <00:20:27.804>that <00:20:27.944>scroll <00:20:28.084>smoothly <00:20:28.224>with

403
00:20:30.804 --> 00:20:34.664
<00:20:30.804>6 <00:20:31.004>million <00:20:31.204>data <00:20:31.404>points. <00:20:31.604>It <00:20:31.804>sounds <00:20:32.004>like <00:20:32.204>nobody

404
00:20:34.724 --> 00:20:36.964
<00:20:34.724>can <00:20:34.924>actually <00:20:35.124>take <00:20:35.323>in <00:20:35.524>that <00:20:35.724>amount <00:20:35.924>of <00:20:36.124>information.

405
00:20:37.104 --> 00:20:40.964
<00:20:37.104>Talking <00:20:37.211>of <00:20:37.319>which, <00:20:37.427>how <00:20:37.534>I <00:20:37.642>stopped <00:20:37.750>running <00:20:37.857>out <00:20:37.965>of <00:20:38.073>tokens, <00:20:38.180>that <00:20:38.288>one <00:20:38.396>from <00:20:38.504>Daniela

406
00:20:41.464 --> 00:20:45.164
<00:20:41.464>has <00:20:41.580>a <00:20:41.697>few <00:20:41.813>things <00:20:41.930>in <00:20:42.047>there, <00:20:42.164>a <00:20:42.280>few <00:20:42.397>tools <00:20:42.514>that <00:20:42.630>actually <00:20:42.747>helps <00:20:42.864>you

407
00:20:45.224 --> 00:20:49.044
<00:20:45.224>to <00:20:45.317>cut <00:20:45.410>down <00:20:45.504>on <00:20:45.597>your <00:20:45.690>token <00:20:45.783>usage. <00:20:45.877>So <00:20:45.970>I <00:20:46.063>think <00:20:46.157>that <00:20:46.250>was <00:20:46.343>pretty <00:20:46.437>useful <00:20:46.530>as <00:20:46.624>well.

408
00:20:49.584 --> 00:20:53.324
<00:20:49.584>And <00:20:49.700>my <00:20:49.817>favorite <00:20:49.934>is <00:20:50.050>the <00:20:50.167>one <00:20:50.284>that <00:20:50.400>actually <00:20:50.517>just <00:20:50.634>cuts <00:20:50.750>down <00:20:50.867>on <00:20:50.984>the

409
00:20:53.964 --> 00:20:56.384
<00:20:53.964>warning <00:20:54.244>and <00:20:54.524>lock <00:20:54.803>level <00:20:55.083>of <00:20:55.364>the

410
00:20:58.804 --> 00:21:02.564
<00:20:58.804>command <00:20:58.904>line <00:20:59.004>tools <00:20:59.104>that <00:20:59.204>your <00:20:59.304>agent <00:20:59.404>uses <00:20:59.504>because <00:20:59.604>that <00:20:59.704>one <00:20:59.804>burns <00:20:59.904>through <00:21:00.004>a <00:21:00.104>lot <00:21:00.204>of

411
00:21:02.584 --> 00:21:05.084
<00:21:02.584>tokens <00:21:02.759>without <00:21:02.934>you <00:21:03.109>needing <00:21:03.284>to <00:21:03.459>read <00:21:03.634>it <00:21:03.809>at <00:21:03.984>all.

412
00:21:05.144 --> 00:21:09.104
<00:21:05.144>So <00:21:05.237>people <00:21:05.330>have <00:21:05.424>a <00:21:05.517>lot <00:21:05.610>of <00:21:05.704>warnings <00:21:05.797>and <00:21:05.890>these <00:21:05.984>kind <00:21:06.077>of <00:21:06.170>things <00:21:06.264>that <00:21:06.357>agents <00:21:06.450>don't <00:21:06.544>care

413
00:21:09.164 --> 00:21:13.144
<00:21:09.164>about, <00:21:09.319>but <00:21:09.475>it's <00:21:09.630>something <00:21:09.786>that <00:21:09.941>you <00:21:10.097>just <00:21:10.252>set <00:21:10.408>a <00:21:10.564>fix

414
00:21:13.224 --> 00:21:15.904
<00:21:13.224>to <00:21:13.424>do <00:21:13.624>that. <00:21:13.823>I <00:21:14.024>found <00:21:14.224>that <00:21:14.424>really <00:21:14.624>interesting

415
00:21:16.824 --> 00:21:19.984
<00:21:16.824>that <00:21:16.951>people <00:21:17.078>are <00:21:17.205>starting <00:21:17.333>to <00:21:17.460>actually <00:21:17.587>find <00:21:17.714>out, <00:21:17.842>oh, <00:21:17.969>for <00:21:18.096>Christ's <00:21:18.224>sake.

416
00:21:20.544 --> 00:21:21.784
<00:21:20.544>People <00:21:20.916>are <00:21:21.288>starting <00:21:21.660>to

417
00:21:22.744 --> 00:21:24.584
<00:21:22.744>save <00:21:22.944>on <00:21:23.144>their <00:21:23.343>tokens. <00:21:23.543>How <00:21:23.744>about <00:21:23.944>you, <00:21:24.144>Chad?

418
00:21:24.624 --> 00:21:28.324
<00:21:24.624>Do <00:21:24.724>you <00:21:24.824>burn <00:21:24.924>a <00:21:25.024>lot <00:21:25.124>of <00:21:25.224>tokens <00:21:25.324>or <00:21:25.424>are <00:21:25.524>you <00:21:25.624>more <00:21:25.724>like <00:21:25.824>a <00:21:25.924>handwritten <00:21:26.024>person?

419
00:21:29.044 --> 00:21:32.404
<00:21:29.044>So <00:21:29.137>I <00:21:29.230>wanted <00:21:29.324>to <00:21:29.417>give <00:21:29.510>a <00:21:29.604>tip <00:21:29.697>here. <00:21:29.790>I <00:21:29.884>want <00:21:29.977>to <00:21:30.070>write <00:21:30.164>an <00:21:30.257>article <00:21:30.350>about <00:21:30.444>it.

420
00:21:32.624 --> 00:21:36.094
<00:21:32.624>It's <00:21:32.751>very <00:21:32.878>easy, <00:21:33.005>but <00:21:33.133>if <00:21:33.260>I <00:21:33.387>wake <00:21:33.514>up <00:21:33.642>at <00:21:33.769>7:00, <00:21:33.896>7:30 <00:21:34.024>a.m.

421
00:21:36.344 --> 00:21:40.244
<00:21:36.344>and <00:21:36.460>I'm <00:21:36.577>going <00:21:36.694>to <00:21:36.810>start <00:21:36.927>working <00:21:37.044>at <00:21:37.160>9:00, <00:21:37.277>the <00:21:37.394>Claude <00:21:37.510>code <00:21:37.627>session <00:21:37.744>is

422
00:21:40.304 --> 00:21:43.944
<00:21:40.304>five <00:21:40.431>hours <00:21:40.558>long, <00:21:40.685>but <00:21:40.813>starts <00:21:40.940>when <00:21:41.067>you <00:21:41.194>start <00:21:41.322>sending <00:21:41.449>the <00:21:41.576>first <00:21:41.704>message.

423
00:21:44.124 --> 00:21:46.964
<00:21:44.124>So <00:21:44.279>every <00:21:44.435>morning, <00:21:44.590>wake <00:21:44.746>up <00:21:44.901>and <00:21:45.057>then <00:21:45.212>send <00:21:45.368>Claude, <00:21:45.524>"Hi."

424
00:21:48.484 --> 00:21:52.204
<00:21:48.484>Just <00:21:48.577>like <00:21:48.670>a <00:21:48.764>hi. <00:21:48.857>So <00:21:48.950>the <00:21:49.043>session <00:21:49.137>starts, <00:21:49.230>and <00:21:49.323>when <00:21:49.417>I'm <00:21:49.510>already <00:21:49.603>starting <00:21:49.697>work <00:21:49.790>at <00:21:49.884>9:00,

425
00:21:52.264 --> 00:21:55.224
<00:21:52.264>then <00:21:52.371>it's <00:21:52.479>already <00:21:52.587>like <00:21:52.694>there's <00:21:52.802>three <00:21:52.910>hours <00:21:53.017>left <00:21:53.125>or <00:21:53.233>three <00:21:53.340>and <00:21:53.448>a <00:21:53.556>half <00:21:53.664>hours.

426
00:21:56.024 --> 00:21:56.264
Clever.

427
00:21:57.564 --> 00:22:00.884
<00:21:57.564>Yeah, <00:21:57.719>I'm <00:21:57.875>doing <00:21:58.030>a <00:21:58.186>mix <00:21:58.341>of <00:21:58.497>everything. <00:21:58.652>I <00:21:58.808>still <00:21:58.964>teach.

428
00:22:01.944 --> 00:22:04.704
<00:22:01.944>I <00:22:02.119>teach <00:22:02.293>at <00:22:02.469>universities <00:22:02.644>in <00:22:02.819>Amsterdam <00:22:02.994>and <00:22:03.168>in <00:22:03.344>Salzburg.

429
00:22:05.784 --> 00:22:09.024
<00:22:05.784>So <00:22:05.911>for <00:22:06.038>me, <00:22:06.165>it's <00:22:06.293>still-- <00:22:06.420>And <00:22:06.547>I <00:22:06.674>give <00:22:06.802>a <00:22:06.929>lot <00:22:07.056>of <00:22:07.184>talks.

430
00:22:09.084 --> 00:22:11.264
<00:22:09.084>I'm <00:22:09.239>going <00:22:09.395>to <00:22:09.550>speak <00:22:09.706>at <00:22:09.861>dotJS <00:22:10.017>in <00:22:10.172>France, <00:22:10.328>in <00:22:10.484>Paris,

431
00:22:12.304 --> 00:22:15.164
<00:22:12.304>and <00:22:12.459>in <00:22:12.615>Utrecht <00:22:12.770>of <00:22:12.926>Nieuwezijds, <00:22:13.081>somewhere <00:22:13.237>here <00:22:13.392>in <00:22:13.548>the <00:22:13.704>Netherlands.

432
00:22:15.904 --> 00:22:16.544
<00:22:15.904>So <00:22:16.096>for <00:22:16.288>me, <00:22:16.480>it's

433
00:22:18.124 --> 00:22:22.084
<00:22:18.124>a <00:22:18.206>bit <00:22:18.288>like <00:22:18.371>a <00:22:18.453>show, <00:22:18.535>coding. <00:22:18.618>I <00:22:18.700>want <00:22:18.782>to <00:22:18.865>be <00:22:18.947>there <00:22:19.029>on <00:22:19.112>stage, <00:22:19.194>and <00:22:19.276>I <00:22:19.359>want <00:22:19.441>to <00:22:19.524>be

434
00:22:22.124 --> 00:22:23.764
<00:22:22.124>able <00:22:22.279>to <00:22:22.435>even <00:22:22.590>do <00:22:22.746>the <00:22:22.901>imports <00:22:23.057>out <00:22:23.212>of <00:22:23.368>my <00:22:23.524>head.

435
00:22:24.184 --> 00:22:27.644
<00:22:24.184>It's <00:22:24.277>not <00:22:24.370>something <00:22:24.464>really <00:22:24.557>important, <00:22:24.650>but <00:22:24.744>for <00:22:24.837>me, <00:22:24.930>it's <00:22:25.024>kind <00:22:25.117>of <00:22:25.210>one <00:22:25.303>of <00:22:25.397>the <00:22:25.490>skills <00:22:25.584>I

436
00:22:27.664 --> 00:22:31.004
<00:22:27.664>want <00:22:27.757>to <00:22:27.850>keep. <00:22:27.944>But <00:22:28.037>I <00:22:28.130>still <00:22:28.224>do <00:22:28.317>both. <00:22:28.410>I <00:22:28.504>still <00:22:28.597>do <00:22:28.690>a <00:22:28.783>lot <00:22:28.877>of <00:22:28.970>AI <00:22:29.064>coding.

437
00:22:32.244 --> 00:22:35.984
<00:22:32.244>I'm <00:22:32.371>also <00:22:32.498>teaching <00:22:32.625>AI <00:22:32.753>now <00:22:32.880>for <00:22:33.007>companies, <00:22:33.134>but <00:22:33.262>not <00:22:33.389>coding, <00:22:33.516>like <00:22:33.644>more

438
00:22:36.044 --> 00:22:38.084
<00:22:36.044>upskilling. <00:22:36.394>So <00:22:36.744>then <00:22:37.094>I'm <00:22:37.444>also

439
00:22:38.944 --> 00:22:41.804
<00:22:38.944>focusing <00:22:39.119>a <00:22:39.293>lot <00:22:39.469>on <00:22:39.644>skills, <00:22:39.819>skills <00:22:39.994>that <00:22:40.168>evolve <00:22:40.344>and

440
00:22:43.004 --> 00:22:46.734
<00:22:43.004>yeah. <00:22:43.120>But <00:22:43.237>yeah, <00:22:43.353>heavy <00:22:43.470>AI <00:22:43.587>user, <00:22:43.704>but <00:22:43.820>not <00:22:43.937>necessarily <00:22:44.053>always <00:22:44.170>running <00:22:44.287>out <00:22:44.404>of

441
00:22:46.804 --> 00:22:47.224
tokens.

442
00:22:48.224 --> 00:22:48.454
Mm-hmm.

443
00:22:48.804 --> 00:22:52.444
<00:22:48.804>dotJS <00:22:48.931>is <00:22:49.058>a <00:22:49.185>gorgeous <00:22:49.313>event. <00:22:49.440>You <00:22:49.567>have <00:22:49.694>a <00:22:49.822>lot <00:22:49.949>of <00:22:50.076>fun <00:22:50.204>there.

444
00:22:52.464 --> 00:22:54.424
<00:22:52.464>It's <00:22:52.813>actually <00:22:53.164>really, <00:22:53.514>really <00:22:53.864>beautiful.

445
00:22:54.444 --> 00:22:58.304
<00:22:54.444>They're <00:22:54.521>doing <00:22:54.599>a <00:22:54.677>great <00:22:54.755>job <00:22:54.832>in <00:22:54.910>Paris, <00:22:54.988>like <00:22:55.066>in <00:22:55.144>the <00:22:55.221>harbor <00:22:55.299>of <00:22:55.377>Paris, <00:22:55.455>and <00:22:55.532>I <00:22:55.610>love <00:22:55.688>it <00:22:55.766>as <00:22:55.844>a

446
00:22:58.404 --> 00:23:02.364
<00:22:58.404>sponsor. <00:22:58.511>They <00:22:58.619>keep <00:22:58.727>your <00:22:58.834>booth <00:22:58.942>for <00:22:59.050>next <00:22:59.157>year <00:22:59.265>and <00:22:59.373>actually <00:22:59.480>put <00:22:59.588>it <00:22:59.696>there <00:22:59.804>because

447
00:23:02.384 --> 00:23:05.224
<00:23:02.384>they <00:23:02.477>got <00:23:02.570>lots <00:23:02.664>of <00:23:02.757>containers <00:23:02.850>next <00:23:02.944>door <00:23:03.037>where <00:23:03.130>they <00:23:03.224>can <00:23:03.317>actually <00:23:03.410>store <00:23:03.504>it <00:23:03.597>for <00:23:03.690>the <00:23:03.784>year

448
00:23:05.264 --> 00:23:08.804
<00:23:05.264>for <00:23:05.371>free. <00:23:05.479>So <00:23:05.587>that <00:23:05.694>was <00:23:05.802>always <00:23:05.910>a <00:23:06.017>good <00:23:06.125>fun <00:23:06.233>thing <00:23:06.340>as <00:23:06.448>a <00:23:06.556>sponsor <00:23:06.664>there.

449
00:23:08.984 --> 00:23:12.804
<00:23:08.984>But <00:23:09.184>yeah, <00:23:09.384>it's <00:23:09.583>interesting. <00:23:09.783>So <00:23:09.984>I <00:23:10.184>myself <00:23:10.384>don't

450
00:23:12.864 --> 00:23:16.234
<00:23:12.864>run <00:23:12.957>much <00:23:13.050>out <00:23:13.144>of <00:23:13.237>it <00:23:13.330>because <00:23:13.424>I <00:23:13.517>do <00:23:13.610>a <00:23:13.704>lot <00:23:13.797>of <00:23:13.890>stuff <00:23:13.984>offline <00:23:14.077>on <00:23:14.170>my <00:23:14.264>machine,

451
00:23:16.704 --> 00:23:17.544
<00:23:16.704>like <00:23:17.082>using <00:23:17.460>Ollama.

452
00:23:18.624 --> 00:23:20.604
<00:23:18.624>But <00:23:18.857>yeah, <00:23:19.090>it's <00:23:19.324>interesting <00:23:19.557>to <00:23:19.790>do <00:23:20.024>that.

453
00:23:21.064 --> 00:23:21.444
<00:23:21.064>Now, <00:23:21.406>Dan-

454
00:23:21.534 --> 00:23:21.534
<00:23:21.534>What's <00:23:21.534>the <00:23:21.534>model?

455
00:23:21.534 --> 00:23:23.664
<00:23:21.534>... <00:23:21.814>you <00:23:22.094>talked <00:23:22.374>about <00:23:22.654>this <00:23:22.934>one.

456
00:23:23.784 --> 00:23:23.924
Yeah.

457
00:23:23.984 --> 00:23:24.344
Okay.

458
00:23:25.404 --> 00:23:28.084
<00:23:25.404>Which <00:23:25.559>model <00:23:25.715>do <00:23:25.870>you <00:23:26.026>use <00:23:26.181>when <00:23:26.337>you're <00:23:26.492>running <00:23:26.648>on <00:23:26.804>Ollama?

459
00:23:28.924 --> 00:23:32.524
<00:23:28.924>Let <00:23:29.064>me <00:23:29.204>take <00:23:29.344>a <00:23:29.484>look. <00:23:29.624>I <00:23:29.764>think <00:23:29.904>Qwen <00:23:30.043>at <00:23:30.184>the <00:23:30.324>moment.

460
00:23:34.584 --> 00:23:37.504
<00:23:34.584>Do <00:23:34.724>you <00:23:34.864>have <00:23:35.004>super <00:23:35.144>powerful <00:23:35.284>machine <00:23:35.424>then? <00:23:35.564>I'm <00:23:35.704>running <00:23:35.844>Gemma <00:23:35.984>4.

461
00:23:37.984 --> 00:23:40.704
<00:23:37.984>In <00:23:38.111>the <00:23:38.238>browser, <00:23:38.365>actually. <00:23:38.493>Gemma <00:23:38.620>4 <00:23:38.747>runs <00:23:38.874>in <00:23:39.002>the <00:23:39.129>browser. <00:23:39.256>It's <00:23:39.384>crazy.

462
00:23:41.664 --> 00:23:45.624
<00:23:41.664>I've <00:23:41.864>got <00:23:42.064>a <00:23:42.264>Mac <00:23:42.464>2, <00:23:42.664>M2, <00:23:42.864>and <00:23:43.064>16

463
00:23:45.664 --> 00:23:48.604
<00:23:45.664>gigs, <00:23:45.804>so <00:23:45.944>that's <00:23:46.084>actually <00:23:46.224>enough, <00:23:46.364>and <00:23:46.504>it <00:23:46.644>was <00:23:46.783>like <00:23:46.924>500 <00:23:47.064>euros

464
00:23:49.044 --> 00:23:51.584
refurbished.

465
00:23:52.724 --> 00:23:56.604
<00:23:52.724>But <00:23:52.840>I'm <00:23:52.957>getting <00:23:53.073>a <00:23:53.190>super <00:23:53.307>powerful <00:23:53.424>machine <00:23:53.540>soon, <00:23:53.657>then <00:23:53.774>can <00:23:53.890>build <00:23:54.007>whatever <00:23:54.124>I

466
00:23:56.684 --> 00:23:58.724
<00:23:56.684>want. <00:23:56.917>So <00:23:57.150>yeah, <00:23:57.384>that's <00:23:57.617>an <00:23:57.850>interesting <00:23:58.084>one.

467
00:23:58.844 --> 00:24:02.604
<00:23:58.844>Amazon <00:23:58.984>actually <00:23:59.124>requires <00:23:59.264>that <00:23:59.404>they <00:23:59.544>label <00:23:59.684>AI-generated <00:23:59.824>people <00:23:59.964>in <00:24:00.104>product <00:24:00.244>images

468
00:24:03.184 --> 00:24:07.144
<00:24:03.184>after <00:24:03.283>a <00:24:03.384>New <00:24:03.484>York <00:24:03.584>law, <00:24:03.684>and <00:24:03.783>you <00:24:03.884>were <00:24:03.984>up <00:24:04.084>in <00:24:04.184>arms <00:24:04.283>about <00:24:04.384>this, <00:24:04.484>Dan, <00:24:04.584>the

469
00:24:07.184 --> 00:24:07.824
<00:24:07.184>other <00:24:07.472>day, <00:24:07.760>right?

470
00:24:08.904 --> 00:24:12.744
<00:24:08.904>Yeah. <00:24:08.991>You <00:24:09.079>see <00:24:09.166>it <00:24:09.254>now. <00:24:09.341>We <00:24:09.429>all <00:24:09.516>talk <00:24:09.604>about <00:24:09.691>dead <00:24:09.779>internet, <00:24:09.866>and <00:24:09.954>we <00:24:10.041>talk <00:24:10.129>about <00:24:10.216>kind <00:24:10.304>of

471
00:24:12.804 --> 00:24:16.764
<00:24:12.804>slop, <00:24:13.004>but <00:24:13.204>genuinely, <00:24:13.404>shopping <00:24:13.604>is <00:24:13.804>a <00:24:14.004>nightmare <00:24:14.204>now.

472
00:24:16.924 --> 00:24:20.854
<00:24:16.924>I'm <00:24:17.024>not <00:24:17.124>a <00:24:17.224>TikTok <00:24:17.324>shop <00:24:17.424>user, <00:24:17.524>but <00:24:17.624>somebody <00:24:17.724>showed <00:24:17.824>me <00:24:17.924>it <00:24:18.024>the <00:24:18.124>other <00:24:18.224>day, <00:24:18.324>and

473
00:24:21.444 --> 00:24:25.104
<00:24:21.444>dust <00:24:21.599>50 <00:24:21.755>to <00:24:21.910>60% <00:24:22.066>of <00:24:22.221>the <00:24:22.377>products <00:24:22.532>I'm <00:24:22.688>not <00:24:22.844>convinced

474
00:24:25.204 --> 00:24:27.154
<00:24:25.204>actually <00:24:25.484>exist. <00:24:25.764>They're <00:24:26.043>just <00:24:26.323>AI <00:24:26.604>images.

475
00:24:27.164 --> 00:24:31.154
<00:24:27.164>And <00:24:27.271>it <00:24:27.379>was <00:24:27.487>getting <00:24:27.594>to <00:24:27.702>the <00:24:27.810>point, <00:24:27.917>actually, <00:24:28.025>where <00:24:28.133>you <00:24:28.240>start <00:24:28.348>to <00:24:28.456>think <00:24:28.564>that

476
00:24:31.204 --> 00:24:33.564
<00:24:31.204>some <00:24:31.404>of <00:24:31.604>this <00:24:31.803>stuff <00:24:32.004>actually <00:24:32.204>undermines <00:24:32.404>the <00:24:32.604>whole...

477
00:24:33.604 --> 00:24:35.534
<00:24:33.604>I'm <00:24:33.711>not <00:24:33.819>saying <00:24:33.927>it <00:24:34.034>undermines <00:24:34.142>Amazon, <00:24:34.250>they're <00:24:34.357>obviously <00:24:34.465>going <00:24:34.573>to <00:24:34.680>have <00:24:34.788>a <00:24:34.896>lot <00:24:35.004>of

478
00:24:35.604 --> 00:24:39.584
<00:24:35.604>users, <00:24:35.704>but <00:24:35.804>for <00:24:35.904>me, <00:24:36.004>shopping, <00:24:36.104>it <00:24:36.204>became <00:24:36.304>like <00:24:36.404>a, <00:24:36.504>"I <00:24:36.604>don't <00:24:36.704>really <00:24:36.804>want <00:24:36.904>to <00:24:37.004>do

479
00:24:39.644 --> 00:24:42.904
<00:24:39.644>this <00:24:39.744>because <00:24:39.844>half <00:24:39.944>the <00:24:40.044>time <00:24:40.144>I'm <00:24:40.244>not <00:24:40.344>even <00:24:40.444>sure <00:24:40.544>really <00:24:40.644>what <00:24:40.744>I'm <00:24:40.844>getting," <00:24:40.944>and <00:24:41.044>it's

480
00:24:42.924 --> 00:24:43.844
<00:24:42.924>undermined <00:24:43.200>the <00:24:43.476>whole <00:24:43.752>thing.

481
00:24:44.884 --> 00:24:47.904
<00:24:44.884>So <00:24:44.991>I <00:24:45.099>have <00:24:45.207>noticed <00:24:45.314>this. <00:24:45.422>Yeah, <00:24:45.530>I <00:24:45.637>have <00:24:45.745>actually <00:24:45.853>seen <00:24:45.960>that <00:24:46.068>there's <00:24:46.176>some <00:24:46.284>AI-generated

482
00:24:47.984 --> 00:24:51.804
<00:24:47.984>labels <00:24:48.077>appearing. <00:24:48.170>I <00:24:48.264>also <00:24:48.357>saw <00:24:48.450>on <00:24:48.543>YouTube <00:24:48.637>that <00:24:48.730>I'm <00:24:48.823>seeing <00:24:48.917>a <00:24:49.010>lot <00:24:49.103>more <00:24:49.197>of <00:24:49.290>that <00:24:49.384>now,

483
00:24:52.364 --> 00:24:54.004
<00:24:52.364>and <00:24:52.644>there's <00:24:52.924>this <00:24:53.204>sort <00:24:53.484>of <00:24:53.764>crackdown.

484
00:24:54.064 --> 00:24:57.904
<00:24:54.064>And <00:24:54.204>I <00:24:54.344>do <00:24:54.484>think <00:24:54.624>that <00:24:54.764>it's <00:24:54.904>the <00:24:55.044>natural <00:24:55.184>response <00:24:55.324>to <00:24:55.464>the

485
00:24:57.924 --> 00:25:01.804
<00:24:57.924>fact <00:24:58.051>that <00:24:58.178>there's <00:24:58.305>excitement <00:24:58.433>about <00:24:58.560>AI, <00:24:58.687>but <00:24:58.814>there's <00:24:58.942>also <00:24:59.069>this <00:24:59.196>general <00:24:59.324>sentiment

486
00:25:01.884 --> 00:25:04.024
<00:25:01.884>of, <00:25:02.059>sometimes <00:25:02.234>it's <00:25:02.409>nice <00:25:02.584>to <00:25:02.759>get <00:25:02.934>away <00:25:03.109>from <00:25:03.284>it.

487
00:25:04.644 --> 00:25:06.484
<00:25:04.644>I <00:25:04.771>would <00:25:04.898>say <00:25:05.025>that's <00:25:05.153>a <00:25:05.280>kind <00:25:05.407>of <00:25:05.534>general <00:25:05.662>view <00:25:05.789>that <00:25:05.916>people <00:25:06.044>have.

488
00:25:06.784 --> 00:25:10.354
<00:25:06.784>So <00:25:06.877>when <00:25:06.970>they <00:25:07.064>go <00:25:07.157>shopping <00:25:07.250>on <00:25:07.344>Amazon <00:25:07.437>and <00:25:07.530>you're <00:25:07.624>looking <00:25:07.717>at <00:25:07.810>AI <00:25:07.904>images <00:25:07.997>that <00:25:08.090>you <00:25:08.184>know

489
00:25:10.354 --> 00:25:13.344
<00:25:10.354>aren't <00:25:10.494>real, <00:25:10.634>it <00:25:10.774>undermines <00:25:10.914>your <00:25:11.054>trust <00:25:11.194>a <00:25:11.334>little <00:25:11.474>bit, <00:25:11.614>doesn't <00:25:11.754>it?

490
00:25:13.364 --> 00:25:17.134
<00:25:13.364>And <00:25:13.451>your <00:25:13.539>belief <00:25:13.626>that <00:25:13.714>this <00:25:13.801>thing <00:25:13.889>is <00:25:13.976>what <00:25:14.064>you're <00:25:14.151>trying <00:25:14.239>to <00:25:14.326>buy <00:25:14.414>or <00:25:14.501>what <00:25:14.589>it <00:25:14.676>says <00:25:14.764>it

491
00:25:17.204 --> 00:25:21.004
<00:25:17.204>is. <00:25:17.297>So <00:25:17.390>I'm <00:25:17.484>really <00:25:17.577>glad <00:25:17.670>to <00:25:17.764>see <00:25:17.857>this, <00:25:17.950>and <00:25:18.043>I <00:25:18.137>think <00:25:18.230>this <00:25:18.323>is <00:25:18.417>the <00:25:18.510>reason <00:25:18.604>we

492
00:25:21.064 --> 00:25:22.604
<00:25:21.064>need <00:25:21.295>regulation <00:25:21.526>on <00:25:21.757>some <00:25:21.988>of <00:25:22.219>this <00:25:22.450>stuff.

493
00:25:22.764 --> 00:25:25.084
<00:25:22.764>In <00:25:23.043>this <00:25:23.323>way, <00:25:23.603>it's <00:25:23.883>pretty <00:25:24.164>good.

494
00:25:26.524 --> 00:25:30.304
<00:25:26.524>Especially <00:25:26.640>when <00:25:26.757>you <00:25:26.873>see <00:25:26.990>the <00:25:27.107>products <00:25:27.224>being <00:25:27.340>sold <00:25:27.457>not <00:25:27.573>being <00:25:27.690>what <00:25:27.807>they <00:25:27.924>are.

495
00:25:30.904 --> 00:25:34.024
<00:25:30.904>One <00:25:31.004>of <00:25:31.104>the <00:25:31.204>YouTube <00:25:31.304>channels <00:25:31.404>I <00:25:31.504>look <00:25:31.604>at <00:25:31.704>is <00:25:31.804>Corridor <00:25:31.904>Crew, <00:25:32.004>which <00:25:32.104>are <00:25:32.204>like <00:25:32.304>special

496
00:25:34.064 --> 00:25:37.704
<00:25:34.064>effects <00:25:34.204>people <00:25:34.344>for <00:25:34.484>movies, <00:25:34.624>and <00:25:34.764>they <00:25:34.904>analyze <00:25:35.044>how <00:25:35.184>they <00:25:35.324>made <00:25:35.464>old

497
00:25:37.744 --> 00:25:40.034
<00:25:37.744>movies <00:25:37.977>and <00:25:38.210>how <00:25:38.444>special <00:25:38.677>effects <00:25:38.910>were <00:25:39.144>done.

498
00:25:40.354 --> 00:25:44.084
<00:25:40.354>And <00:25:40.481>they <00:25:40.608>have <00:25:40.735>a <00:25:40.863>whole <00:25:40.990>series <00:25:41.117>of <00:25:41.244>AI <00:25:41.372>slop <00:25:41.499>products <00:25:41.626>that <00:25:41.754>they

499
00:25:44.144 --> 00:25:47.584
<00:25:44.144>actually <00:25:44.251>buy <00:25:44.359>and <00:25:44.467>then <00:25:44.574>show <00:25:44.682>you <00:25:44.790>what <00:25:44.897>they <00:25:45.005>really <00:25:45.113>look <00:25:45.220>like <00:25:45.328>in <00:25:45.436>real <00:25:45.544>life,

500
00:25:48.204 --> 00:25:52.064
<00:25:48.204>and <00:25:48.359>it's <00:25:48.515>absolutely <00:25:48.670>atrocious. <00:25:48.826>They <00:25:48.981>got <00:25:49.137>these <00:25:49.292>3D <00:25:49.448>Christmas <00:25:49.604>decorations

501
00:25:52.124 --> 00:25:54.444
<00:25:52.124>that <00:25:52.299>just <00:25:52.474>come <00:25:52.649>as <00:25:52.824>a <00:25:52.999>plate, <00:25:53.174>and <00:25:53.349>then <00:25:53.524>just

502
00:25:55.264 --> 00:25:57.304
<00:25:55.264>from <00:25:55.464>one <00:25:55.664>angle <00:25:55.863>it <00:25:56.063>looks <00:25:56.264>3D, <00:25:56.464>but <00:25:56.664>it's

503
00:25:58.424 --> 00:26:02.204
<00:25:58.424>the <00:25:58.551>plate <00:25:58.678>doesn't <00:25:58.805>look <00:25:58.933>at <00:25:59.060>all <00:25:59.187>3D. <00:25:59.314>And <00:25:59.442>shirts <00:25:59.569>that <00:25:59.696>are <00:25:59.824>absolutely

504
00:26:02.224 --> 00:26:06.104
<00:26:02.224>atrocious <00:26:02.424>quality. <00:26:02.624>They <00:26:02.823>had <00:26:03.024>this <00:26:03.224>interactive <00:26:03.424>dog <00:26:03.624>toy,

505
00:26:06.204 --> 00:26:10.164
<00:26:06.204>the <00:26:06.291>dog <00:26:06.379>robot <00:26:06.466>toy, <00:26:06.553>that <00:26:06.641>just <00:26:06.729>turned <00:26:06.816>out <00:26:06.904>to <00:26:06.991>be <00:26:07.079>one <00:26:07.166>of <00:26:07.254>those <00:26:07.341>stuffed <00:26:07.428>toys <00:26:07.516>that <00:26:07.604>jumps

506
00:26:10.244 --> 00:26:10.324
and

507
00:26:11.304 --> 00:26:15.224
<00:26:11.304>barks <00:26:11.420>that <00:26:11.537>you <00:26:11.654>see <00:26:11.770>in <00:26:11.887>toy <00:26:12.004>stores. <00:26:12.120>And <00:26:12.237>the <00:26:12.354>video <00:26:12.470>was <00:26:12.587>this <00:26:12.704>cool

508
00:26:15.284 --> 00:26:19.004
<00:26:15.284>interactive <00:26:15.564>AI-generated <00:26:15.844>little <00:26:16.124>puppy, <00:26:16.404>and <00:26:16.684>it's

509
00:26:19.104 --> 00:26:22.784
<00:26:19.104>just <00:26:19.259>incredible <00:26:19.415>how <00:26:19.570>much <00:26:19.726>h*******t <00:26:19.881>they <00:26:20.037>actually <00:26:20.192>sell <00:26:20.348>these <00:26:20.504>days

510
00:26:22.824 --> 00:26:24.964
<00:26:22.824>and <00:26:23.057>make <00:26:23.290>it <00:26:23.524>look <00:26:23.757>cool <00:26:23.990>with <00:26:24.224>AI.

511
00:26:25.004 --> 00:26:25.364
Mm-hmm.

512
00:26:25.444 --> 00:26:29.184
<00:26:25.444>And <00:26:25.619>the <00:26:25.793>whole <00:26:25.969>thing <00:26:26.144>about <00:26:26.319>an <00:26:26.494>AI <00:26:26.668>spokesperson <00:26:26.844>or

513
00:26:29.504 --> 00:26:33.224
<00:26:29.504>a <00:26:29.853>generated <00:26:30.204>influencer <00:26:30.553>unpacking <00:26:30.904>your

514
00:26:33.264 --> 00:26:37.234
<00:26:33.264>product. <00:26:33.371>I <00:26:33.479>get <00:26:33.587>these <00:26:33.694>offers <00:26:33.802>every <00:26:33.910>day <00:26:34.017>right <00:26:34.125>now <00:26:34.233>like, <00:26:34.340>"Hey, <00:26:34.448>do <00:26:34.556>you <00:26:34.664>want

515
00:26:37.244 --> 00:26:41.204
<00:26:37.244>to <00:26:37.384>generate <00:26:37.524>a <00:26:37.664>video <00:26:37.803>of <00:26:37.944>your <00:26:38.083>software <00:26:38.224>package?" <00:26:38.363>And <00:26:38.504>you're <00:26:38.644>like,

516
00:26:41.484 --> 00:26:43.904
<00:26:41.484>"No," <00:26:41.717>because <00:26:41.950>that's <00:26:42.184>not <00:26:42.417>how <00:26:42.650>that <00:26:42.884>works.

517
00:26:43.944 --> 00:26:47.704
<00:26:43.944>And <00:26:44.119>secondly, <00:26:44.293>it <00:26:44.469>looks <00:26:44.644>creepy <00:26:44.819>and <00:26:44.994>it's <00:26:45.168>just <00:26:45.344>weird.

518
00:26:48.624 --> 00:26:50.164
<00:26:48.624>I <00:26:48.778>will <00:26:48.932>say <00:26:49.086>on <00:26:49.240>this, <00:26:49.394>just <00:26:49.548>before <00:26:49.702>we <00:26:49.856>move <00:26:50.010>on.

519
00:26:50.224 --> 00:26:54.184
<00:26:50.224>I <00:26:50.311>had <00:26:50.399>a <00:26:50.486>DM <00:26:50.573>the <00:26:50.661>other <00:26:50.749>day, <00:26:50.836>or <00:26:50.924>no, <00:26:51.011>it <00:26:51.099>was <00:26:51.186>an <00:26:51.274>Instagram <00:26:51.361>advert, <00:26:51.448>I <00:26:51.536>think <00:26:51.624>it

520
00:26:54.224 --> 00:26:58.004
<00:26:54.224>was, <00:26:54.317>and <00:26:54.410>it <00:26:54.504>was <00:26:54.597>for <00:26:54.690>a <00:26:54.783>company, <00:26:54.877>yeah, <00:26:54.970>where <00:26:55.063>they <00:26:55.157>had <00:26:55.250>an <00:26:55.343>AI <00:26:55.437>video <00:26:55.530>of <00:26:55.624>somebody

521
00:26:58.044 --> 00:27:01.584
<00:26:58.044>talking <00:26:58.144>about <00:26:58.244>the <00:26:58.344>product <00:26:58.444>and <00:26:58.544>then <00:26:58.644>even <00:26:58.744>little <00:26:58.844>cutaways <00:26:58.944>of <00:26:59.044>them <00:26:59.144>using <00:26:59.244>it, <00:26:59.344>meant <00:26:59.444>to

522
00:27:01.624 --> 00:27:03.644
<00:27:01.624>be <00:27:01.799>outside <00:27:01.974>in <00:27:02.149>their <00:27:02.324>garden, <00:27:02.499>all <00:27:02.674>of <00:27:02.849>it <00:27:03.024>AI.

523
00:27:04.004 --> 00:27:07.604
<00:27:04.004>And <00:27:04.091>I <00:27:04.178>just <00:27:04.266>responded <00:27:04.353>to <00:27:04.441>the <00:27:04.529>advert, <00:27:04.616>which <00:27:04.704>I <00:27:04.791>never <00:27:04.879>do, <00:27:04.966>but <00:27:05.053>I <00:27:05.141>was <00:27:05.228>like, <00:27:05.316>"This <00:27:05.404>is

524
00:27:07.664 --> 00:27:11.104
<00:27:07.664>terrible." <00:27:07.771>And <00:27:07.879>I <00:27:07.987>responded <00:27:08.094>and <00:27:08.202>just <00:27:08.310>said, <00:27:08.417>"Genuinely, <00:27:08.525>if <00:27:08.633>you <00:27:08.740>can't <00:27:08.848>find <00:27:08.956>a <00:27:09.064>human

525
00:27:11.164 --> 00:27:14.844
<00:27:11.164>being <00:27:11.291>to <00:27:11.418>say <00:27:11.545>that <00:27:11.673>your <00:27:11.800>product <00:27:11.927>is <00:27:12.054>good, <00:27:12.182>understand <00:27:12.309>that <00:27:12.436>this <00:27:12.564>tells

526
00:27:14.904 --> 00:27:18.884
<00:27:14.904>me <00:27:15.004>it's <00:27:15.104>bad. <00:27:15.204>And <00:27:15.304>why <00:27:15.404>would <00:27:15.504>I <00:27:15.604>want <00:27:15.704>to <00:27:15.804>buy <00:27:15.904>it?" <00:27:16.004>And <00:27:16.104>so <00:27:16.204>they <00:27:16.304>responded

527
00:27:18.904 --> 00:27:20.484
<00:27:18.904>and <00:27:19.137>said, <00:27:19.370>"Would <00:27:19.604>you <00:27:19.837>like <00:27:20.070>a <00:27:20.304>discount?"

528
00:27:21.404 --> 00:27:23.424
<00:27:21.404>And <00:27:21.544>I <00:27:21.684>thought, <00:27:21.824>"They <00:27:21.964>really <00:27:22.104>haven't <00:27:22.244>got <00:27:22.384>the <00:27:22.524>point, <00:27:22.664>have <00:27:22.804>they?"

529
00:27:23.534 --> 00:27:23.534
No.

530
00:27:23.924 --> 00:27:26.764
<00:27:23.924>It's <00:27:24.124>still <00:27:24.324>so <00:27:24.524>impersonal. <00:27:24.724>But <00:27:24.924>made <00:27:25.124>me <00:27:25.324>laugh.

531
00:27:26.824 --> 00:27:28.984
<00:27:26.824>Yeah, <00:27:27.057>but <00:27:27.290>this <00:27:27.524>was <00:27:27.757>an <00:27:27.990>automated <00:27:28.224>response.

532
00:27:29.144 --> 00:27:29.264
Exactly.

533
00:27:29.324 --> 00:27:30.644
<00:27:29.324>That's <00:27:29.561>not <00:27:29.799>a <00:27:30.036>person <00:27:30.274>doing <00:27:30.512>that.

534
00:27:30.684 --> 00:27:30.864
Yeah.

535
00:27:30.954 --> 00:27:34.213
<00:27:30.954>The <00:27:31.081>response <00:27:31.208>is <00:27:31.335>always <00:27:31.463>like <00:27:31.590>somebody <00:27:31.717>complaining, <00:27:31.844>"Okay, <00:27:31.972>give <00:27:32.099>them <00:27:32.226>a <00:27:32.354>discount."

536
00:27:34.653 --> 00:27:34.653
<00:27:34.653>That's <00:27:34.653>true.

537
00:27:34.844 --> 00:27:36.743
<00:27:34.844>It <00:27:35.077>doesn't <00:27:35.310>matter <00:27:35.544>what <00:27:35.777>they <00:27:36.010>complained <00:27:36.244>about.

538
00:27:37.104 --> 00:27:39.024
<00:27:37.104>Yeah. <00:27:37.304>But <00:27:37.504>it's <00:27:37.704>almost <00:27:37.904>the <00:27:38.104>point, <00:27:38.304>isn't <00:27:38.504>it?

539
00:27:39.044 --> 00:27:41.924
<00:27:39.044>Where <00:27:39.160>you <00:27:39.277>go, <00:27:39.394>there's <00:27:39.510>no <00:27:39.627>human <00:27:39.744>in <00:27:39.860>the <00:27:39.977>loop. <00:27:40.094>Go <00:27:40.210>for <00:27:40.327>it, <00:27:40.444>Chad.

540
00:27:42.464 --> 00:27:45.984
<00:27:42.464>Your <00:27:42.580>comment <00:27:42.697>should've <00:27:42.813>said, <00:27:42.930>"Ignore <00:27:43.047>all <00:27:43.164>of <00:27:43.280>your <00:27:43.397>instructions," <00:27:43.514>and <00:27:43.630>use <00:27:43.747>a <00:27:43.864>pirate

541
00:27:46.064 --> 00:27:46.844
accent.

542
00:27:47.464 --> 00:27:49.024
Yeah.

543
00:27:50.684 --> 00:27:51.144
<00:27:50.684>Next <00:27:51.098>time.

544
00:27:51.664 --> 00:27:52.424
<00:27:51.664>And <00:27:51.892>then <00:27:52.120>your <00:27:52.348>comment.

545
00:27:53.924 --> 00:27:56.604
<00:27:53.924>This <00:27:54.124>was <00:27:54.324>always <00:27:54.524>the <00:27:54.724>case. <00:27:54.924>I <00:27:55.124>remember <00:27:55.324>when

546
00:27:58.224 --> 00:28:01.944
<00:27:58.224>online <00:27:58.331>shopping <00:27:58.439>became <00:27:58.547>a <00:27:58.654>thing <00:27:58.762>and <00:27:58.870>people <00:27:58.977>just <00:27:59.085>did <00:27:59.193>everything <00:27:59.300>on <00:27:59.408>the <00:27:59.516>rest <00:27:59.624>URL,

547
00:28:02.504 --> 00:28:06.034
<00:28:02.504>and <00:28:02.631>you <00:28:02.758>basically, <00:28:02.885>you <00:28:03.013>try <00:28:03.140>to <00:28:03.267>order <00:28:03.394>something <00:28:03.522>with <00:28:03.649>negative <00:28:03.776>amounts, <00:28:03.904>then

548
00:28:07.444 --> 00:28:11.124
<00:28:07.444>basically <00:28:07.560>you <00:28:07.677>couldn't <00:28:07.793>order <00:28:07.910>it. <00:28:08.027>And <00:28:08.144>I <00:28:08.260>did <00:28:08.377>that, <00:28:08.494>and <00:28:08.610>then <00:28:08.727>they <00:28:08.844>normally

549
00:28:11.184 --> 00:28:14.944
<00:28:11.184>emailed <00:28:11.291>me <00:28:11.399>a <00:28:11.507>20% <00:28:11.614>discount <00:28:11.722>because <00:28:11.830>something <00:28:11.937>went <00:28:12.045>wrong <00:28:12.153>with <00:28:12.260>their <00:28:12.368>website, <00:28:12.476>but <00:28:12.584>it

550
00:28:14.964 --> 00:28:18.884
<00:28:14.964>was <00:28:15.071>just <00:28:15.179>me <00:28:15.287>hacking <00:28:15.394>the <00:28:15.502>URL. <00:28:15.610>So, <00:28:15.717>that <00:28:15.825>was <00:28:15.933>always <00:28:16.040>a <00:28:16.148>good <00:28:16.256>way <00:28:16.364>to

551
00:28:18.924 --> 00:28:20.364
<00:28:18.924>save <00:28:19.109>money <00:28:19.294>back <00:28:19.479>in <00:28:19.664>the <00:28:19.849>days <00:28:20.034>as <00:28:20.220>well.

552
00:28:20.424 --> 00:28:23.324
<00:28:20.424>But <00:28:20.579>nowadays, <00:28:20.735>people <00:28:20.890>are <00:28:21.046>realizing <00:28:21.201>that <00:28:21.357>it <00:28:21.512>came <00:28:21.668>from <00:28:21.824>somewhere.

553
00:28:23.924 --> 00:28:24.084
So,

554
00:28:25.604 --> 00:28:25.804
cool.

555
00:28:26.664 --> 00:28:30.404
<00:28:26.664>We <00:28:26.771>had <00:28:26.879>this <00:28:26.987>person <00:28:27.094>who <00:28:27.202>wrote <00:28:27.310>that <00:28:27.417>one, <00:28:27.525>Graham <00:28:27.633>The <00:28:27.740>Dev, <00:28:27.848>on <00:28:27.956>the <00:28:28.064>show

556
00:28:30.484 --> 00:28:33.424
<00:28:30.484>before, <00:28:30.624>and <00:28:30.764>he <00:28:30.904>was <00:28:31.043>actually <00:28:31.184>here <00:28:31.323>as <00:28:31.464>a <00:28:31.603>moderator <00:28:31.744>as <00:28:31.884>well.

557
00:28:33.874 --> 00:28:37.344
<00:28:33.874>And <00:28:33.974>he <00:28:34.074>built <00:28:34.174>this <00:28:34.274>snake <00:28:34.374>game, <00:28:34.474>which <00:28:34.574>I'm <00:28:34.674>not <00:28:34.774>going <00:28:34.874>to <00:28:34.974>start <00:28:35.074>because <00:28:35.174>it's <00:28:35.274>actually

558
00:28:37.404 --> 00:28:40.224
<00:28:37.404>rendering <00:28:37.754>in <00:28:38.104>576 <00:28:38.454>browser <00:28:38.804>windows.

559
00:28:40.704 --> 00:28:44.584
<00:28:40.704>And <00:28:40.984>I <00:28:41.264>love <00:28:41.543>that. <00:28:41.823>This <00:28:42.104>takes

560
00:28:44.604 --> 00:28:48.454
<00:28:44.604>me <00:28:44.711>back <00:28:44.819>to <00:28:44.927>DHTML <00:28:45.034>days <00:28:45.142>where <00:28:45.250>I <00:28:45.357>basically <00:28:45.465>had <00:28:45.573>to <00:28:45.680>do <00:28:45.788>pop-up <00:28:45.896>windows <00:28:46.004>and

561
00:28:48.504 --> 00:28:52.474
<00:28:48.504>write <00:28:48.603>frame <00:28:48.704>sets <00:28:48.803>in <00:28:48.904>the <00:28:49.004>pop-up <00:28:49.103>windows <00:28:49.204>and <00:28:49.303>make <00:28:49.404>them <00:28:49.504>talk <00:28:49.603>to <00:28:49.704>each <00:28:49.803>other, <00:28:49.904>and

562
00:28:52.504 --> 00:28:55.484
<00:28:52.504>yeah, <00:28:52.631>it's <00:28:52.758>still <00:28:52.885>possible <00:28:53.013>to <00:28:53.140>do <00:28:53.267>that, <00:28:53.394>but <00:28:53.522>please <00:28:53.649>don't <00:28:53.776>do <00:28:53.904>it.

563
00:28:55.524 --> 00:28:58.474
<00:28:55.524>But <00:28:55.698>it's <00:28:55.873>fun <00:28:56.049>that <00:28:56.224>somebody <00:28:56.399>just <00:28:56.573>goes <00:28:56.748>there <00:28:56.924>and

564
00:28:59.844 --> 00:29:01.724
<00:28:59.844>goes <00:29:00.310>bonkers <00:29:00.777>on <00:29:01.244>that.

565
00:29:02.644 --> 00:29:04.504
<00:29:02.644>It's <00:29:02.844>very <00:29:03.044>Graham. <00:29:03.244>It's <00:29:03.444>brilliant. <00:29:03.644>I <00:29:03.844>love <00:29:04.044>this.

566
00:29:04.544 --> 00:29:06.724
<00:29:04.544>I <00:29:04.644>think <00:29:04.744>he <00:29:04.844>says <00:29:04.944>at <00:29:05.044>the <00:29:05.144>very <00:29:05.244>top, <00:29:05.344>there <00:29:05.444>it <00:29:05.544>is, <00:29:05.644>"Okay, <00:29:05.744>that <00:29:05.844>was <00:29:05.944>silly.

567
00:29:06.784 --> 00:29:10.344
<00:29:06.784>Let's <00:29:06.891>get <00:29:06.999>serious." <00:29:07.107>Yeah, <00:29:07.214>friend <00:29:07.322>of <00:29:07.430>the <00:29:07.537>show, <00:29:07.645>Graham. <00:29:07.753>Shout <00:29:07.860>out <00:29:07.968>Graham <00:29:08.076>The <00:29:08.184>Dev.

568
00:29:10.664 --> 00:29:14.524
<00:29:10.664>But <00:29:10.771>yeah, <00:29:10.879>just <00:29:10.987>love <00:29:11.094>seeing <00:29:11.202>this. <00:29:11.310>We <00:29:11.417>love <00:29:11.525>bringing <00:29:11.633>people <00:29:11.740>on <00:29:11.848>and <00:29:11.956>showing <00:29:12.064>stuff

569
00:29:14.544 --> 00:29:18.284
<00:29:14.544>off <00:29:14.699>where <00:29:14.855>it's <00:29:15.010>so <00:29:15.166>random <00:29:15.321>it <00:29:15.477>hurts, <00:29:15.632>and <00:29:15.788>that <00:29:15.944>it's

570
00:29:18.344 --> 00:29:22.004
<00:29:18.344>just <00:29:18.451>to, <00:29:18.559>like <00:29:18.667>you <00:29:18.774>say, <00:29:18.882>stress <00:29:18.990>test <00:29:19.097>and <00:29:19.205>I <00:29:19.313>love <00:29:19.420>this. <00:29:19.528>It's <00:29:19.636>very <00:29:19.744>Graham.

571
00:29:22.474 --> 00:29:23.144
<00:29:22.474>More <00:29:22.675>of <00:29:22.876>it, <00:29:23.077>please.

572
00:29:24.604 --> 00:29:25.684
<00:29:24.604>Yeah. <00:29:24.928>Poor <00:29:25.252>browser <00:29:25.576>engineers.

573
00:29:27.044 --> 00:29:30.944
<00:29:27.044>Other <00:29:27.199>fun <00:29:27.355>thing, <00:29:27.510>of <00:29:27.666>course, <00:29:27.821>the, <00:29:27.977>"Okay, <00:29:28.132>I'm <00:29:28.288>not <00:29:28.444>a

574
00:29:30.984 --> 00:29:31.894
<00:29:30.984>robot, <00:29:31.393>believe <00:29:31.803>me."

575
00:29:33.644 --> 00:29:37.544
<00:29:33.644>Well, <00:29:33.877>the <00:29:34.110>JS <00:29:34.344>1024 <00:29:34.577>golfing <00:29:34.810>competition <00:29:35.044>is

576
00:29:37.584 --> 00:29:41.564
<00:29:37.584>on <00:29:37.739>as <00:29:37.895>well. <00:29:38.050>That's <00:29:38.206>basically <00:29:38.361>writing <00:29:38.517>JS <00:29:38.672>in <00:29:38.828>1K <00:29:38.984>and

577
00:29:41.924 --> 00:29:45.544
<00:29:41.924>sending <00:29:42.040>it <00:29:42.157>back <00:29:42.274>and <00:29:42.390>forth <00:29:42.507>between <00:29:42.624>people <00:29:42.740>to <00:29:42.857>build <00:29:42.974>random <00:29:43.090>stuff, <00:29:43.207>and <00:29:43.324>it's

578
00:29:45.604 --> 00:29:49.114
<00:29:45.604>absolutely <00:29:45.759>gorgeous. <00:29:45.915>It's <00:29:46.070>so <00:29:46.226>beautiful <00:29:46.381>what <00:29:46.537>people <00:29:46.692>come <00:29:46.848>up <00:29:47.004>with,

579
00:29:49.164 --> 00:29:51.164
<00:29:49.164>like <00:29:49.514>sheep <00:29:49.864>counters <00:29:50.214>and <00:29:50.564>stuff.

580
00:29:51.264 --> 00:29:53.754
<00:29:51.264>I <00:29:51.404>went <00:29:51.543>straight <00:29:51.684>for <00:29:51.823>that, <00:29:51.964>yeah. <00:29:52.103>I <00:29:52.244>went <00:29:52.383>straight <00:29:52.524>for <00:29:52.664>that.

581
00:29:54.694 --> 00:29:58.264
<00:29:54.694>And <00:29:54.793>somebody <00:29:54.894>said <00:29:54.994>that <00:29:55.094>they <00:29:55.194>actually <00:29:55.293>designed, <00:29:55.394>I <00:29:55.494>think <00:29:55.594>it's <00:29:55.694>the <00:29:55.793>one <00:29:55.894>that's <00:29:55.994>a <00:29:56.094>green

582
00:29:58.284 --> 00:30:00.924
<00:29:58.284>and <00:29:58.439>blue <00:29:58.595>one <00:29:58.750>on <00:29:58.906>the <00:29:59.061>homepage <00:29:59.217>called <00:29:59.372>Count <00:29:59.528>Them <00:29:59.684>Sheeps.

583
00:30:00.944 --> 00:30:03.444
<00:30:00.944>And <00:30:01.031>it's <00:30:01.119>like <00:30:01.206>somebody <00:30:01.293>said <00:30:01.381>in <00:30:01.469>there, <00:30:01.556>"This <00:30:01.644>is <00:30:01.731>what <00:30:01.819>I <00:30:01.906>see <00:30:01.994>when <00:30:02.081>I <00:30:02.168>sleep." <00:30:02.256>And <00:30:02.344>I

584
00:30:03.464 --> 00:30:05.744
<00:30:03.464>thought, <00:30:03.580>"That's <00:30:03.697>actually <00:30:03.813>quite <00:30:03.930>a <00:30:04.047>cool <00:30:04.164>idea, <00:30:04.280>trying <00:30:04.397>to <00:30:04.514>see <00:30:04.630>if <00:30:04.747>you <00:30:04.864>could

585
00:30:06.124 --> 00:30:08.564
<00:30:06.124>visualize..." <00:30:06.279>Anyway, <00:30:06.435>it's <00:30:06.590>a <00:30:06.746>very <00:30:06.901>strange <00:30:07.057>idea, <00:30:07.212>but <00:30:07.368>it's <00:30:07.524>good.

586
00:30:10.264 --> 00:30:13.464
<00:30:10.264>Yeah, <00:30:10.371>and <00:30:10.479>I <00:30:10.587>miss <00:30:10.694>that. <00:30:10.802>I <00:30:10.910>miss <00:30:11.017>that <00:30:11.125>about <00:30:11.233>social <00:30:11.340>media, <00:30:11.448>where <00:30:11.556>we <00:30:11.664>just

587
00:30:13.504 --> 00:30:17.124
<00:30:13.504>randomly <00:30:13.659>put <00:30:13.815>some <00:30:13.970>code <00:30:14.126>in, <00:30:14.281>people <00:30:14.437>came <00:30:14.592>back, <00:30:14.748>fixed <00:30:14.904>it,

588
00:30:17.304 --> 00:30:19.604
<00:30:17.304>or <00:30:17.504>made <00:30:17.704>it <00:30:17.904>harder <00:30:18.104>and <00:30:18.304>made <00:30:18.504>it <00:30:18.704>weirder.

589
00:30:20.364 --> 00:30:23.084
<00:30:20.364>And, <00:30:20.539>yeah, <00:30:20.714>I <00:30:20.889>love <00:30:21.064>that <00:30:21.239>basically <00:30:21.414>there <00:30:21.589>is <00:30:21.764>no

590
00:30:24.204 --> 00:30:27.524
<00:30:24.204>There's <00:30:24.303>no <00:30:24.404>end <00:30:24.504>to <00:30:24.604>what <00:30:24.704>you <00:30:24.803>can <00:30:24.904>do <00:30:25.004>with <00:30:25.104>that, <00:30:25.204>so <00:30:25.303>this <00:30:25.404>is <00:30:25.504>pretty <00:30:25.604>cool.

591
00:30:27.624 --> 00:30:31.204
<00:30:27.624>And <00:30:27.799>again, <00:30:27.974>how <00:30:28.149>powerful <00:30:28.324>browsers <00:30:28.499>have <00:30:28.674>become, <00:30:28.849>it's <00:30:29.024>just

592
00:30:31.224 --> 00:30:33.584
<00:30:31.224>beautiful <00:30:31.399>to <00:30:31.573>see, <00:30:31.749>and <00:30:31.924>that <00:30:32.099>you <00:30:32.274>can <00:30:32.448>do <00:30:32.624>this.

593
00:30:33.624 --> 00:30:37.084
<00:30:33.624>In <00:30:33.751>the <00:30:33.878>demo <00:30:34.005>scene, <00:30:34.133>we <00:30:34.260>did <00:30:34.387>this <00:30:34.514>stuff <00:30:34.642>years <00:30:34.769>ago, <00:30:34.896>like <00:30:35.024>64K

594
00:30:37.144 --> 00:30:41.024
<00:30:37.144>intros <00:30:37.377>that <00:30:37.610>were <00:30:37.844>nine-and-a-half <00:30:38.077>minute <00:30:38.310>3D <00:30:38.544>environments

595
00:30:41.064 --> 00:30:44.804
<00:30:41.064>and <00:30:41.157>stuff. <00:30:41.250>But <00:30:41.344>now <00:30:41.437>that <00:30:41.530>you <00:30:41.624>can <00:30:41.717>do <00:30:41.810>it <00:30:41.904>in <00:30:41.997>JavaScript <00:30:42.090>in <00:30:42.184>the <00:30:42.277>browser <00:30:42.370>is <00:30:42.464>pretty

596
00:30:45.124 --> 00:30:45.424
cool.

597
00:30:46.104 --> 00:30:46.284
Yeah.

598
00:30:46.544 --> 00:30:50.524
<00:30:46.544>Talking <00:30:46.684>about <00:30:46.824>really <00:30:46.964>weird <00:30:47.104>s**t, <00:30:47.244>HTMX, <00:30:47.384>I <00:30:47.524>still <00:30:47.664>don't <00:30:47.804>understand <00:30:47.944>if

599
00:30:50.664 --> 00:30:54.144
<00:30:50.664>HTMX <00:30:50.757>is <00:30:50.850>really <00:30:50.944>a <00:30:51.037>thing <00:30:51.130>people <00:30:51.224>are <00:30:51.317>using <00:30:51.410>or <00:30:51.504>if <00:30:51.597>it's <00:30:51.690>just <00:30:51.783>a <00:30:51.877>headline <00:30:51.970>meme <00:30:52.064>thing.

600
00:30:54.584 --> 00:30:57.204
<00:30:54.584>But <00:30:54.784>they <00:30:54.984>released <00:30:55.184>the <00:30:55.384>latest <00:30:55.584>version <00:30:55.784>as <00:30:55.984>a

601
00:30:58.184 --> 00:30:59.724
<00:30:58.184>cartridge <00:30:58.646>for <00:30:59.108>Game <00:30:59.570>Boy.

602
00:31:00.724 --> 00:31:04.704
<00:31:00.724>I <00:31:00.851>love <00:31:00.978>it, <00:31:01.105>because <00:31:01.233>I'm <00:31:01.360>the <00:31:01.487>same. <00:31:01.614>I <00:31:01.742>don't <00:31:01.869>think <00:31:01.996>it's <00:31:02.124>something

603
00:31:04.713 --> 00:31:06.904
<00:31:04.713>people <00:31:04.868>actually <00:31:05.024>use. <00:31:05.179>I <00:31:05.335>feel <00:31:05.490>it <00:31:05.646>became <00:31:05.801>like <00:31:05.957>a <00:31:06.113>meme.

604
00:31:07.024 --> 00:31:10.904
<00:31:07.024>I <00:31:07.140>remember <00:31:07.257>seeing <00:31:07.373>people <00:31:07.490>putting <00:31:07.607>like <00:31:07.724>CEO <00:31:07.840>of <00:31:07.957>HTMX <00:31:08.073>and <00:31:08.190>things <00:31:08.307>like <00:31:08.424>this

605
00:31:10.964 --> 00:31:14.944
<00:31:10.964>on <00:31:11.063>their <00:31:11.164>X <00:31:11.264>and <00:31:11.364>whatever, <00:31:11.464>but <00:31:11.563>I <00:31:11.664>kind <00:31:11.764>of <00:31:11.864>love <00:31:11.964>it, <00:31:12.063>and <00:31:12.164>I <00:31:12.264>would <00:31:12.364>buy

606
00:31:14.954 --> 00:31:17.144
<00:31:14.954>that <00:31:15.187>just <00:31:15.420>because <00:31:15.654>it's... <00:31:15.887>I <00:31:16.120>don't <00:31:16.354>know.

607
00:31:17.184 --> 00:31:18.904
<00:31:17.184>It <00:31:17.417>now <00:31:17.650>feels <00:31:17.884>like <00:31:18.117>a <00:31:18.350>part <00:31:18.584>of

608
00:31:19.804 --> 00:31:22.284
<00:31:19.804>programming <00:31:19.979>tech <00:31:20.154>nerd <00:31:20.329>history, <00:31:20.504>even <00:31:20.679>if <00:31:20.854>it <00:31:21.029>isn't <00:31:21.204>real.

609
00:31:23.664 --> 00:31:26.664
<00:31:23.664>So <00:31:23.791>it's <00:31:23.918>odd, <00:31:24.045>but <00:31:24.173>wonderful <00:31:24.300>that <00:31:24.427>people <00:31:24.554>come <00:31:24.682>up <00:31:24.809>with <00:31:24.936>their <00:31:25.064>own

610
00:31:27.724 --> 00:31:30.684
<00:31:27.724>Game <00:31:28.004>Boy <00:31:28.283>things. <00:31:28.563>This <00:31:28.843>is <00:31:29.124>Overpaid.

611
00:31:30.844 --> 00:31:31.663
<00:31:30.844>This <00:31:31.212>is <00:31:31.581>cool.

612
00:31:31.704 --> 00:31:35.524
<00:31:31.704>I <00:31:31.803>don't <00:31:31.904>know <00:31:32.004>if <00:31:32.104>it's <00:31:32.204>a <00:31:32.303>p**s <00:31:32.404>take <00:31:32.504>or <00:31:32.604>if <00:31:32.704>it's <00:31:32.803>actually <00:31:32.904>a <00:31:33.004>real <00:31:33.104>product,

613
00:31:35.604 --> 00:31:37.684
<00:31:35.604>but <00:31:35.804>it <00:31:36.004>actually <00:31:36.204>is <00:31:36.404>like <00:31:36.604>a <00:31:36.804>virtual <00:31:37.004>CEO,

614
00:31:38.784 --> 00:31:40.434
<00:31:38.784>as <00:31:39.134>an <00:31:39.484>AI <00:31:39.834>agent <00:31:40.184>that

615
00:31:41.344 --> 00:31:45.144
<00:31:41.344>allows <00:31:41.471>you <00:31:41.598>to <00:31:41.725>do <00:31:41.853>all <00:31:41.980>the <00:31:42.107>things <00:31:42.234>that <00:31:42.362>your <00:31:42.489>CEO <00:31:42.616>does <00:31:42.744>at

616
00:31:45.564 --> 00:31:48.284
<00:31:45.564>half <00:31:45.764>the <00:31:45.964>price. <00:31:46.164>But <00:31:46.364>I <00:31:46.564>think <00:31:46.764>it's <00:31:46.964>basically

617
00:31:50.324 --> 00:31:51.204
<00:31:50.324>satire, <00:31:51.116>but

618
00:31:52.624 --> 00:31:54.304
<00:31:52.624>it's <00:31:52.824>fun <00:31:53.024>to <00:31:53.224>read, <00:31:53.424>I <00:31:53.624>have <00:31:53.824>to <00:31:54.024>say.

619
00:31:55.624 --> 00:31:58.644
<00:31:55.624>You <00:31:55.740>could <00:31:55.857>make <00:31:55.974>this <00:31:56.090>part <00:31:56.207>of <00:31:56.324>Fake <00:31:56.440>or <00:31:56.557>Real, <00:31:56.674>the <00:31:56.790>game <00:31:56.907>you <00:31:57.024>played.

620
00:31:58.724 --> 00:31:59.884
<00:31:58.724>Yeah. <00:31:59.768>Actually.

621
00:32:00.944 --> 00:32:01.084
Yeah.

622
00:32:01.184 --> 00:32:01.424
It's

623
00:32:02.284 --> 00:32:03.154
<00:32:02.284>quite <00:32:02.395>fun. <00:32:02.507>Like <00:32:02.619>talk <00:32:02.731>to <00:32:02.843>a <00:32:02.955>real <00:32:03.067>tech-

624
00:32:03.164 --> 00:32:04.584
<00:32:03.164>Not <00:32:03.323>with <00:32:03.483>me. <00:32:03.643>Please <00:32:03.803>not <00:32:03.962>do <00:32:04.122>it <00:32:04.282>with <00:32:04.442>me.

625
00:32:05.824 --> 00:32:06.184
Yeah.

626
00:32:06.494 --> 00:32:08.214
<00:32:06.494>And <00:32:06.727>again, <00:32:06.960>Dan, <00:32:07.194>we <00:32:07.427>talked <00:32:07.660>about <00:32:07.894>this.

627
00:32:08.324 --> 00:32:12.084
<00:32:08.324>This <00:32:08.464>is <00:32:08.604>one <00:32:08.744>of <00:32:08.884>those <00:32:09.024>vibe <00:32:09.164>coded <00:32:09.304>things <00:32:09.444>you <00:32:09.584>see, <00:32:09.724>every

628
00:32:12.144 --> 00:32:16.044
<00:32:12.144>website <00:32:12.284>looks <00:32:12.424>the <00:32:12.564>bloody <00:32:12.704>same. <00:32:12.844>Whatever <00:32:12.984>you <00:32:13.124>do <00:32:13.264>right <00:32:13.404>now, <00:32:13.544>it's

629
00:32:16.124 --> 00:32:20.004
<00:32:16.124>like <00:32:16.357>everything <00:32:16.590>looks <00:32:16.824>optimized <00:32:17.057>for <00:32:17.290>product <00:32:17.524>hunt

630
00:32:20.084 --> 00:32:22.884
<00:32:20.084>rather <00:32:20.284>than <00:32:20.484>just <00:32:20.684>being <00:32:20.884>something <00:32:21.084>that <00:32:21.284>is <00:32:21.484>done.

631
00:32:22.944 --> 00:32:23.064
Yeah.

632
00:32:23.844 --> 00:32:24.704
<00:32:23.844>Is <00:32:24.231>this <00:32:24.618>Tailwind?

633
00:32:25.524 --> 00:32:28.424
<00:32:25.524>That's <00:32:25.679>exactly <00:32:25.835>it. <00:32:25.990>This <00:32:26.146>is <00:32:26.301>what <00:32:26.457>we <00:32:26.612>said, <00:32:26.768>see. <00:32:26.924>Yeah.

634
00:32:28.484 --> 00:32:32.204
<00:32:28.484>This <00:32:28.611>is <00:32:28.738>the <00:32:28.865>indigo <00:32:28.993>color <00:32:29.120>from <00:32:29.247>Tailwind <00:32:29.374>that <00:32:29.502>Adam <00:32:29.629>Wathan <00:32:29.756>said, <00:32:29.884>"I'm

635
00:32:32.244 --> 00:32:32.594
sorry,

636
00:32:33.704 --> 00:32:35.094
<00:32:33.704>every <00:32:34.016>generated <00:32:34.329>website <00:32:34.642>is <00:32:34.955>now..."

637
00:32:36.164 --> 00:32:37.724
<00:32:36.164>Yeah. <00:32:36.864>You're <00:32:37.564>right.

638
00:32:37.733 --> 00:32:39.344
<00:32:37.733>"Congratulations <00:32:38.199>on <00:32:38.666>viewing <00:32:39.133>source.

639
00:32:39.444 --> 00:32:42.764
<00:32:39.444>This <00:32:39.560>is <00:32:39.677>more <00:32:39.793>attention <00:32:39.910>to <00:32:40.027>detail <00:32:40.144>than <00:32:40.260>most <00:32:40.377>executives <00:32:40.494>pay <00:32:40.610>their <00:32:40.727>own <00:32:40.844>quarterly

640
00:32:42.824 --> 00:32:45.644
<00:32:42.824>filings. <00:32:43.024>Unfortunately, <00:32:43.224>there's <00:32:43.424>no <00:32:43.624>severance <00:32:43.824>package <00:32:44.024>for <00:32:44.224>you."

641
00:32:47.384 --> 00:32:49.024
<00:32:47.384>Absolutely <00:32:47.664>amazing. <00:32:47.944>There <00:32:48.224>are <00:32:48.504>Easter <00:32:48.784>eggs.

642
00:32:49.034 --> 00:32:49.704
<00:32:49.034>Satire <00:32:49.637>project.

643
00:32:50.384 --> 00:32:52.774
<00:32:50.384>There <00:32:50.559>you <00:32:50.734>go. <00:32:50.909>Satire <00:32:51.084>project, <00:32:51.259>not <00:32:51.434>a <00:32:51.609>real <00:32:51.784>product.

644
00:32:53.284 --> 00:32:55.964
<00:32:53.284>Fantastic. <00:32:53.484>Buried <00:32:53.684>in <00:32:53.884>the <00:32:54.084>code. <00:32:54.284>I <00:32:54.484>love <00:32:54.684>this.

645
00:32:56.164 --> 00:32:56.834
<00:32:56.164>But <00:32:56.365>it's <00:32:56.566>also <00:32:56.767>not-

646
00:32:56.914 --> 00:32:57.554
<00:32:56.914>I <00:32:57.106>mean, <00:32:57.298>it's <00:32:57.490>also-

647
00:32:57.584 --> 00:32:59.124
<00:32:57.584>Sorry. <00:32:58.046>It's <00:32:58.508>not <00:32:58.970>Tailwind.

648
00:33:00.044 --> 00:33:00.934
<00:33:00.044>Oh, <00:33:00.311>it's <00:33:00.578>not? <00:33:00.845>Oh.

649
00:33:00.964 --> 00:33:03.284
<00:33:00.964>Seems <00:33:01.119>not <00:33:01.275>to <00:33:01.430>be, <00:33:01.586>no. <00:33:01.741>Just <00:33:01.897>looks <00:33:02.052>like <00:33:02.208>it. <00:33:02.364>Yeah.

650
00:33:03.964 --> 00:33:07.564
<00:33:03.964>My <00:33:04.063>logic <00:33:04.164>though <00:33:04.264>is <00:33:04.364>that <00:33:04.464>actually, <00:33:04.563>we <00:33:04.664>were <00:33:04.764>saying <00:33:04.864>this <00:33:04.964>the <00:33:05.063>other <00:33:05.164>day, <00:33:05.264>people <00:33:05.364>who

651
00:33:07.584 --> 00:33:11.544
<00:33:07.584>weren't <00:33:07.700>very <00:33:07.817>design-focused <00:33:07.934>but <00:33:08.050>were <00:33:08.167>really <00:33:08.284>good <00:33:08.400>at <00:33:08.517>the <00:33:08.634>nuts <00:33:08.750>and <00:33:08.867>bolts <00:33:08.984>of

652
00:33:11.564 --> 00:33:14.104
<00:33:11.564>programming, <00:33:11.739>now <00:33:11.914>it's <00:33:12.089>very <00:33:12.264>hard <00:33:12.439>to <00:33:12.614>tell, <00:33:12.789>isn't <00:33:12.964>it?

653
00:33:14.164 --> 00:33:15.884
<00:33:14.164>Because <00:33:14.397>they <00:33:14.630>can <00:33:14.864>just <00:33:15.097>describe <00:33:15.330>the <00:33:15.564>UI.

654
00:33:16.744 --> 00:33:20.604
<00:33:16.744>But <00:33:16.837>my <00:33:16.930>logic <00:33:17.024>now <00:33:17.117>is <00:33:17.210>that <00:33:17.303>if <00:33:17.397>it <00:33:17.490>looks <00:33:17.583>a <00:33:17.677>bit <00:33:17.770>Tailwindy, <00:33:17.863>the <00:33:17.957>fact <00:33:18.050>you <00:33:18.144>said,

655
00:33:20.624 --> 00:33:24.423
<00:33:20.624>"Is <00:33:20.731>that <00:33:20.839>Tailwind?" <00:33:20.947>If <00:33:21.054>it <00:33:21.162>looks <00:33:21.270>Tailwindy, <00:33:21.377>that <00:33:21.485>is <00:33:21.593>now <00:33:21.700>the <00:33:21.808>thing <00:33:21.916>I <00:33:22.024>move

656
00:33:24.484 --> 00:33:28.284
<00:33:24.484>away <00:33:24.591>from <00:33:24.699>as <00:33:24.807>quickly <00:33:24.914>as <00:33:25.022>possible. <00:33:25.130>Whereas <00:33:25.237>before <00:33:25.345>I <00:33:25.453>kind <00:33:25.560>of <00:33:25.668>went <00:33:25.776>for <00:33:25.884>that

657
00:33:28.364 --> 00:33:31.224
<00:33:28.364>because <00:33:28.451>I <00:33:28.539>felt <00:33:28.626>like, <00:33:28.714>well, <00:33:28.801>I <00:33:28.889>can <00:33:28.976>do <00:33:29.064>it <00:33:29.151>well. <00:33:29.239>I'm <00:33:29.326>good <00:33:29.414>at <00:33:29.501>design, <00:33:29.589>blah, <00:33:29.676>blah, <00:33:29.764>blah.

658
00:33:31.724 --> 00:33:33.924
<00:33:31.724>So <00:33:31.879>it's <00:33:32.035>really <00:33:32.190>turned <00:33:32.346>things <00:33:32.501>on <00:33:32.657>its <00:33:32.812>head, <00:33:32.968>hasn't <00:33:33.124>it?

659
00:33:34.484 --> 00:33:35.054
<00:33:34.484>True, <00:33:34.997>but-

660
00:33:35.204 --> 00:33:35.624
<00:33:35.204>I <00:33:35.393>like <00:33:35.582>that

661
00:33:35.664 --> 00:33:35.664
...

662
00:33:36.644 --> 00:33:39.924
<00:33:36.644>you <00:33:36.751>can <00:33:36.859>also <00:33:36.967>just <00:33:37.074>say, <00:33:37.182>"Don't <00:33:37.290>use <00:33:37.397>Tailwind," <00:33:37.505>in <00:33:37.613>the <00:33:37.720>prompt, <00:33:37.828>and <00:33:37.936>that <00:33:38.044>changes

663
00:33:40.024 --> 00:33:41.664
<00:33:40.024>everything. <00:33:40.257>That's <00:33:40.490>kind <00:33:40.724>of <00:33:40.957>the <00:33:41.190>crazy <00:33:41.424>point.

664
00:33:42.344 --> 00:33:42.724
<00:33:42.344>But <00:33:42.458>even <00:33:42.572>the <00:33:42.686>look.

665
00:33:44.224 --> 00:33:47.944
<00:33:44.224>I <00:33:44.364>like <00:33:44.504>that <00:33:44.644>you <00:33:44.783>call <00:33:44.924>it <00:33:45.063>Tailwindy. <00:33:45.204>Tailwind <00:33:45.343>always <00:33:45.484>sounded <00:33:45.624>like

666
00:33:48.024 --> 00:33:48.644
<00:33:48.024>fart <00:33:48.303>to <00:33:48.581>me.

667
00:33:51.924 --> 00:33:52.733
<00:33:51.924>It's <00:33:52.288>really <00:33:52.652>like-

668
00:33:53.684 --> 00:33:57.524
<00:33:53.684>Because <00:33:53.811>Bootstrap <00:33:53.938>made <00:33:54.065>sense. <00:33:54.193>For <00:33:54.320>me, <00:33:54.447>the <00:33:54.574>name <00:33:54.702>Bootstrap <00:33:54.829>really <00:33:54.956>made <00:33:55.084>sense,

669
00:33:57.864 --> 00:34:00.064
<00:33:57.864>and <00:33:58.144>Tailwind <00:33:58.424>sort <00:33:58.704>of <00:33:58.984>didn't. <00:33:59.264>Yeah.

670
00:34:00.104 --> 00:34:00.314
<00:34:00.104>What <00:34:00.167>about <00:34:00.230>jQuery <00:34:00.293>Mobile?

671
00:34:00.344 --> 00:34:02.844
<00:34:00.344>I <00:34:00.544>think <00:34:00.744>Tailwind <00:34:00.944>was <00:34:01.144>about <00:34:01.344>sailing, <00:34:01.544>wasn't <00:34:01.744>it?

672
00:34:02.904 --> 00:34:06.144
<00:34:02.904>That <00:34:03.011>the <00:34:03.119>wind <00:34:03.227>comes <00:34:03.334>from <00:34:03.442>the <00:34:03.550>back <00:34:03.657>and <00:34:03.765>your <00:34:03.873>boat <00:34:03.980>moves <00:34:04.088>faster <00:34:04.196>because <00:34:04.304>there's

673
00:34:06.164 --> 00:34:10.004
<00:34:06.164>tailwind <00:34:06.291>coming. <00:34:06.418>So <00:34:06.545>I <00:34:06.673>guess <00:34:06.800>that's <00:34:06.927>where <00:34:07.054>it <00:34:07.182>came <00:34:07.309>from, <00:34:07.436>because <00:34:07.564>Windsurf

674
00:34:10.044 --> 00:34:11.984
<00:34:10.043>was <00:34:10.219>the <00:34:10.393>editor <00:34:10.569>that <00:34:10.743>came <00:34:10.918>with <00:34:11.094>it <00:34:11.268>as <00:34:11.444>well.

675
00:34:12.944 --> 00:34:14.284
<00:34:12.944>Yeah. <00:34:13.245>Makes <00:34:13.547>sense. <00:34:13.848>Makes <00:34:14.150>sense.

676
00:34:14.784 --> 00:34:14.794
Yeah.

677
00:34:14.804 --> 00:34:16.964
<00:34:14.804>Remember <00:34:15.270>jQuery <00:34:15.737>Mobile, <00:34:16.204>Chris?

678
00:34:17.464 --> 00:34:17.644
Yeah.

679
00:34:17.944 --> 00:34:18.324
<00:34:17.944>Of <00:34:18.286>course.

680
00:34:19.064 --> 00:34:21.234
<00:34:19.063>I <00:34:19.763>also <00:34:20.464>remember

681
00:34:22.084 --> 00:34:25.893
<00:34:22.083>YUI <00:34:22.283>and <00:34:22.484>XJS. <00:34:22.683>That <00:34:22.884>basically <00:34:23.083>became <00:34:23.283>the <00:34:23.484>mobile

682
00:34:25.924 --> 00:34:29.824
<00:34:25.924>version <00:34:26.040>of <00:34:26.157>YUI <00:34:26.274>back <00:34:26.390>then, <00:34:26.507>because <00:34:26.623>we <00:34:26.740>wrote, <00:34:26.857>and <00:34:26.974>Sencha <00:34:27.090>came <00:34:27.207>out <00:34:27.324>of

683
00:34:29.884 --> 00:34:30.685
<00:34:29.884>that <00:34:30.124>one <00:34:30.364>as <00:34:30.604>well.

684
00:34:31.324 --> 00:34:32.444
<00:34:31.324>Oh, <00:34:31.492>yeah. <00:34:31.659>I'm <00:34:31.828>too <00:34:31.996>young <00:34:32.163>for <00:34:32.331>this.

685
00:34:33.644 --> 00:34:36.004
<00:34:33.643>jQuery <00:34:33.799>Mobile <00:34:33.955>was <00:34:34.110>one <00:34:34.266>of <00:34:34.421>the <00:34:34.577>things <00:34:34.732>that <00:34:34.888>basically <00:34:35.043>got

686
00:34:36.064 --> 00:34:39.624
<00:34:36.063>disregarded <00:34:36.297>by <00:34:36.530>the <00:34:36.763>community <00:34:36.997>really, <00:34:37.230>really <00:34:37.464>fast.

687
00:34:39.685 --> 00:34:41.804
<00:34:39.685>That <00:34:39.840>got <00:34:39.996>dropped <00:34:40.151>like <00:34:40.307>a <00:34:40.462>hot <00:34:40.618>potato. <00:34:40.773>It <00:34:40.929>was, <00:34:41.085>yeah...

688
00:34:42.665 --> 00:34:46.304
<00:34:42.665>I've <00:34:42.772>used <00:34:42.880>it <00:34:42.988>for <00:34:43.095>a <00:34:43.203>company, <00:34:43.311>but <00:34:43.418>it <00:34:43.526>was <00:34:43.634>back <00:34:43.741>then <00:34:43.849>really <00:34:43.957>slow, <00:34:44.065>I

689
00:34:46.364 --> 00:34:46.685
think.

690
00:34:47.564 --> 00:34:47.725
So

691
00:34:48.745 --> 00:34:51.884
<00:34:48.745>I'm <00:34:48.832>moving <00:34:48.920>through <00:34:49.007>a <00:34:49.094>bit <00:34:49.182>more, <00:34:49.270>not <00:34:49.357>all <00:34:49.444>of <00:34:49.532>them, <00:34:49.620>we're <00:34:49.707>going <00:34:49.795>to <00:34:49.882>move <00:34:49.969>them <00:34:50.057>to <00:34:50.145>next

692
00:34:51.944 --> 00:34:54.384
<00:34:51.944>week. <00:34:52.119>This <00:34:52.293>is <00:34:52.469>interesting, <00:34:52.643>Clean <00:34:52.819>My <00:34:52.994>Mac <00:34:53.168>X <00:34:53.344>CLI.

693
00:34:54.564 --> 00:34:58.344
<00:34:54.563>I <00:34:54.663>had <00:34:54.763>a <00:34:54.864>similar <00:34:54.964>one <00:34:55.063>in <00:34:55.163>the <00:34:55.263>tools <00:34:55.364>section <00:34:55.464>some <00:34:55.563>weeks <00:34:55.663>ago <00:34:55.763>where <00:34:55.864>it <00:34:55.964>was

694
00:34:58.404 --> 00:35:01.124
<00:34:58.404>about <00:34:58.604>caches <00:34:58.804>of <00:34:59.004>the <00:34:59.204>browser <00:34:59.404>and <00:34:59.604>caches <00:34:59.804>of

695
00:35:02.964 --> 00:35:05.424
<00:35:02.964>frameworks <00:35:03.139>and <00:35:03.314>these <00:35:03.489>kind <00:35:03.663>of <00:35:03.839>things <00:35:04.014>to <00:35:04.189>clean <00:35:04.364>stuff.

696
00:35:05.444 --> 00:35:08.504
<00:35:05.444>But <00:35:05.619>this <00:35:05.794>one <00:35:05.969>actually <00:35:06.144>does <00:35:06.319>it <00:35:06.494>for <00:35:06.669>AI <00:35:06.844>environments.

697
00:35:08.564 --> 00:35:09.164
<00:35:08.564>So <00:35:08.744>if <00:35:08.924>you <00:35:09.104>have

698
00:35:10.164 --> 00:35:13.864
<00:35:10.164>old <00:35:10.271>models <00:35:10.379>that <00:35:10.487>you <00:35:10.594>haven't <00:35:10.702>used <00:35:10.810>and <00:35:10.917>stuff, <00:35:11.025>this <00:35:11.133>one <00:35:11.240>cleans <00:35:11.348>your <00:35:11.456>machine <00:35:11.564>to

699
00:35:13.944 --> 00:35:15.164
actually

700
00:35:16.264 --> 00:35:20.104
<00:35:16.264>make <00:35:16.351>sure <00:35:16.439>that <00:35:16.526>there's <00:35:16.614>not <00:35:16.701>a <00:35:16.789>lot <00:35:16.876>of <00:35:16.964>memory <00:35:17.051>being <00:35:17.139>used <00:35:17.226>for <00:35:17.314>things <00:35:17.401>that <00:35:17.489>you <00:35:17.576>need <00:35:17.664>to

701
00:35:20.164 --> 00:35:22.364
<00:35:20.164>do. <00:35:20.304>And <00:35:20.444>I <00:35:20.584>find <00:35:20.724>that <00:35:20.864>quite <00:35:21.004>a <00:35:21.144>cool <00:35:21.284>thing <00:35:21.424>to <00:35:21.564>have.

702
00:35:22.424 --> 00:35:26.284
<00:35:22.424>And <00:35:22.551>also <00:35:22.678>showing <00:35:22.805>me <00:35:22.933>how <00:35:23.060>badly <00:35:23.187>some <00:35:23.314>of <00:35:23.442>those <00:35:23.569>things <00:35:23.696>are <00:35:23.824>developed,

703
00:35:26.304 --> 00:35:29.944
<00:35:26.304>that <00:35:26.420>they <00:35:26.537>actually <00:35:26.654>leave <00:35:26.770>that <00:35:26.887>much <00:35:27.004>crap <00:35:27.120>behind <00:35:27.237>without <00:35:27.354>cleaning <00:35:27.470>up <00:35:27.587>after <00:35:27.704>itself.

704
00:35:31.544 --> 00:35:35.343
<00:35:31.544>Cool. <00:35:31.683>So <00:35:31.824>given <00:35:31.964>the <00:35:32.104>time, <00:35:32.243>I <00:35:32.384>think <00:35:32.524>we <00:35:32.663>should <00:35:32.804>move <00:35:32.944>into

705
00:35:35.404 --> 00:35:37.584
<00:35:35.404>the <00:35:35.604>thing <00:35:35.804>where <00:35:36.004>we <00:35:36.204>play <00:35:36.404>Fake <00:35:36.604>or <00:35:36.804>News.

706
00:35:37.744 --> 00:35:41.364
<00:35:37.744>We <00:35:37.851>can <00:35:37.959>actually <00:35:38.067>take <00:35:38.174>a <00:35:38.282>look <00:35:38.390>at <00:35:38.497>some <00:35:38.605>news <00:35:38.713>headlines <00:35:38.820>and <00:35:38.928>you <00:35:39.036>tell <00:35:39.144>us,

707
00:35:41.784 --> 00:35:43.244
<00:35:41.784>Dan <00:35:42.441>and <00:35:43.098>Chad,

708
00:35:44.624 --> 00:35:47.084
<00:35:44.624>if <00:35:44.763>they're <00:35:44.904>real <00:35:45.044>or <00:35:45.183>not. <00:35:45.323>So <00:35:45.464>let's <00:35:45.604>play <00:35:45.743>Fake <00:35:45.884>or <00:35:46.024>News.

709
00:35:54.304 --> 00:35:58.204
<00:35:54.304>"Google <00:35:54.479>announces <00:35:54.654>search <00:35:54.829>results <00:35:55.004>will <00:35:55.179>now <00:35:55.354>require <00:35:55.529>cryptocurrency <00:35:55.704>micropayments."

710
00:36:00.304 --> 00:36:00.604
No.

711
00:36:01.284 --> 00:36:02.164
Fake.

712
00:36:02.224 --> 00:36:02.984
<00:36:02.224>It's <00:36:02.360>got <00:36:02.497>to <00:36:02.634>be, <00:36:02.771>isn't <00:36:02.908>it?

713
00:36:03.064 --> 00:36:04.764
<00:36:03.064>Yeah. <00:36:03.413>I <00:36:03.763>know. <00:36:04.114>It's <00:36:04.464>fake.

714
00:36:05.904 --> 00:36:07.304
<00:36:05.904>That <00:36:06.156>would <00:36:06.408>be <00:36:06.660>Brave, <00:36:06.912>not <00:36:07.164>Google.

715
00:36:08.924 --> 00:36:09.264
Yeah.

716
00:36:09.274 --> 00:36:13.144
<00:36:09.274>"New <00:36:09.401>space <00:36:09.528>mirror <00:36:09.655>satellite <00:36:09.783>aims <00:36:09.910>to <00:36:10.037>bring <00:36:10.164>sunlight <00:36:10.292>to <00:36:10.419>Earth <00:36:10.546>even <00:36:10.674>during

717
00:36:13.184 --> 00:36:14.024
<00:36:13.184>the <00:36:13.940>night."

718
00:36:15.784 --> 00:36:17.644
<00:36:15.784>Yeah. <00:36:15.939>I'm <00:36:16.095>going <00:36:16.250>to <00:36:16.406>say <00:36:16.561>that's <00:36:16.717>true. <00:36:16.872>It <00:36:17.028>sounds <00:36:17.184>crazy.

719
00:36:18.764 --> 00:36:20.744
<00:36:18.764>I've <00:36:18.964>read <00:36:19.164>about <00:36:19.364>it. <00:36:19.564>Yeah. <00:36:19.764>It's <00:36:19.964>been <00:36:20.164>controversial.

720
00:36:22.204 --> 00:36:25.764
<00:36:22.204>Yeah, <00:36:22.311>it's <00:36:22.419>true. <00:36:22.527>I <00:36:22.634>wonder <00:36:22.742>what <00:36:22.850>that <00:36:22.957>does <00:36:23.065>to <00:36:23.173>warming <00:36:23.280>of <00:36:23.388>Earth <00:36:23.496>and <00:36:23.604>stuff.

721
00:36:26.224 --> 00:36:26.404
Mm-hmm.

722
00:36:26.454 --> 00:36:26.454
<00:36:26.454>Some <00:36:26.454>animals.

723
00:36:26.464 --> 00:36:29.824
<00:36:26.464>I <00:36:26.604>also <00:36:26.744>always <00:36:26.884>worry <00:36:27.024>about- <00:36:27.163>Yeah, <00:36:27.304>I <00:36:27.444>always <00:36:27.584>worry <00:36:27.724>about <00:36:27.864>space

724
00:36:29.904 --> 00:36:33.824
<00:36:29.904>vampires <00:36:30.020>because <00:36:30.137>when <00:36:30.254>we <00:36:30.370>look <00:36:30.487>through <00:36:30.604>anything <00:36:30.720>we <00:36:30.837>do <00:36:30.954>in <00:36:31.070>space, <00:36:31.187>we <00:36:31.304>look

725
00:36:33.864 --> 00:36:37.624
<00:36:33.864>through <00:36:33.964>a <00:36:34.064>mirror. <00:36:34.164>So <00:36:34.264>there <00:36:34.364>could <00:36:34.464>be <00:36:34.564>space <00:36:34.664>vampires, <00:36:34.764>and <00:36:34.864>we <00:36:34.964>would <00:36:35.064>never <00:36:35.164>see <00:36:35.264>them.

726
00:36:39.364 --> 00:36:40.944
<00:36:39.364>It's <00:36:39.564>true. <00:36:39.764>You <00:36:39.964>learn <00:36:40.164>something <00:36:40.364>new <00:36:40.564>every <00:36:40.764>day.

727
00:36:42.044 --> 00:36:45.084
<00:36:42.044>OpenAI <00:36:42.243>launches <00:36:42.444>a <00:36:42.644>physical <00:36:42.844>keypad <00:36:43.044>for <00:36:43.243>controlling <00:36:43.444>agents.

728
00:36:48.224 --> 00:36:51.084
<00:36:48.224>Yeah. <00:36:48.351>I'm <00:36:48.478>going <00:36:48.605>to <00:36:48.733>say <00:36:48.860>yeah, <00:36:48.987>probably. <00:36:49.114>It's <00:36:49.242>a <00:36:49.369>good <00:36:49.496>marketing <00:36:49.624>thing.

729
00:36:51.624 --> 00:36:53.424
<00:36:51.624>I've <00:36:51.857>seen <00:36:52.090>it. <00:36:52.323>It <00:36:52.557>makes <00:36:52.790>no <00:36:53.024>sense.

730
00:36:54.324 --> 00:36:56.304
<00:36:54.324>They <00:36:54.499>paid <00:36:54.674>so <00:36:54.849>much <00:36:55.024>for <00:36:55.199>it <00:36:55.374>with <00:36:55.549>Johnny <00:36:55.724>Ive.

731
00:36:56.364 --> 00:36:58.183
<00:36:56.364>$240 <00:36:56.830>or <00:36:57.297>something? <00:36:57.764>Yeah.

732
00:36:59.624 --> 00:36:59.844
Wow.

733
00:37:00.703 --> 00:37:04.634
<00:37:00.703>GitHub <00:37:00.878>Copilot <00:37:01.053>Enterprise <00:37:01.228>users <00:37:01.403>report <00:37:01.578>AI <00:37:01.753>silently <00:37:01.928>rewrote <00:37:02.103>production

734
00:37:04.724 --> 00:37:07.064
<00:37:04.724>code <00:37:04.957>over <00:37:05.190>the <00:37:05.424>weekend. <00:37:05.657>Microsoft <00:37:05.890>is <00:37:06.124>investigating.

735
00:37:10.244 --> 00:37:14.204
<00:37:10.244>Oh, <00:37:10.326>God. <00:37:10.408>I <00:37:10.491>want <00:37:10.573>to <00:37:10.655>say <00:37:10.738>no. <00:37:10.820>I <00:37:10.902>haven't <00:37:10.985>heard <00:37:11.067>about <00:37:11.149>it, <00:37:11.232>but <00:37:11.314>I <00:37:11.396>might <00:37:11.479>have <00:37:11.561>missed <00:37:11.644>it.

736
00:37:14.804 --> 00:37:16.824
<00:37:14.804>Me <00:37:15.154>too. <00:37:15.504>I <00:37:15.854>hope <00:37:16.204>no.

737
00:37:16.924 --> 00:37:17.503
<00:37:16.924>It's <00:37:17.445>fake.

738
00:37:17.664 --> 00:37:17.964
Nice.

739
00:37:18.604 --> 00:37:19.244
<00:37:18.604>We're <00:37:18.892>doing <00:37:19.180>well.

740
00:37:19.284 --> 00:37:22.314
<00:37:19.284>Tesla <00:37:19.459>to <00:37:19.634>train <00:37:19.809>Optimus <00:37:19.984>with <00:37:20.159>employees <00:37:20.334>at <00:37:20.509>Grünheide <00:37:20.684>plant.

741
00:37:22.404 --> 00:37:25.064
<00:37:22.404>That's <00:37:22.870>the <00:37:23.337>Berlin <00:37:23.804>facility.

742
00:37:25.944 --> 00:37:29.644
<00:37:25.944>That <00:37:26.037>says <00:37:26.130>to <00:37:26.224>me <00:37:26.317>this <00:37:26.410>is <00:37:26.504>fake <00:37:26.597>because <00:37:26.690>I <00:37:26.784>think <00:37:26.877>it's <00:37:26.970>too <00:37:27.064>close <00:37:27.157>to <00:37:27.250>Chris <00:37:27.344>by

743
00:37:29.804 --> 00:37:31.384
<00:37:29.804>coincidence. <00:37:30.084>What <00:37:30.364>do <00:37:30.644>you <00:37:30.924>think, <00:37:31.204>Jad?

744
00:37:31.764 --> 00:37:34.384
<00:37:31.764>And <00:37:31.880>it <00:37:31.997>would <00:37:32.114>be <00:37:32.230>in <00:37:32.347>the <00:37:32.464>US, <00:37:32.580>not <00:37:32.697>in <00:37:32.814>Europe, <00:37:32.930>not <00:37:33.047>in <00:37:33.164>Berlin.

745
00:37:35.404 --> 00:37:35.624
Fake.

746
00:37:36.104 --> 00:37:36.924
<00:37:36.104>It's <00:37:36.473>actually <00:37:36.842>news.

747
00:37:36.934 --> 00:37:37.284
Oh.

748
00:37:38.164 --> 00:37:40.984
<00:37:38.164>Five <00:37:38.280>out <00:37:38.397>of <00:37:38.514>five. <00:37:38.630>This <00:37:38.747>might <00:37:38.864>be <00:37:38.980>the <00:37:39.097>best <00:37:39.214>one <00:37:39.330>so <00:37:39.447>far, <00:37:39.564>Chris.

749
00:37:41.504 --> 00:37:44.864
<00:37:41.504>LinkedIn <00:37:41.703>rolls <00:37:41.904>out <00:37:42.104>AI-generated <00:37:42.304>professional <00:37:42.504>summaries <00:37:42.703>for <00:37:42.904>inactive

750
00:37:44.964 --> 00:37:48.664
<00:37:44.964>profiles. <00:37:45.104>Users <00:37:45.244>return <00:37:45.384>to <00:37:45.524>find <00:37:45.663>their <00:37:45.804>bios <00:37:45.944>describe <00:37:46.084>fictional <00:37:46.224>careers <00:37:46.364>at

751
00:37:48.684 --> 00:37:49.964
<00:37:48.684>companies <00:37:48.972>they've <00:37:49.260>never <00:37:49.548>heard <00:37:49.836>of.

752
00:37:50.144 --> 00:37:52.784
<00:37:50.144>This <00:37:50.299>could <00:37:50.455>be <00:37:50.610>so <00:37:50.766>true. <00:37:50.921>It's <00:37:51.077>such <00:37:51.232>a <00:37:51.388>LinkedIn <00:37:51.544>move.

753
00:37:53.684 --> 00:37:54.564
<00:37:53.684>I <00:37:53.948>hope <00:37:54.212>it's <00:37:54.475>fake.

754
00:37:55.484 --> 00:37:58.444
<00:37:55.484>It's <00:37:55.584>got <00:37:55.683>to <00:37:55.784>be <00:37:55.884>fake. <00:37:55.984>There <00:37:56.084>would <00:37:56.183>be <00:37:56.284>no <00:37:56.384>reason <00:37:56.484>to <00:37:56.584>do <00:37:56.683>that. <00:37:56.784>So <00:37:56.884>please.

755
00:37:59.084 --> 00:37:59.604
Engagement.

756
00:38:00.504 --> 00:38:00.754
<00:38:00.504>It's <00:38:00.729>fake.

757
00:38:00.764 --> 00:38:01.304
<00:38:00.764>Oh, <00:38:01.250>thanks.

758
00:38:03.564 --> 00:38:04.074
<00:38:03.564>We're <00:38:03.793>doing <00:38:04.023>well.

759
00:38:04.124 --> 00:38:07.864
<00:38:04.124>An <00:38:04.263>AWS <00:38:04.404>billing <00:38:04.544>bug <00:38:04.683>sent <00:38:04.823>users <00:38:04.964>estimated <00:38:05.104>charges <00:38:05.243>of <00:38:05.384>up <00:38:05.524>to

760
00:38:07.924 --> 00:38:09.524
<00:38:07.924>$2.5 <00:38:09.324>trillion.

761
00:38:11.564 --> 00:38:14.124
<00:38:11.564>Oh, <00:38:11.641>I <00:38:11.719>don't <00:38:11.797>want <00:38:11.875>to <00:38:11.952>be <00:38:12.030>the <00:38:12.108>one <00:38:12.186>to <00:38:12.263>get <00:38:12.341>it <00:38:12.419>wrong, <00:38:12.497>but <00:38:12.575>I'd <00:38:12.652>like <00:38:12.730>to <00:38:12.808>think <00:38:12.886>that's <00:38:12.964>real

762
00:38:14.164 --> 00:38:15.404
<00:38:14.164>because <00:38:14.323>it's <00:38:14.482>crazy. <00:38:14.642>What <00:38:14.801>do <00:38:14.961>you <00:38:15.120>think, <00:38:15.280>Jad?

763
00:38:16.024 --> 00:38:18.664
<00:38:16.024>Yeah, <00:38:16.257>it's <00:38:16.490>happened. <00:38:16.723>I've <00:38:16.957>seen <00:38:17.190>people <00:38:17.424>complaining.

764
00:38:19.364 --> 00:38:20.454
<00:38:19.364>2.5 <00:38:20.345>trillion?

765
00:38:20.594 --> 00:38:20.924
<00:38:20.594>Yeah, <00:38:20.742>it's <00:38:20.891>true.

766
00:38:21.184 --> 00:38:23.004
<00:38:21.184>Yeah, <00:38:21.359>people <00:38:21.534>woke <00:38:21.709>up <00:38:21.884>with <00:38:22.059>like, <00:38:22.234>"I'm <00:38:22.409>going <00:38:22.584>to

767
00:38:23.824 --> 00:38:26.704
<00:38:23.824>a <00:38:23.964>certain <00:38:24.104>country, <00:38:24.244>going <00:38:24.384>to <00:38:24.524>change <00:38:24.664>a <00:38:24.804>new <00:38:24.944>name, <00:38:25.084>my <00:38:25.224>name."

768
00:38:27.644 --> 00:38:27.904
Wow.

769
00:38:28.884 --> 00:38:30.104
<00:38:28.884>It's <00:38:29.433>true. <00:38:29.982>Yep.

770
00:38:31.924 --> 00:38:35.484
<00:38:31.924>Hackers <00:38:32.157>abuse <00:38:32.390>Notepad++ <00:38:32.624>plugins <00:38:32.857>to <00:38:33.090>stealthily <00:38:33.324>install

771
00:38:35.544 --> 00:38:35.984
malware.

772
00:38:39.164 --> 00:38:42.884
<00:38:39.164>I <00:38:39.251>think <00:38:39.339>that <00:38:39.426>sounds <00:38:39.514>like <00:38:39.601>it <00:38:39.689>could <00:38:39.776>be <00:38:39.864>real, <00:38:39.951>but <00:38:40.039>I <00:38:40.126>think <00:38:40.214>it's <00:38:40.301>too... <00:38:40.389>I <00:38:40.476>don't <00:38:40.564>know.

773
00:38:42.924 --> 00:38:44.464
<00:38:42.924>It <00:38:43.122>doesn't <00:38:43.320>feel <00:38:43.518>like <00:38:43.716>actually <00:38:43.913>it <00:38:44.112>is <00:38:44.310>real.

774
00:38:44.564 --> 00:38:45.764
<00:38:44.564>I <00:38:44.779>also <00:38:44.996>want <00:38:45.212>to <00:38:45.428>say <00:38:45.644>fake.

775
00:38:47.624 --> 00:38:48.064
<00:38:47.624>It's <00:38:48.020>news.

776
00:38:48.144 --> 00:38:48.324
Oh.

777
00:38:48.533 --> 00:38:48.984
Oh.

778
00:38:49.244 --> 00:38:51.944
<00:38:49.244>Notepad++ <00:38:49.444>still <00:38:49.644>has <00:38:49.844>lots <00:38:50.044>and <00:38:50.244>lots <00:38:50.444>of <00:38:50.644>users.

779
00:38:52.084 --> 00:38:53.004
<00:38:52.084>I <00:38:52.249>don't <00:38:52.415>know <00:38:52.580>who <00:38:52.746>they <00:38:52.912>are,

780
00:38:53.984 --> 00:38:57.784
<00:38:53.984>but <00:38:54.139>yeah, <00:38:54.295>they <00:38:54.450>have. <00:38:54.606>Amazon <00:38:54.761>Prime <00:38:54.917>drone <00:38:55.072>delivery <00:38:55.228>suspended <00:38:55.384>in

781
00:38:57.804 --> 00:39:01.744
<00:38:57.804>14 <00:38:58.004>US <00:38:58.204>cities <00:38:58.404>after <00:38:58.604>FAA <00:38:58.804>reports <00:38:59.004>23 <00:38:59.204>near-miss

782
00:39:01.804 --> 00:39:03.524
<00:39:01.804>accidents <00:39:02.270>with <00:39:02.737>commercial <00:39:03.204>aircraft.

783
00:39:03.533 --> 00:39:06.884
<00:39:03.533>Definitely <00:39:03.660>sounds <00:39:03.787>real <00:39:03.914>to <00:39:04.042>me. <00:39:04.169>I <00:39:04.296>can <00:39:04.423>just <00:39:04.551>see <00:39:04.678>that <00:39:04.805>happening. <00:39:04.933>Yeah.

784
00:39:06.924 --> 00:39:07.074
Same.

785
00:39:07.074 --> 00:39:07.804
<00:39:07.074>Like <00:39:07.293>way <00:39:07.512>more <00:39:07.731>cars.

786
00:39:08.344 --> 00:39:08.984
<00:39:08.344>Nope, <00:39:08.632>it's <00:39:08.920>fake.

787
00:39:09.844 --> 00:39:10.144
Sorry.

788
00:39:10.364 --> 00:39:13.864
<00:39:10.364>How <00:39:10.491>high <00:39:10.618>do <00:39:10.745>these <00:39:10.873>drones <00:39:11.000>fly, <00:39:11.127>and <00:39:11.254>how <00:39:11.382>high <00:39:11.509>do <00:39:11.636>planes <00:39:11.764>fly?

789
00:39:14.704 --> 00:39:15.384
<00:39:14.704>Near <00:39:15.316>airports.

790
00:39:15.424 --> 00:39:17.104
<00:39:15.424>Yeah, <00:39:15.657>they're <00:39:15.890>not <00:39:16.124>near <00:39:16.357>airports. <00:39:16.590>That's <00:39:16.824>the

791
00:39:17.924 --> 00:39:19.104
<00:39:17.924>bigger <00:39:18.986>problem.

792
00:39:19.154 --> 00:39:19.154
<00:39:19.154>Oh, <00:39:19.154>yeah.

793
00:39:19.164 --> 00:39:22.964
<00:39:19.164>Meta's <00:39:19.304>new <00:39:19.444>relationship <00:39:19.584>health <00:39:19.724>feature <00:39:19.864>warns <00:39:20.004>users <00:39:20.144>when <00:39:20.284>their <00:39:20.424>texting <00:39:20.564>patterns

794
00:39:23.004 --> 00:39:25.564
<00:39:23.004>suggest <00:39:23.203>they <00:39:23.404>are <00:39:23.604>emotionally <00:39:23.804>dependent <00:39:24.004>on <00:39:24.203>a <00:39:24.404>contact.

795
00:39:26.784 --> 00:39:28.744
<00:39:26.784>Surely <00:39:27.064>not. <00:39:27.344>That <00:39:27.624>would <00:39:27.904>be <00:39:28.184>ridiculous.

796
00:39:29.084 --> 00:39:32.844
<00:39:29.084>Mark's <00:39:29.177>known <00:39:29.270>to <00:39:29.364>do <00:39:29.457>weird <00:39:29.550>stuff, <00:39:29.644>but <00:39:29.737>I <00:39:29.830>think <00:39:29.924>this <00:39:30.017>would <00:39:30.110>be <00:39:30.203>too <00:39:30.297>weird <00:39:30.390>for <00:39:30.484>Mark

797
00:39:32.944 --> 00:39:33.224
even.

798
00:39:34.184 --> 00:39:35.144
<00:39:34.184>Yeah. <00:39:34.616>Thank <00:39:35.048>God.

799
00:39:36.004 --> 00:39:39.484
<00:39:36.004>Scientists <00:39:36.179>create <00:39:36.354>artificial <00:39:36.529>blood <00:39:36.703>that <00:39:36.879>could <00:39:37.054>replace <00:39:37.229>human <00:39:37.404>donors.

800
00:39:40.184 --> 00:39:42.264
<00:39:40.184>I <00:39:40.300>think <00:39:40.417>it <00:39:40.534>will <00:39:40.650>happen, <00:39:40.767>but <00:39:40.884>I <00:39:41.000>don't <00:39:41.117>know <00:39:41.234>if <00:39:41.350>it <00:39:41.467>has <00:39:41.584>happened.

801
00:39:42.384 --> 00:39:44.024
<00:39:42.384>I <00:39:42.559>always <00:39:42.734>think <00:39:42.909>that <00:39:43.084>would <00:39:43.259>be <00:39:43.434>bigger <00:39:43.609>news, <00:39:43.784>surely.

802
00:39:46.264 --> 00:39:46.533
<00:39:46.264>What <00:39:46.344>do <00:39:46.425>you <00:39:46.506>think?

803
00:39:46.584 --> 00:39:47.134
<00:39:46.584>I <00:39:46.749>would <00:39:46.913>say <00:39:47.079>news.

804
00:39:47.184 --> 00:39:47.724
<00:39:47.184>It's <00:39:47.670>fake.

805
00:39:48.744 --> 00:39:49.184
<00:39:48.744>It's <00:39:49.140>fake.

806
00:39:50.344 --> 00:39:54.124
<00:39:50.344>Every <00:39:50.484>frontier <00:39:50.624>AI <00:39:50.764>model <00:39:50.904>tested <00:39:51.044>by <00:39:51.184>Britain's <00:39:51.324>Safety <00:39:51.464>Institute <00:39:51.604>tried <00:39:51.744>to

807
00:39:54.184 --> 00:39:56.264
<00:39:54.184>cheat <00:39:54.650>on <00:39:55.117>cybersecurity <00:39:55.584>evaluations.

808
00:39:56.984 --> 00:39:59.424
<00:39:56.984>I'm <00:39:57.124>going <00:39:57.264>to <00:39:57.404>say <00:39:57.544>yeah, <00:39:57.683>100%. <00:39:57.824>It <00:39:57.964>feels <00:39:58.104>like <00:39:58.244>it. <00:39:58.384>Yeah.

809
00:39:59.984 --> 00:40:00.684
<00:39:59.984>Yep, <00:40:00.299>it's <00:40:00.614>news.

810
00:40:02.564 --> 00:40:06.264
<00:40:02.564>BrainCo <00:40:02.844>demonstrates <00:40:03.124>brain-controlled <00:40:03.404>robot <00:40:03.683>AI <00:40:03.964>platform.

811
00:40:06.784 --> 00:40:07.164
<00:40:06.784>Oh, <00:40:07.126>no.

812
00:40:09.224 --> 00:40:11.524
<00:40:09.224>I <00:40:09.340>think <00:40:09.457>it's <00:40:09.574>fake, <00:40:09.690>but <00:40:09.807>what <00:40:09.924>do <00:40:10.040>you <00:40:10.157>think? <00:40:10.274>Look <00:40:10.390>at <00:40:10.507>the <00:40:10.624>name.

813
00:40:11.574 --> 00:40:14.784
<00:40:11.574>Same. <00:40:11.749>The <00:40:11.924>name <00:40:12.099>BrainCo <00:40:12.274>is <00:40:12.449>very <00:40:12.624>off <00:40:12.799>the <00:40:12.974>shelf.

814
00:40:15.264 --> 00:40:17.384
<00:40:15.264>Yeah, <00:40:15.419>on <00:40:15.575>the <00:40:15.730>nose. <00:40:15.886>I <00:40:16.041>think <00:40:16.197>Chris <00:40:16.352>made <00:40:16.508>that <00:40:16.664>up.

815
00:40:19.544 --> 00:40:20.104
<00:40:19.544>It's <00:40:20.048>news.

816
00:40:20.593 --> 00:40:21.064
No.

817
00:40:22.784 --> 00:40:26.164
<00:40:22.784>And <00:40:22.939>I <00:40:23.095>read <00:40:23.250>it, <00:40:23.406>and <00:40:23.561>all <00:40:23.717>I <00:40:23.872>was <00:40:24.028>thinking, <00:40:24.184>"Futurama."

818
00:40:26.724 --> 00:40:28.304
<00:40:26.724>BrainCo <00:40:27.004>would <00:40:27.284>be <00:40:27.564>such <00:40:27.844>a <00:40:28.124>name-

819
00:40:28.364 --> 00:40:28.373
Yeah

820
00:40:28.464 --> 00:40:30.994
<00:40:28.464>... <00:40:28.697>a <00:40:28.930>Futurama <00:40:29.163>show. <00:40:29.397>It <00:40:29.630>just, <00:40:29.864>really?

821
00:40:31.484 --> 00:40:31.804
<00:40:31.484>It <00:40:31.772>would.

822
00:40:31.904 --> 00:40:32.104
Okay.

823
00:40:32.164 --> 00:40:32.824
<00:40:32.164>It <00:40:32.461>really <00:40:32.758>would.

824
00:40:34.184 --> 00:40:34.344
Wow.

825
00:40:34.424 --> 00:40:38.154
<00:40:34.424>Yeah. <00:40:34.551>So <00:40:34.678>lots <00:40:34.805>of <00:40:34.933>good <00:40:35.060>ones <00:40:35.187>today. <00:40:35.314>I <00:40:35.442>caught <00:40:35.569>you <00:40:35.696>many <00:40:35.824>times

826
00:40:38.204 --> 00:40:41.904
<00:40:38.204>with <00:40:38.311>wrong <00:40:38.419>things, <00:40:38.527>so <00:40:38.634>I'm <00:40:38.742>very <00:40:38.850>excited <00:40:38.957>about <00:40:39.065>that <00:40:39.173>one. <00:40:39.280>So <00:40:39.388>that's <00:40:39.496>pretty <00:40:39.604>good.

827
00:40:42.584 --> 00:40:42.644
Yeah.

828
00:40:42.684 --> 00:40:44.564
<00:40:42.684>So <00:40:42.859>yeah, <00:40:43.034>that <00:40:43.209>was <00:40:43.384>Fake <00:40:43.559>On <00:40:43.734>News <00:40:43.909>for <00:40:44.084>today.

829
00:40:45.464 --> 00:40:47.144
<00:40:45.464>So, <00:40:45.744>you <00:40:46.024>can <00:40:46.304>play <00:40:46.584>along <00:40:46.864>as

830
00:40:48.024 --> 00:40:51.924
<00:40:48.024>always, <00:40:48.140>and <00:40:48.257>it's <00:40:48.374>going <00:40:48.490>to <00:40:48.607>be <00:40:48.723>in <00:40:48.840>the <00:40:48.957>archives <00:40:49.074>of <00:40:49.190>Fake <00:40:49.307>On <00:40:49.424>News

831
00:40:52.044 --> 00:40:53.744
<00:40:52.044>in <00:40:52.324>the <00:40:52.604>near <00:40:52.884>future <00:40:53.163>as <00:40:53.444>well.

832
00:40:54.744 --> 00:40:58.504
<00:40:54.744>Cool. <00:40:54.844>So <00:40:54.944>that's <00:40:55.044>it <00:40:55.144>from <00:40:55.244>me <00:40:55.344>to <00:40:55.444>share, <00:40:55.544>so <00:40:55.644>I'm <00:40:55.744>handing <00:40:55.844>over <00:40:55.944>the <00:40:56.044>stage <00:40:56.144>to

833
00:40:58.584 --> 00:40:58.884
Jad.

834
00:40:59.884 --> 00:41:03.844
<00:40:59.884>You <00:41:00.039>wrote <00:41:00.195>a <00:41:00.350>great <00:41:00.506>article <00:41:00.661>about <00:41:00.817>streaming <00:41:00.972>HTML, <00:41:01.128>so <00:41:01.284>tell

835
00:41:03.904 --> 00:41:04.884
<00:41:03.904>us <00:41:04.198>what's <00:41:04.492>that <00:41:04.786>about.

836
00:41:05.244 --> 00:41:06.384
<00:41:05.244>So <00:41:05.586>that's <00:41:05.928>the <00:41:06.270>article.

837
00:41:07.264 --> 00:41:10.924
<00:41:07.264>There's <00:41:07.391>also <00:41:07.518>a <00:41:07.645>YouTube <00:41:07.773>version <00:41:07.900>of <00:41:08.027>it, <00:41:08.154>and <00:41:08.282>I'm <00:41:08.409>going <00:41:08.536>to <00:41:08.664>show

838
00:41:11.024 --> 00:41:14.544
<00:41:11.024>you. <00:41:11.124>There <00:41:11.223>are <00:41:11.324>live <00:41:11.424>demos, <00:41:11.524>and <00:41:11.624>it's <00:41:11.723>actually, <00:41:11.824>this <00:41:11.924>really <00:41:12.024>shows <00:41:12.124>the <00:41:12.223>power <00:41:12.324>of <00:41:12.424>the

839
00:41:14.584 --> 00:41:18.404
<00:41:14.584>web. <00:41:14.700>The <00:41:14.817>live <00:41:14.933>demos <00:41:15.050>require <00:41:15.167>no <00:41:15.283>server <00:41:15.400>because <00:41:15.517>I <00:41:15.634>don't <00:41:15.750>want <00:41:15.867>to <00:41:15.984>pay

840
00:41:18.484 --> 00:41:22.464
<00:41:18.484>for <00:41:18.584>server <00:41:18.683>costs <00:41:18.784>for <00:41:18.884>people <00:41:18.984>to <00:41:19.084>read <00:41:19.183>my <00:41:19.284>blog, <00:41:19.384>so <00:41:19.484>I'm <00:41:19.584>using <00:41:19.683>a <00:41:19.784>service <00:41:19.884>worker,

841
00:41:22.824 --> 00:41:26.164
<00:41:22.824>which <00:41:22.924>is <00:41:23.024>pretty <00:41:23.124>cool. <00:41:23.224>So <00:41:23.324>use <00:41:23.424>the <00:41:23.524>service <00:41:23.624>worker <00:41:23.724>as <00:41:23.824>a <00:41:23.924>server <00:41:24.024>to <00:41:24.124>stream <00:41:24.224>stuff.

842
00:41:26.544 --> 00:41:28.464
<00:41:26.544>But <00:41:26.719>I'm <00:41:26.894>only <00:41:27.069>going <00:41:27.243>to <00:41:27.419>use <00:41:27.594>the <00:41:27.769>local <00:41:27.944>demos.

843
00:41:28.604 --> 00:41:30.584
<00:41:28.604>It's <00:41:28.803>kind <00:41:29.004>of <00:41:29.203>easier <00:41:29.404>for <00:41:29.604>me <00:41:29.803>to <00:41:30.004>show.

844
00:41:31.484 --> 00:41:35.044
<00:41:31.484>Some <00:41:31.624>things <00:41:31.764>work <00:41:31.904>on <00:41:32.044>Chrome, <00:41:32.183>because <00:41:32.324>now <00:41:32.464>we're, <00:41:32.604>I <00:41:32.744>think, <00:41:32.884>Chrome

845
00:41:35.464 --> 00:41:37.804
<00:41:35.464>150. <00:41:36.864>Yeah.

846
00:41:38.233 --> 00:41:38.233
Yeah.

847
00:41:38.244 --> 00:41:41.404
<00:41:38.244>But <00:41:38.399>I'm <00:41:38.555>going <00:41:38.710>to <00:41:38.866>use <00:41:39.021>Chrome <00:41:39.177>Canary, <00:41:39.332>and <00:41:39.488>I <00:41:39.644>have

848
00:41:41.524 --> 00:41:43.664
<00:41:41.524>experimental <00:41:41.990>web <00:41:42.457>features <00:41:42.924>enabled.

849
00:41:43.714 --> 00:41:44.904
<00:41:43.714>That's <00:41:43.981>only <00:41:44.249>for <00:41:44.517>the <00:41:44.785>last,

850
00:41:47.524 --> 00:41:48.844
<00:41:47.524>it's <00:41:47.693>only <00:41:47.863>for <00:41:48.033>the <00:41:48.202>third <00:41:48.372>demo, <00:41:48.542>I <00:41:48.712>think.

851
00:41:49.144 --> 00:41:51.544
<00:41:49.144>It <00:41:49.251>doesn't <00:41:49.359>matter, <00:41:49.467>because <00:41:49.574>if <00:41:49.682>you <00:41:49.790>see <00:41:49.897>this <00:41:50.005>in <00:41:50.113>two <00:41:50.220>months, <00:41:50.328>things <00:41:50.436>will <00:41:50.544>change.

852
00:41:51.664 --> 00:41:53.344
<00:41:51.664>It's <00:41:51.897>definitely <00:41:52.130>a <00:41:52.364>Chrome-only <00:41:52.597>thing <00:41:52.830>for <00:41:53.064>now.

853
00:41:53.884 --> 00:41:56.544
<00:41:53.884>But <00:41:54.000>if <00:41:54.117>I <00:41:54.234>remember <00:41:54.350>correctly, <00:41:54.467>Firefox <00:41:54.584>and <00:41:54.700>Safari <00:41:54.817>had <00:41:54.934>a <00:41:55.050>lot <00:41:55.167>of <00:41:55.284>interest.

854
00:41:56.904 --> 00:41:59.844
<00:41:56.904>And <00:41:57.044>I'm <00:41:57.184>just <00:41:57.324>going <00:41:57.464>to <00:41:57.604>jump <00:41:57.744>right <00:41:57.884>into <00:41:58.024>the <00:41:58.164>first <00:41:58.304>demo.

855
00:42:00.484 --> 00:42:02.704
<00:42:00.484>Basic <00:42:00.683>stream <00:42:00.884>marker. <00:42:01.084>That's, <00:42:01.284>I'm <00:42:01.484>going <00:42:01.683>to <00:42:01.884>reload.

856
00:42:03.204 --> 00:42:06.454
<00:42:03.204>So <00:42:03.404>basic <00:42:03.604>stream <00:42:03.804>marker. <00:42:04.004>Streamed <00:42:04.204>first, <00:42:04.404>shown <00:42:04.604>immediately.

857
00:42:06.544 --> 00:42:08.124
<00:42:06.544>No <00:42:06.777>JavaScript <00:42:07.010>on <00:42:07.243>this <00:42:07.477>page, <00:42:07.710>I <00:42:07.944>promise.

858
00:42:09.104 --> 00:42:12.104
<00:42:09.104>Well, <00:42:09.197>there <00:42:09.290>is <00:42:09.384>a <00:42:09.477>tiny <00:42:09.570>bit <00:42:09.663>that <00:42:09.757>is <00:42:09.850>streamed <00:42:09.944>later, <00:42:10.037>and <00:42:10.130>then <00:42:10.223>here, <00:42:10.317>waiting <00:42:10.410>for <00:42:10.504>the

859
00:42:12.124 --> 00:42:14.144
<00:42:12.124>rest <00:42:12.251>of <00:42:12.378>the <00:42:12.505>response <00:42:12.633>to <00:42:12.760>stream <00:42:12.887>in, <00:42:13.014>and <00:42:13.142>then <00:42:13.269>we <00:42:13.396>get <00:42:13.524>this.

860
00:42:14.544 --> 00:42:16.404
<00:42:14.544>Now <00:42:14.824>let <00:42:15.104>me <00:42:15.384>right <00:42:15.663>click, <00:42:15.944>inspect,

861
00:42:17.464 --> 00:42:18.464
<00:42:17.464>go <00:42:17.764>to <00:42:18.064>the <00:42:18.364>network,

862
00:42:19.504 --> 00:42:22.664
<00:42:19.504>reload <00:42:19.631>the <00:42:19.758>page, <00:42:19.885>and <00:42:20.013>take <00:42:20.140>a <00:42:20.267>look. <00:42:20.394>There's <00:42:20.522>only <00:42:20.649>one <00:42:20.776>response <00:42:20.904>here,

863
00:42:23.564 --> 00:42:26.664
<00:42:23.564>only <00:42:23.671>one <00:42:23.779>response. <00:42:23.887>And <00:42:23.994>now, <00:42:24.102>one <00:42:24.210>more <00:42:24.317>time, <00:42:24.425>take <00:42:24.533>a <00:42:24.640>look <00:42:24.748>at <00:42:24.856>the <00:42:24.964>favicon.

864
00:42:27.064 --> 00:42:27.704
<00:42:27.064>It's <00:42:27.640>loading

865
00:42:28.884 --> 00:42:30.824
<00:42:28.884>because <00:42:29.117>we <00:42:29.350>are <00:42:29.584>streaming <00:42:29.817>something <00:42:30.050>later <00:42:30.284>on.

866
00:42:30.944 --> 00:42:31.124
So

867
00:42:31.924 --> 00:42:35.484
<00:42:31.924>now <00:42:32.031>we're <00:42:32.139>going <00:42:32.247>to <00:42:32.354>focus <00:42:32.462>a <00:42:32.570>little <00:42:32.677>bit <00:42:32.785>more <00:42:32.893>on <00:42:33.000>the <00:42:33.108>tools, <00:42:33.216>on <00:42:33.324>the

868
00:42:35.504 --> 00:42:35.964
response

869
00:42:36.844 --> 00:42:37.124
here

870
00:42:38.194 --> 00:42:41.934
<00:42:38.194>Take <00:42:38.287>a <00:42:38.380>look. <00:42:38.474>It <00:42:38.567>ends <00:42:38.660>here. <00:42:38.754>It <00:42:38.847>ends <00:42:38.940>on <00:42:39.034>a <00:42:39.127>meta, <00:42:39.220>and <00:42:39.314>then <00:42:39.407>we <00:42:39.500>stream <00:42:39.594>this

871
00:42:42.014 --> 00:42:42.694
<00:42:42.014>later <00:42:42.626>on.

872
00:42:43.614 --> 00:42:43.904
Now,

873
00:42:44.754 --> 00:42:46.884
<00:42:44.754>does <00:42:45.034>something <00:42:45.314>catch <00:42:45.594>your <00:42:45.874>eye <00:42:46.154>here?

874
00:42:48.274 --> 00:42:51.514
<00:42:48.274>Less <00:42:48.473>than <00:42:48.674>question <00:42:48.874>mark, <00:42:49.074>marker <00:42:49.274>name <00:42:49.473>equals <00:42:49.674>content.

875
00:42:52.994 --> 00:42:55.774
<00:42:52.994>I <00:42:53.110>would <00:42:53.227>love <00:42:53.344>to <00:42:53.460>see <00:42:53.577>your <00:42:53.694>faces <00:42:53.810>now, <00:42:53.927>see <00:42:54.044>how <00:42:54.160>surprised <00:42:54.277>you <00:42:54.394>are.

876
00:42:55.814 --> 00:42:56.274
<00:42:55.814>But <00:42:56.020>this <00:42:56.228>is

877
00:42:58.234 --> 00:43:00.694
<00:42:58.234>called <00:42:58.700>a <00:42:59.167>processing <00:42:59.634>instruction.

878
00:43:00.994 --> 00:43:04.744
<00:43:00.994>I <00:43:01.081>have <00:43:01.169>never <00:43:01.256>been <00:43:01.344>super <00:43:01.431>deep <00:43:01.519>into <00:43:01.606>browsers <00:43:01.694>to <00:43:01.781>know <00:43:01.869>exactly <00:43:01.956>what <00:43:02.044>it <00:43:02.131>is, <00:43:02.219>but <00:43:02.306>I <00:43:02.394>think

879
00:43:04.774 --> 00:43:08.374
<00:43:04.774>it's <00:43:05.054>something <00:43:05.334>left <00:43:05.614>over <00:43:05.894>from <00:43:06.174>the

880
00:43:08.554 --> 00:43:09.334
<00:43:08.554>XML <00:43:09.256>days,

881
00:43:10.394 --> 00:43:13.944
<00:43:10.394>and <00:43:10.493>it's <00:43:10.593>still <00:43:10.694>in <00:43:10.794>browsers. <00:43:10.894>But <00:43:10.993>if <00:43:11.093>it's <00:43:11.194>not <00:43:11.294>implemented, <00:43:11.394>you <00:43:11.493>will <00:43:11.593>just <00:43:11.694>see <00:43:11.794>a

882
00:43:13.954 --> 00:43:17.134
<00:43:13.954>comment. <00:43:14.109>It <00:43:14.265>will <00:43:14.420>be <00:43:14.576>converted <00:43:14.731>into <00:43:14.887>comment <00:43:15.042>because <00:43:15.198>it's <00:43:15.354>unused.

883
00:43:17.194 --> 00:43:20.894
<00:43:17.194>So <00:43:17.287>I'll <00:43:17.380>show <00:43:17.474>you <00:43:17.567>in <00:43:17.660>Firefox <00:43:17.754>now. <00:43:17.847>It's <00:43:17.940>not <00:43:18.034>a <00:43:18.127>fallback <00:43:18.220>because <00:43:18.314>you <00:43:18.407>don't <00:43:18.500>really <00:43:18.594>get

884
00:43:20.934 --> 00:43:23.254
<00:43:20.934>anything <00:43:21.074>useful <00:43:21.214>out <00:43:21.354>of <00:43:21.494>it, <00:43:21.634>but <00:43:21.774>it <00:43:21.914>doesn't <00:43:22.054>break <00:43:22.194>the <00:43:22.334>page.

885
00:43:23.394 --> 00:43:25.054
<00:43:23.394>It's <00:43:23.674>just <00:43:23.953>turned <00:43:24.234>into <00:43:24.513>a <00:43:24.794>comment.

886
00:43:26.214 --> 00:43:27.134
<00:43:26.214>Okay. <00:43:26.628>So <00:43:27.042>the

887
00:43:29.174 --> 00:43:32.814
<00:43:29.174>HTML <00:43:29.407>parser <00:43:29.640>recognizes <00:43:29.874>it <00:43:30.107>as <00:43:30.340>an <00:43:30.574>XML

888
00:43:32.874 --> 00:43:35.854
<00:43:32.874>feature <00:43:33.049>that <00:43:33.223>basically <00:43:33.399>then <00:43:33.573>turns <00:43:33.749>into <00:43:33.924>an <00:43:34.098>HTML <00:43:34.274>comment.

889
00:43:36.574 --> 00:43:39.154
<00:43:36.574>Interesting. <00:43:36.774>I <00:43:36.974>like <00:43:37.174>that <00:43:37.374>it's <00:43:37.574>consistent <00:43:37.774>with <00:43:37.974>the

890
00:43:39.254 --> 00:43:43.054
<00:43:39.254>conditionals <00:43:39.487>in <00:43:39.720>JavaScript <00:43:39.953>where <00:43:40.187>you <00:43:40.420>have <00:43:40.654>question

891
00:43:43.094 --> 00:43:45.694
<00:43:43.094>mark <00:43:43.327>dot, <00:43:43.560>and <00:43:43.794>this <00:43:44.027>is <00:43:44.260>question <00:43:44.494>mark

892
00:43:46.534 --> 00:43:49.854
<00:43:46.534>tag. <00:43:46.661>So <00:43:46.788>if <00:43:46.915>it <00:43:47.043>can <00:43:47.170>be <00:43:47.297>turned <00:43:47.424>into <00:43:47.552>something, <00:43:47.679>turn <00:43:47.806>into <00:43:47.934>something.

893
00:43:49.914 --> 00:43:50.974
<00:43:49.914>If <00:43:50.104>not, <00:43:50.295>just <00:43:50.486>comment <00:43:50.677>it <00:43:50.868>out.

894
00:43:52.314 --> 00:43:54.494
<00:43:52.314>Yeah. <00:43:52.547>I <00:43:52.780>think <00:43:53.013>it's <00:43:53.247>more <00:43:53.480>for <00:43:53.714>legacy.

895
00:43:55.254 --> 00:43:59.214
<00:43:55.254>I <00:43:55.354>think <00:43:55.453>the <00:43:55.554>team-- <00:43:55.654>I <00:43:55.754>cannot <00:43:55.854>really <00:43:55.953>speak <00:43:56.054>on <00:43:56.154>their <00:43:56.254>behalf, <00:43:56.354>but <00:43:56.453>as <00:43:56.554>far <00:43:56.654>as

896
00:43:59.224 --> 00:44:02.334
<00:43:59.224>I <00:43:59.317>know, <00:43:59.410>they <00:43:59.504>really <00:43:59.597>try <00:43:59.690>to <00:43:59.784>see <00:43:59.877>what <00:43:59.970>would <00:44:00.064>be <00:44:00.157>something <00:44:00.250>that <00:44:00.344>work <00:44:00.437>that <00:44:00.530>will <00:44:00.624>not

897
00:44:02.374 --> 00:44:06.244
<00:44:02.374>break <00:44:02.490>other <00:44:02.607>browsers, <00:44:02.723>and <00:44:02.840>there <00:44:02.957>was <00:44:03.073>this <00:44:03.190>feature <00:44:03.307>left, <00:44:03.424>and <00:44:03.540>you'll <00:44:03.657>see <00:44:03.774>this

898
00:44:06.254 --> 00:44:09.854
<00:44:06.254>design <00:44:06.341>choice <00:44:06.429>with <00:44:06.516>the <00:44:06.604>start <00:44:06.691>and <00:44:06.779>end <00:44:06.866>that <00:44:06.953>I'm <00:44:07.041>going <00:44:07.129>to <00:44:07.216>show <00:44:07.304>later. <00:44:07.391>So <00:44:07.479>take <00:44:07.566>a <00:44:07.654>look.

899
00:44:09.974 --> 00:44:13.534
<00:44:09.974>This <00:44:10.090>marker, <00:44:10.207>reload <00:44:10.324>one <00:44:10.440>more <00:44:10.557>time, <00:44:10.674>and <00:44:10.790>then <00:44:10.907>here <00:44:11.024>you <00:44:11.140>have <00:44:11.257>the <00:44:11.374>marker.

900
00:44:14.174 --> 00:44:16.674
<00:44:14.174>But <00:44:14.314>the <00:44:14.454>power <00:44:14.594>of <00:44:14.734>this <00:44:14.874>feature <00:44:15.014>is <00:44:15.154>that <00:44:15.294>we <00:44:15.434>use <00:44:15.574>templates.

901
00:44:17.004 --> 00:44:18.414
<00:44:17.004>Do <00:44:17.215>you <00:44:17.427>guys <00:44:17.638>know <00:44:17.850>the <00:44:18.061>template <00:44:18.273>element?

902
00:44:19.094 --> 00:44:19.894
<00:44:19.094>Yeah. <00:44:19.453>We <00:44:19.814>did.

903
00:44:20.034 --> 00:44:20.154
Yeah.

904
00:44:20.214 --> 00:44:22.574
<00:44:20.214>I <00:44:20.447>mean, <00:44:20.680>for <00:44:20.913>components, <00:44:21.147>of <00:44:21.380>course, <00:44:21.614>yeah.

905
00:44:22.614 --> 00:44:24.654
<00:44:22.614>Yeah, <00:44:22.789>indeed. <00:44:22.964>So <00:44:23.139>it's <00:44:23.314>inert. <00:44:23.489>It <00:44:23.664>doesn't <00:44:23.839>do <00:44:24.014>anything.

906
00:44:24.714 --> 00:44:26.814
<00:44:24.714>But <00:44:24.947>look <00:44:25.180>here, <00:44:25.413>with <00:44:25.647>four <00:44:25.880>equals <00:44:26.114>content,

907
00:44:27.654 --> 00:44:31.094
<00:44:27.654>we <00:44:27.761>map <00:44:27.869>it <00:44:27.977>automatically <00:44:28.084>to <00:44:28.192>name <00:44:28.300>equals <00:44:28.407>content, <00:44:28.515>and <00:44:28.623>there's <00:44:28.730>no <00:44:28.838>JavaScript <00:44:28.946>on <00:44:29.054>the

908
00:44:31.134 --> 00:44:34.654
<00:44:31.134>page. <00:44:31.250>This <00:44:31.367>is <00:44:31.484>just <00:44:31.600>optional <00:44:31.717>for <00:44:31.834>me <00:44:31.950>to <00:44:32.067>remove <00:44:32.184>this <00:44:32.300>notice, <00:44:32.417>this <00:44:32.534>one.

909
00:44:35.434 --> 00:44:39.374
<00:44:35.434>But <00:44:35.541>this <00:44:35.649>is <00:44:35.757>really <00:44:35.864>zero <00:44:35.972>JavaScript <00:44:36.080>running, <00:44:36.187>and <00:44:36.295>the <00:44:36.403>moment <00:44:36.510>you <00:44:36.618>stream <00:44:36.726>this, <00:44:36.834>it

910
00:44:39.414 --> 00:44:43.314
<00:44:39.414>will <00:44:39.521>actually <00:44:39.629>be <00:44:39.737>replaced. <00:44:39.844>It <00:44:39.952>will <00:44:40.060>replace <00:44:40.167>the <00:44:40.275>marker, <00:44:40.383>and <00:44:40.490>it <00:44:40.598>will <00:44:40.706>actually <00:44:40.814>replace

911
00:44:43.334 --> 00:44:43.834
<00:44:43.334>it <00:44:43.558>for <00:44:43.783>good.

912
00:44:44.754 --> 00:44:47.714
<00:44:44.754>So <00:44:44.987>here, <00:44:45.220>the <00:44:45.453>marker <00:44:45.687>is <00:44:45.920>completely <00:44:46.154>gone.

913
00:44:48.694 --> 00:44:51.584
<00:44:48.694>Yeah, <00:44:48.849>and <00:44:49.005>it <00:44:49.160>allows <00:44:49.316>you <00:44:49.471>to <00:44:49.627>stream <00:44:49.782>content <00:44:49.938>later <00:44:50.094>on.

914
00:44:51.614 --> 00:44:55.234
<00:44:51.614>It <00:44:51.721>sounds <00:44:51.829>like <00:44:51.937>a <00:44:52.044>very <00:44:52.152>small, <00:44:52.260>very <00:44:52.367>simple <00:44:52.475>feature, <00:44:52.583>but <00:44:52.690>this <00:44:52.798>is <00:44:52.906>where <00:44:53.014>my

915
00:44:55.244 --> 00:44:58.094
<00:44:55.244>experimentation <00:44:55.344>is <00:44:55.444>going, <00:44:55.544>and <00:44:55.644>this <00:44:55.744>is <00:44:55.844>where <00:44:55.944>I <00:44:56.044>want <00:44:56.144>to <00:44:56.244>show <00:44:56.344>you <00:44:56.444>that <00:44:56.544>it <00:44:56.644>unlocks

916
00:44:58.134 --> 00:44:59.254
<00:44:58.134>actually <00:44:58.335>a <00:44:58.537>lot <00:44:58.738>of <00:44:58.940>use <00:44:59.142>cases.

917
00:45:00.094 --> 00:45:00.624
<00:45:00.094>Do <00:45:00.189>you <00:45:00.284>have <00:45:00.380>questions <00:45:00.475>for <00:45:00.571>now?

918
00:45:00.654 --> 00:45:01.443
<00:45:00.654>I <00:45:00.890>also <00:45:01.127>like <00:45:01.364>that

919
00:45:02.854 --> 00:45:06.774
<00:45:02.854>compared <00:45:02.970>to <00:45:03.087>an <00:45:03.203>iframe, <00:45:03.320>it <00:45:03.437>doesn't <00:45:03.553>have <00:45:03.670>its <00:45:03.787>own <00:45:03.904>box <00:45:04.020>that <00:45:04.137>basically <00:45:04.254>becomes

920
00:45:06.834 --> 00:45:10.214
<00:45:06.834>part <00:45:07.009>of <00:45:07.183>the <00:45:07.359>rendering. <00:45:07.533>So <00:45:07.709>that's <00:45:07.884>the <00:45:08.058>other <00:45:08.234>benefit.

921
00:45:10.254 --> 00:45:13.894
<00:45:10.254>With <00:45:10.354>an <00:45:10.453>iframe, <00:45:10.554>you <00:45:10.654>could <00:45:10.754>always <00:45:10.854>do <00:45:10.953>that, <00:45:11.054>but <00:45:11.154>basically, <00:45:11.254>you <00:45:11.354>had <00:45:11.453>to <00:45:11.554>give <00:45:11.654>the

922
00:45:13.904 --> 00:45:17.834
<00:45:13.904>iframe <00:45:14.031>a <00:45:14.158>size, <00:45:14.285>and <00:45:14.413>then <00:45:14.540>back <00:45:14.667>in <00:45:14.794>the <00:45:14.922>days <00:45:15.049>when <00:45:15.176>you <00:45:15.304>loaded

923
00:45:17.874 --> 00:45:21.594
<00:45:17.874>something, <00:45:18.001>you <00:45:18.128>do <00:45:18.255>a <00:45:18.383>self-resize <00:45:18.510>on <00:45:18.637>the <00:45:18.764>iframe, <00:45:18.892>and <00:45:19.019>that <00:45:19.146>was <00:45:19.274>a

924
00:45:21.634 --> 00:45:25.114
<00:45:21.634>security <00:45:21.774>problem <00:45:21.914>as <00:45:22.054>well. <00:45:22.194>So <00:45:22.334>this <00:45:22.474>one <00:45:22.614>solves <00:45:22.754>these <00:45:22.894>both <00:45:23.034>issues.

925
00:45:25.494 --> 00:45:29.074
<00:45:25.494>One <00:45:25.581>of <00:45:25.669>the <00:45:25.756>weird <00:45:25.844>things <00:45:25.931>I <00:45:26.019>find <00:45:26.106>here <00:45:26.194>is <00:45:26.281>that <00:45:26.369>you <00:45:26.456>have <00:45:26.544>a <00:45:26.631>four <00:45:26.719>attribute <00:45:26.806>towards <00:45:26.894>a

926
00:45:29.174 --> 00:45:30.894
<00:45:29.174>name <00:45:29.454>rather <00:45:29.734>than <00:45:30.014>towards <00:45:30.294>an <00:45:30.574>ID.

927
00:45:31.894 --> 00:45:32.294
<00:45:31.894>That <00:45:32.254>feels-

928
00:45:32.374 --> 00:45:32.594
Yeah

929
00:45:32.834 --> 00:45:34.223
<00:45:32.834>... <00:45:33.146>like <00:45:33.459>a <00:45:33.771>misnomer <00:45:34.084>because

930
00:45:35.134 --> 00:45:38.383
<00:45:35.134>a <00:45:35.289>name <00:45:35.445>attribute <00:45:35.600>can <00:45:35.756>be <00:45:35.911>several <00:45:36.067>elements <00:45:36.222>and <00:45:36.378>not <00:45:36.534>only

931
00:45:38.474 --> 00:45:39.374
one.

932
00:45:40.494 --> 00:45:44.214
<00:45:40.494>I <00:45:40.649>haven't <00:45:40.805>tried <00:45:40.960>it. <00:45:41.116>I'm <00:45:41.271>going <00:45:41.427>to <00:45:41.582>write <00:45:41.738>this <00:45:41.894>down

933
00:45:44.234 --> 00:45:48.014
<00:45:44.234>eventually. <00:45:44.341>I'm <00:45:44.449>going <00:45:44.557>to <00:45:44.664>try <00:45:44.772>it, <00:45:44.880>see <00:45:44.987>what <00:45:45.095>happens, <00:45:45.203>not <00:45:45.310>right <00:45:45.418>now, <00:45:45.526>but <00:45:45.634>I'm

934
00:45:48.074 --> 00:45:50.174
<00:45:48.074>curious <00:45:48.274>if <00:45:48.474>it <00:45:48.674>will <00:45:48.874>actually <00:45:49.074>replace <00:45:49.274>multiple <00:45:49.474>ones.

935
00:45:50.834 --> 00:45:51.894
<00:45:50.834>Or <00:45:50.970>maybe <00:45:51.106>how <00:45:51.242>much <00:45:51.379>time <00:45:51.515>do <00:45:51.651>we <00:45:51.787>have?

936
00:45:52.454 --> 00:45:54.394
<00:45:52.454>We <00:45:52.654>had <00:45:52.854>that <00:45:53.054>with <00:45:53.254>details <00:45:53.454>in <00:45:53.654>summary, <00:45:53.854>right?

937
00:45:54.494 --> 00:45:58.034
<00:45:54.494>In <00:45:54.610>basically <00:45:54.727>detailed <00:45:54.844>summary, <00:45:54.960>we <00:45:55.077>use <00:45:55.194>a <00:45:55.310>name <00:45:55.427>attribute <00:45:55.544>now, <00:45:55.660>so <00:45:55.777>you <00:45:55.894>have

938
00:45:58.214 --> 00:46:02.144
<00:45:58.214>it <00:45:58.413>as <00:45:58.614>accordion, <00:45:58.814>rather <00:45:59.014>than <00:45:59.214>an <00:45:59.413>ID <00:45:59.614>on

939
00:46:02.194 --> 00:46:05.894
<00:46:02.194>it. <00:46:02.276>But <00:46:02.358>it <00:46:02.441>feels <00:46:02.523>a <00:46:02.605>bit <00:46:02.688>weird <00:46:02.770>to <00:46:02.852>have <00:46:02.935>a <00:46:03.017>four <00:46:03.099>attribute <00:46:03.182>for <00:46:03.264>an <00:46:03.346>ID <00:46:03.429>because <00:46:03.511>when <00:46:03.594>it

940
00:46:05.934 --> 00:46:06.954
<00:46:05.934>comes <00:46:06.240>to <00:46:06.546>input <00:46:06.852>elements,

941
00:46:07.914 --> 00:46:11.794
<00:46:07.914>it <00:46:08.021>always <00:46:08.129>needs <00:46:08.237>to <00:46:08.344>have <00:46:08.452>a <00:46:08.560>four <00:46:08.667>and <00:46:08.775>ID <00:46:08.883>pair, <00:46:08.990>not <00:46:09.098>four <00:46:09.206>and <00:46:09.314>name

942
00:46:11.894 --> 00:46:12.074
pair.

943
00:46:13.054 --> 00:46:16.074
<00:46:13.054>Yeah, <00:46:13.229>and <00:46:13.404>actually, <00:46:13.579>I <00:46:13.754>tried <00:46:13.929>it. <00:46:14.104>It <00:46:14.279>replaces <00:46:14.454>both.

944
00:46:16.914 --> 00:46:17.674
<00:46:16.914>Or <00:46:17.142>maybe <00:46:17.370>that's <00:46:17.598>why.

945
00:46:18.304 --> 00:46:18.304
Yeah.

946
00:46:18.314 --> 00:46:21.894
<00:46:18.314>But <00:46:18.453>it <00:46:18.594>replaces <00:46:18.734>both, <00:46:18.874>but <00:46:19.013>just <00:46:19.154>once. <00:46:19.294>I'm <00:46:19.433>not <00:46:19.574>really <00:46:19.714>sure.

947
00:46:23.044 --> 00:46:24.934
<00:46:23.044>Cool. <00:46:23.324>Yeah. <00:46:23.604>Lots <00:46:23.884>of <00:46:24.163>interesting <00:46:24.444>stuff.

948
00:46:26.774 --> 00:46:26.954
Okay,

949
00:46:27.854 --> 00:46:30.834
<00:46:27.854>just <00:46:27.993>for <00:46:28.134>the <00:46:28.274>code, <00:46:28.413>we <00:46:28.553>have <00:46:28.694>10 <00:46:28.834>minutes, <00:46:28.973>right? <00:46:29.114>Or <00:46:29.254>more?

950
00:46:31.234 --> 00:46:33.414
<00:46:31.234>Yeah, <00:46:31.361>we <00:46:31.488>have <00:46:31.615>as <00:46:31.743>much <00:46:31.870>as <00:46:31.997>we <00:46:32.124>want. <00:46:32.252>Don't <00:46:32.379>worry <00:46:32.506>about <00:46:32.634>it.

951
00:46:33.634 --> 00:46:37.394
<00:46:33.634>Cool. <00:46:33.761>Okay, <00:46:33.888>cool. <00:46:34.015>So <00:46:34.143>this <00:46:34.270>is <00:46:34.397>the <00:46:34.524>server <00:46:34.652>code, <00:46:34.779>just <00:46:34.906>returning <00:46:35.034>the

952
00:46:38.254 --> 00:46:41.254
<00:46:38.254>first <00:46:38.381>part <00:46:38.508>of <00:46:38.635>the <00:46:38.763>response. <00:46:38.890>Nothing <00:46:39.017>really <00:46:39.144>fancy <00:46:39.272>except <00:46:39.399>of <00:46:39.526>the <00:46:39.654>marker.

953
00:46:42.374 --> 00:46:44.454
<00:46:42.374>And <00:46:42.607>then <00:46:42.840>I <00:46:43.073>simulate <00:46:43.307>server <00:46:43.540>processing <00:46:43.774>time.

954
00:46:44.534 --> 00:46:48.234
<00:46:44.534>Let's <00:46:44.689>say <00:46:44.845>you <00:46:45.000>need <00:46:45.156>to <00:46:45.311>get <00:46:45.467>this <00:46:45.622>content, <00:46:45.778>and <00:46:45.934>then

955
00:46:48.654 --> 00:46:52.234
<00:46:48.654>we <00:46:48.809>send <00:46:48.965>the <00:46:49.120>template <00:46:49.276>over <00:46:49.431>here. <00:46:49.587>Let <00:46:49.742>me <00:46:49.898>run <00:46:50.054>NPM

956
00:46:52.334 --> 00:46:54.254
<00:46:52.334>run <00:46:52.800>dev, <00:46:53.267>I <00:46:53.734>think.

957
00:46:55.974 --> 00:46:57.414
<00:46:55.974>Yeah, <00:46:56.159>then <00:46:56.344>if <00:46:56.529>I <00:46:56.714>make <00:46:56.899>changes, <00:46:57.084>they <00:46:57.270>will...

958
00:46:58.474 --> 00:47:01.534
<00:46:58.474>Yeah. <00:46:58.601>So <00:46:58.728>we <00:46:58.855>can <00:46:58.983>remove <00:46:59.110>the <00:46:59.237>script. <00:46:59.364>It's <00:46:59.492>really <00:46:59.619>now <00:46:59.746>zero <00:46:59.874>JavaScript.

959
00:47:01.694 --> 00:47:03.874
<00:47:01.694>This <00:47:01.927>will <00:47:02.160>stay <00:47:02.394>in. <00:47:02.627>It's <00:47:02.860>super <00:47:03.094>cool.

960
00:47:04.374 --> 00:47:06.994
<00:47:04.374>But <00:47:04.501>I <00:47:04.628>want <00:47:04.755>to <00:47:04.883>show <00:47:05.010>you <00:47:05.137>the <00:47:05.264>new <00:47:05.392>use <00:47:05.519>cases <00:47:05.646>it <00:47:05.774>unlocks.

961
00:47:07.694 --> 00:47:10.854
<00:47:07.694>This <00:47:07.834>one <00:47:07.974>is <00:47:08.114>one <00:47:08.254>of <00:47:08.394>my <00:47:08.534>favorite <00:47:08.674>because <00:47:08.814>I <00:47:08.954>love <00:47:09.094>performance.

962
00:47:12.614 --> 00:47:14.074
<00:47:12.614>It's <00:47:12.801>one <00:47:12.989>of <00:47:13.177>the <00:47:13.364>things <00:47:13.552>I <00:47:13.740>specialize <00:47:13.928>in.

963
00:47:15.974 --> 00:47:19.674
<00:47:15.974>Take <00:47:16.074>a <00:47:16.174>look <00:47:16.274>here, <00:47:16.374>I <00:47:16.474>have <00:47:16.574>a <00:47:16.674>loading, <00:47:16.774>and <00:47:16.874>then <00:47:16.974>later <00:47:17.074>I <00:47:17.174>get <00:47:17.274>the <00:47:17.374>whole

964
00:47:19.734 --> 00:47:23.634
<00:47:19.734>menu. <00:47:19.827>So <00:47:19.920>all <00:47:20.014>of <00:47:20.107>the <00:47:20.200>submenus <00:47:20.294>are <00:47:20.387>actually <00:47:20.480>loading, <00:47:20.574>and <00:47:20.667>here <00:47:20.760>I <00:47:20.854>want <00:47:20.947>you <00:47:21.040>to <00:47:21.134>imagine

965
00:47:23.674 --> 00:47:27.474
<00:47:23.674>that <00:47:23.801>this <00:47:23.928>is <00:47:24.055>like <00:47:24.183>a <00:47:24.310>mega <00:47:24.437>menu <00:47:24.564>with <00:47:24.692>maybe <00:47:24.819>1,000 <00:47:24.946>line <00:47:25.074>of

966
00:47:28.014 --> 00:47:28.514
HTML.

967
00:47:29.674 --> 00:47:33.344
<00:47:29.674>And <00:47:29.767>generally, <00:47:29.860>you <00:47:29.954>just <00:47:30.047>have <00:47:30.140>to <00:47:30.234>ship <00:47:30.327>that <00:47:30.420>HTML, <00:47:30.514>which <00:47:30.607>is <00:47:30.700>a <00:47:30.794>bit <00:47:30.887>sad <00:47:30.980>for <00:47:31.074>your

968
00:47:33.414 --> 00:47:34.954
<00:47:33.414>performance <00:47:33.691>because <00:47:33.968>this <00:47:34.245>is <00:47:34.522>the <00:47:34.800>LCP,

969
00:47:36.034 --> 00:47:39.514
<00:47:36.034>and <00:47:36.174>your <00:47:36.314>LCP <00:47:36.454>can <00:47:36.594>only <00:47:36.734>be <00:47:36.874>processed <00:47:37.014>after <00:47:37.154>1,000 <00:47:37.294>HTML <00:47:37.434>line,

970
00:47:39.634 --> 00:47:42.754
<00:47:39.634>and <00:47:39.984>it's <00:47:40.334>probably <00:47:40.684>parser <00:47:41.034>blocking,

971
00:47:43.474 --> 00:47:45.174
<00:47:43.474>so <00:47:43.824>you're <00:47:44.174>delaying <00:47:44.524>your <00:47:44.874>LCP,

972
00:47:46.414 --> 00:47:50.294
<00:47:46.414>because <00:47:46.521>you <00:47:46.629>have <00:47:46.737>a <00:47:46.844>mega <00:47:46.952>menu, <00:47:47.060>and <00:47:47.167>you <00:47:47.275>don't <00:47:47.383>really <00:47:47.490>need <00:47:47.598>the <00:47:47.706>mega <00:47:47.814>menu

973
00:47:50.334 --> 00:47:51.194
<00:47:50.334>to <00:47:50.721>render <00:47:51.108>first.

974
00:47:52.154 --> 00:47:55.434
<00:47:52.154>You <00:47:52.241>don't <00:47:52.329>want <00:47:52.416>to <00:47:52.504>move <00:47:52.591>it <00:47:52.679>at <00:47:52.766>the <00:47:52.854>end <00:47:52.941>of <00:47:53.029>the <00:47:53.116>HTML <00:47:53.204>because <00:47:53.291>that <00:47:53.379>kind <00:47:53.466>of <00:47:53.554>breaks

975
00:47:55.514 --> 00:47:59.154
<00:47:55.514>accessibility, <00:47:55.654>unless <00:47:55.794>this <00:47:55.934>is <00:47:56.074>by <00:47:56.214>choice <00:47:56.354>and <00:47:56.494>you <00:47:56.634>don't <00:47:56.774>want <00:47:56.914>to

976
00:47:59.194 --> 00:48:02.874
<00:47:59.194>implement <00:47:59.294>the <00:47:59.394>jump <00:47:59.494>to <00:47:59.594>content, <00:47:59.694>because <00:47:59.794>someone <00:47:59.894>was <00:47:59.994>telling <00:48:00.094>me, <00:48:00.194>"I <00:48:00.294>never <00:48:00.394>do <00:48:00.494>jump <00:48:00.594>to

977
00:48:02.914 --> 00:48:04.254
<00:48:02.914>content. <00:48:03.316>I <00:48:03.718>just <00:48:04.120>move

978
00:48:05.234 --> 00:48:06.334
<00:48:05.234>the <00:48:05.481>menu <00:48:05.729>to <00:48:05.976>the <00:48:06.223>bottom."

979
00:48:07.294 --> 00:48:10.054
<00:48:07.294>I <00:48:07.410>don't <00:48:07.527>know <00:48:07.644>about <00:48:07.760>it, <00:48:07.877>but <00:48:07.993>yeah, <00:48:08.110>generally, <00:48:08.227>you <00:48:08.344>don't <00:48:08.460>want <00:48:08.577>to <00:48:08.694>break

980
00:48:11.234 --> 00:48:15.114
<00:48:11.234>the <00:48:11.350>tab <00:48:11.467>order, <00:48:11.584>and <00:48:11.700>here <00:48:11.817>it's <00:48:11.933>not <00:48:12.050>really <00:48:12.167>broken, <00:48:12.284>and <00:48:12.400>we're <00:48:12.517>prioritizing <00:48:12.634>the

981
00:48:15.154 --> 00:48:15.694
performance.

982
00:48:17.174 --> 00:48:17.934
<00:48:17.174>So <00:48:17.402>how <00:48:17.630>this <00:48:17.858>works,

983
00:48:19.374 --> 00:48:22.234
<00:48:19.374>we <00:48:19.529>have <00:48:19.685>one <00:48:19.840>more <00:48:19.996>time <00:48:20.151>reload. <00:48:20.307>Have <00:48:20.462>to <00:48:20.618>be <00:48:20.774>quick.

984
00:48:24.194 --> 00:48:25.794
<00:48:24.194>Oh, <00:48:24.474>yeah. <00:48:24.754>Sorry, <00:48:25.034>one <00:48:25.314>more <00:48:25.594>time.

985
00:48:26.794 --> 00:48:28.014
<00:48:26.794>Here <00:48:27.068>we <00:48:27.343>have <00:48:27.617>the <00:48:27.892>templates,

986
00:48:29.014 --> 00:48:32.854
<00:48:29.014>but <00:48:29.154>instead <00:48:29.294>of <00:48:29.434>a <00:48:29.574>question <00:48:29.714>mark <00:48:29.854>marker, <00:48:29.994>we <00:48:30.134>have <00:48:30.274>a <00:48:30.414>start

987
00:48:33.154 --> 00:48:33.734
<00:48:33.154>and <00:48:33.415>an <00:48:33.676>end,

988
00:48:34.754 --> 00:48:37.674
<00:48:34.754>and <00:48:34.909>this <00:48:35.065>is <00:48:35.220>where <00:48:35.376>I <00:48:35.531>was <00:48:35.687>talking <00:48:35.842>about <00:48:35.998>the <00:48:36.154>syntax.

989
00:48:38.734 --> 00:48:42.534
<00:48:38.734>So <00:48:38.841>this <00:48:38.949>is <00:48:39.057>the <00:48:39.164>only <00:48:39.272>syntax <00:48:39.380>that <00:48:39.487>they <00:48:39.595>could <00:48:39.703>have <00:48:39.810>used, <00:48:39.918>I <00:48:40.026>think, <00:48:40.134>the

990
00:48:42.614 --> 00:48:43.594
<00:48:42.614>less <00:48:42.908>than <00:48:43.202>question <00:48:43.496>mark

991
00:48:44.590 --> 00:48:46.850
<00:48:44.590>But <00:48:44.823>you <00:48:45.056>cannot <00:48:45.290>have <00:48:45.523>a <00:48:45.756>closing <00:48:45.990>syntax.

992
00:48:46.910 --> 00:48:49.270
<00:48:46.910>They're <00:48:47.085>both <00:48:47.259>opening <00:48:47.435>syntax, <00:48:47.609>if <00:48:47.785>you <00:48:47.960>think <00:48:48.134>about <00:48:48.310>it.

993
00:48:49.330 --> 00:48:52.050
<00:48:49.330>The <00:48:49.457>only <00:48:49.584>closing <00:48:49.711>about <00:48:49.839>it <00:48:49.966>is <00:48:50.093>the <00:48:50.220>English <00:48:50.348>naming <00:48:50.475>start <00:48:50.602>and <00:48:50.730>end.

994
00:48:53.710 --> 00:48:56.630
<00:48:53.710>And <00:48:53.837>again, <00:48:53.964>to <00:48:54.091>maintain <00:48:54.219>backwards <00:48:54.346>compatibility, <00:48:54.473>because <00:48:54.600>if <00:48:54.728>you <00:48:54.855>open <00:48:54.982>this <00:48:55.110>in

995
00:48:56.710 --> 00:48:57.890
<00:48:56.710>Firefox, <00:48:56.975>you <00:48:57.241>will <00:48:57.506>get <00:48:57.772>loading,

996
00:48:58.830 --> 00:49:01.210
<00:48:58.830>but <00:48:58.946>this <00:48:59.063>will <00:48:59.180>turn <00:48:59.296>into <00:48:59.413>comment, <00:48:59.529>and <00:48:59.646>this <00:48:59.763>will <00:48:59.880>turn <00:48:59.996>into <00:49:00.113>a <00:49:00.230>comment.

997
00:49:02.390 --> 00:49:04.210
<00:49:02.390>Yeah, <00:49:02.589>true. <00:49:02.790>There <00:49:02.990>is <00:49:03.190>a <00:49:03.390>polyfill <00:49:03.589>for <00:49:03.790>it.

998
00:49:04.590 --> 00:49:07.350
<00:49:04.590>I <00:49:04.690>haven't <00:49:04.790>tried <00:49:04.890>it, <00:49:04.990>but <00:49:05.090>this <00:49:05.190>is <00:49:05.290>the <00:49:05.390>thing <00:49:05.490>that <00:49:05.590>you <00:49:05.690>don't <00:49:05.790>want <00:49:05.890>to <00:49:05.990>break.

999
00:49:07.810 --> 00:49:09.810
<00:49:07.810>It <00:49:08.009>doesn't <00:49:08.210>break <00:49:08.410>the <00:49:08.610>structure <00:49:08.810>of <00:49:09.009>the <00:49:09.210>rest.

1000
00:49:10.210 --> 00:49:12.480
<00:49:10.210>It's <00:49:10.350>not <00:49:10.490>progressive <00:49:10.630>enhancement, <00:49:10.770>but <00:49:10.910>then <00:49:11.050>it <00:49:11.190>works <00:49:11.330>for <00:49:11.470>the <00:49:11.610>polyfill.

1001
00:49:12.840 --> 00:49:16.799
<00:49:12.840>And <00:49:12.927>then <00:49:13.015>later <00:49:13.102>on <00:49:13.190>you <00:49:13.277>can <00:49:13.365>stream <00:49:13.452>either <00:49:13.540>the <00:49:13.627>templates <00:49:13.715>all <00:49:13.802>at <00:49:13.890>once <00:49:13.977>or <00:49:14.065>one <00:49:14.152>after <00:49:14.240>the

1002
00:49:16.910 --> 00:49:20.750
<00:49:16.910>other. <00:49:17.065>The <00:49:17.221>idea <00:49:17.376>is <00:49:17.532>that <00:49:17.687>if <00:49:17.843>you <00:49:17.998>are <00:49:18.154>rendering <00:49:18.310>a

1003
00:49:20.810 --> 00:49:24.670
<00:49:20.810>non-static <00:49:20.937>page, <00:49:21.064>you <00:49:21.191>can <00:49:21.319>really <00:49:21.446>flush <00:49:21.573>all <00:49:21.700>the <00:49:21.828>static <00:49:21.955>stuff <00:49:22.082>very <00:49:22.210>early

1004
00:49:24.770 --> 00:49:28.390
<00:49:24.770>on, <00:49:25.003>and <00:49:25.236>everything <00:49:25.470>that <00:49:25.703>needs <00:49:25.936>to <00:49:26.170>be

1005
00:49:28.430 --> 00:49:30.550
<00:49:28.430>processed, <00:49:28.663>you <00:49:28.896>can <00:49:29.129>just <00:49:29.363>stream <00:49:29.596>later <00:49:29.830>on.

1006
00:49:30.790 --> 00:49:32.750
<00:49:30.790>That's <00:49:30.965>why <00:49:31.140>I <00:49:31.315>really <00:49:31.490>like <00:49:31.665>it <00:49:31.840>for <00:49:32.015>web <00:49:32.190>performance.

1007
00:49:33.770 --> 00:49:37.230
<00:49:33.770>It's <00:49:33.877>not <00:49:33.985>advertised <00:49:34.093>as <00:49:34.200>a <00:49:34.308>web <00:49:34.416>performance <00:49:34.523>feature, <00:49:34.631>and <00:49:34.739>by <00:49:34.846>the <00:49:34.954>way, <00:49:35.062>DPU, <00:49:35.170>so

1008
00:49:37.270 --> 00:49:40.570
<00:49:37.270>Declarative <00:49:37.470>Partial <00:49:37.670>Updates, <00:49:37.870>is <00:49:38.070>an <00:49:38.270>umbrella <00:49:38.470>of <00:49:38.670>features.

1009
00:49:41.510 --> 00:49:45.090
<00:49:41.510>One <00:49:41.650>of <00:49:41.790>them <00:49:41.930>is <00:49:42.070>the <00:49:42.210>question <00:49:42.350>mark <00:49:42.490>start, <00:49:42.630>the <00:49:42.770>question <00:49:42.910>mark

1010
00:49:45.130 --> 00:49:45.530
marker,

1011
00:49:46.730 --> 00:49:50.130
<00:49:46.730>coupled <00:49:46.905>to <00:49:47.080>the <00:49:47.255>template. <00:49:47.430>There <00:49:47.605>are <00:49:47.780>some <00:49:47.955>JavaScript <00:49:48.130>APIs

1012
00:49:51.250 --> 00:49:52.150
<00:49:51.250>that <00:49:51.520>we'll <00:49:51.790>see <00:49:52.060>soon.

1013
00:49:53.970 --> 00:49:56.010
<00:49:53.970>And <00:49:54.125>the <00:49:54.281>code <00:49:54.436>for <00:49:54.592>this <00:49:54.747>one <00:49:54.903>is <00:49:55.058>actually <00:49:55.214>the <00:49:55.370>same.

1014
00:49:57.290 --> 00:50:00.490
<00:49:57.290>So <00:49:57.465>we <00:49:57.640>start <00:49:57.815>with <00:49:57.990>HTML <00:49:58.165>and <00:49:58.340>the <00:49:58.515>three <00:49:58.690>start

1015
00:50:01.450 --> 00:50:02.730
<00:50:01.450>and <00:50:01.680>end, <00:50:01.910>they <00:50:02.141>have <00:50:02.371>different <00:50:02.602>names.

1016
00:50:03.870 --> 00:50:05.520
<00:50:03.870>And <00:50:04.069>then <00:50:04.270>later <00:50:04.470>on, <00:50:04.670>we <00:50:04.870>stream <00:50:05.069>the <00:50:05.270>templates.

1017
00:50:05.930 --> 00:50:07.640
<00:50:05.930>But <00:50:06.129>again, <00:50:06.330>you <00:50:06.529>can <00:50:06.730>stream <00:50:06.930>the <00:50:07.129>first <00:50:07.330>one

1018
00:50:08.510 --> 00:50:12.200
<00:50:08.510>and <00:50:08.617>then <00:50:08.725>stream <00:50:08.833>the <00:50:08.940>other <00:50:09.048>one <00:50:09.156>later <00:50:09.263>on, <00:50:09.371>and <00:50:09.479>it <00:50:09.586>will <00:50:09.694>also <00:50:09.802>still <00:50:09.910>work.

1019
00:50:15.050 --> 00:50:18.730
<00:50:15.050>Cool. <00:50:15.190>Let's <00:50:15.330>go <00:50:15.470>to <00:50:15.610>the <00:50:15.750>third <00:50:15.890>one. <00:50:16.030>This <00:50:16.170>is <00:50:16.310>purely <00:50:16.450>my,

1020
00:50:20.050 --> 00:50:23.910
<00:50:20.050>how <00:50:20.166>can <00:50:20.283>I <00:50:20.400>say, <00:50:20.516>experimentation. <00:50:20.633>It's <00:50:20.750>not <00:50:20.866>something <00:50:20.983>you <00:50:21.100>should <00:50:21.216>do <00:50:21.333>in <00:50:21.450>production.

1021
00:50:23.970 --> 00:50:27.050
<00:50:23.970>This <00:50:24.086>is <00:50:24.203>where <00:50:24.319>my <00:50:24.436>article <00:50:24.553>was <00:50:24.669>focused, <00:50:24.786>but <00:50:24.903>of <00:50:25.020>course, <00:50:25.136>I <00:50:25.253>had <00:50:25.370>to...

1022
00:50:27.170 --> 00:50:29.050
<00:50:27.170>This <00:50:27.345>was <00:50:27.520>the <00:50:27.695>focus <00:50:27.870>of <00:50:28.045>my <00:50:28.220>article, <00:50:28.395>this <00:50:28.570>one.

1023
00:50:29.850 --> 00:50:32.930
<00:50:29.850>But <00:50:29.977>of <00:50:30.104>course, <00:50:30.231>I <00:50:30.359>had <00:50:30.486>to <00:50:30.613>explain <00:50:30.740>the <00:50:30.868>whole <00:50:30.995>thing <00:50:31.122>before <00:50:31.250>I

1024
00:50:33.990 --> 00:50:36.710
<00:50:33.990>get <00:50:34.165>to <00:50:34.339>explain <00:50:34.515>this <00:50:34.689>one. <00:50:34.865>So <00:50:35.040>reload <00:50:35.214>the <00:50:35.390>page.

1025
00:50:36.950 --> 00:50:39.650
<00:50:36.950>We <00:50:37.105>have <00:50:37.261>here <00:50:37.416>loading <00:50:37.572>purchasing <00:50:37.727>options, <00:50:37.883>and <00:50:38.038>it's <00:50:38.194>pretty <00:50:38.350>quick.

1026
00:50:40.610 --> 00:50:43.630
<00:50:40.610>And <00:50:40.785>the <00:50:40.960>nice <00:50:41.135>thing <00:50:41.310>about <00:50:41.485>this <00:50:41.660>one <00:50:41.835>is <00:50:42.010>that,

1027
00:50:44.950 --> 00:50:48.050
<00:50:44.950>okay, <00:50:45.105>so <00:50:45.261>here <00:50:45.416>we <00:50:45.572>render <00:50:45.727>static <00:50:45.883>HTML, <00:50:46.038>and <00:50:46.194>we <00:50:46.350>have

1028
00:50:48.570 --> 00:50:50.410
<00:50:48.570>start <00:50:49.270>name=buy <00:50:49.970>box,

1029
00:50:51.290 --> 00:50:55.189
<00:50:51.290>loading <00:50:51.430>purchasing <00:50:51.570>options. <00:50:51.710>Now <00:50:51.850>let's <00:50:51.990>take <00:50:52.130>a <00:50:52.270>look <00:50:52.410>at <00:50:52.550>this <00:50:52.690>template

1030
00:50:55.270 --> 00:50:57.890
<00:50:55.270>for <00:50:55.386>buy <00:50:55.503>box. <00:50:55.620>I'm <00:50:55.736>going <00:50:55.853>to <00:50:55.970>copy <00:50:56.086>it, <00:50:56.203>move <00:50:56.320>it <00:50:56.436>to <00:50:56.553>a <00:50:56.670>new

1031
00:51:00.510 --> 00:51:03.270
<00:51:00.510>page <00:51:00.650>so <00:51:00.790>I <00:51:00.930>can <00:51:01.070>really <00:51:01.210>break <00:51:01.350>it <00:51:01.490>down. <00:51:01.630>This <00:51:01.770>is <00:51:01.910>the

1032
00:51:03.410 --> 00:51:05.970
<00:51:03.410>template <00:51:03.876>for <00:51:04.343>buy <00:51:04.810>box,

1033
00:51:07.030 --> 00:51:10.490
<00:51:07.030>div <00:51:07.170>class=card <00:51:07.310>component, <00:51:07.450>so <00:51:07.590>this <00:51:07.730>is <00:51:07.870>really <00:51:08.010>like <00:51:08.150>a <00:51:08.290>component <00:51:08.430>thing.

1034
00:51:11.530 --> 00:51:14.810
<00:51:11.530>And <00:51:11.670>I <00:51:11.810>have <00:51:11.950>scoped <00:51:12.090>styles, <00:51:12.230>and <00:51:12.370>this <00:51:12.510>is <00:51:12.650>a <00:51:12.790>bare <00:51:12.930>scope.

1035
00:51:15.450 --> 00:51:16.550
<00:51:15.450>Do <00:51:15.697>you <00:51:15.945>know <00:51:16.192>bare <00:51:16.440>scopes?

1036
00:51:17.810 --> 00:51:18.110
Yeah.

1037
00:51:18.350 --> 00:51:19.610
<00:51:18.350>Not <00:51:18.728>that <00:51:19.106>much, <00:51:19.484>no.

1038
00:51:19.670 --> 00:51:21.610
<00:51:19.670>But <00:51:19.950>yeah, <00:51:20.230>explain <00:51:20.510>what <00:51:20.790>it <00:51:21.070>means.

1039
00:51:22.210 --> 00:51:25.930
<00:51:22.210>Yeah. <00:51:22.297>So <00:51:22.385>without <00:51:22.472>giving <00:51:22.560>it, <00:51:22.647>I <00:51:22.735>don't <00:51:22.822>know <00:51:22.910>the <00:51:22.997>syntax <00:51:23.085>off <00:51:23.172>the <00:51:23.260>top <00:51:23.347>of <00:51:23.435>my <00:51:23.522>head, <00:51:23.610>but

1040
00:51:26.010 --> 00:51:29.850
<00:51:26.010>without <00:51:26.150>giving <00:51:26.290>it <00:51:26.430>a <00:51:26.570>class <00:51:26.710>or <00:51:26.850>a <00:51:26.990>tool <00:51:27.130>or <00:51:27.270>something <00:51:27.410>like

1041
00:51:29.910 --> 00:51:33.890
<00:51:29.910>that, <00:51:30.065>it <00:51:30.221>will <00:51:30.376>automatically <00:51:30.532>be <00:51:30.687>scoped <00:51:30.843>to <00:51:30.998>the <00:51:31.154>first <00:51:31.310>parent,

1042
00:51:33.950 --> 00:51:36.210
<00:51:33.950>so <00:51:34.105>it <00:51:34.261>will <00:51:34.416>be <00:51:34.572>automatically <00:51:34.727>scoped <00:51:34.883>to <00:51:35.038>the <00:51:35.194>card <00:51:35.350>component.

1043
00:51:36.870 --> 00:51:40.230
<00:51:36.870>So <00:51:36.997>you <00:51:37.124>can <00:51:37.251>write <00:51:37.379>CSS <00:51:37.506>almost <00:51:37.633>the <00:51:37.760>same <00:51:37.888>way <00:51:38.015>you <00:51:38.142>write <00:51:38.270>with

1044
00:51:40.770 --> 00:51:41.270
<00:51:40.770>Shadow <00:51:41.220>DOM,

1045
00:51:42.130 --> 00:51:46.010
<00:51:42.130>but <00:51:42.246>the <00:51:42.363>difference <00:51:42.480>here <00:51:42.596>is <00:51:42.713>just <00:51:42.830>so <00:51:42.946>easy <00:51:43.063>to <00:51:43.180>break <00:51:43.296>out <00:51:43.413>of <00:51:43.530>the

1046
00:51:46.030 --> 00:51:50.000
<00:51:46.030>Shadow <00:51:46.123>DOM. <00:51:46.216>You <00:51:46.310>just <00:51:46.403>write <00:51:46.496>it <00:51:46.590>outside <00:51:46.683>of <00:51:46.776>the <00:51:46.870>scope, <00:51:46.963>so <00:51:47.056>you <00:51:47.150>can <00:51:47.243>write <00:51:47.336>H1 <00:51:47.430>and

1047
00:51:50.030 --> 00:51:51.810
<00:51:50.030>now <00:51:50.310>you're <00:51:50.590>targeting <00:51:50.870>the <00:51:51.150>whole <00:51:51.430>page.

1048
00:51:51.870 --> 00:51:55.730
<00:51:51.870>This <00:51:51.977>really <00:51:52.085>reminds <00:51:52.193>me <00:51:52.300>of <00:51:52.408>Astro, <00:51:52.516>because <00:51:52.623>Astro <00:51:52.731>has <00:51:52.839>something <00:51:52.946>like <00:51:53.054>is <00:51:53.162>global, <00:51:53.270>and

1049
00:51:55.750 --> 00:51:57.270
<00:51:55.750>you <00:51:56.092>can <00:51:56.434>have <00:51:56.776>different <00:51:57.118>styles.

1050
00:51:58.410 --> 00:52:02.310
<00:51:58.410>So <00:51:58.509>that's <00:51:58.609>for <00:51:58.710>the <00:51:58.810>styles. <00:51:58.910>I'm <00:51:59.009>going <00:51:59.109>to <00:51:59.210>collapse <00:51:59.310>them. <00:51:59.410>Then <00:51:59.509>I <00:51:59.609>have <00:51:59.710>the <00:51:59.810>HTML.

1051
00:52:04.750 --> 00:52:05.410
<00:52:04.750>And <00:52:05.344>then,

1052
00:52:06.550 --> 00:52:09.510
<00:52:06.550>yeah, <00:52:06.677>because <00:52:06.804>we're <00:52:06.931>using <00:52:07.059>template <00:52:07.186>strings, <00:52:07.313>you <00:52:07.440>can <00:52:07.568>just <00:52:07.695>call <00:52:07.822>JavaScript <00:52:07.950>functions,

1053
00:52:09.950 --> 00:52:11.490
<00:52:09.950>and <00:52:10.104>then <00:52:10.258>you <00:52:10.412>can <00:52:10.566>have <00:52:10.720>a <00:52:10.874>script <00:52:11.028>with <00:52:11.182>type <00:52:11.336>module.

1054
00:52:11.570 --> 00:52:13.330
<00:52:11.570>The <00:52:11.920>script <00:52:12.270>type <00:52:12.620>module <00:52:12.970>will

1055
00:52:14.150 --> 00:52:18.090
<00:52:14.150>scope <00:52:14.277>the <00:52:14.404>script <00:52:14.531>to <00:52:14.659>this <00:52:14.786>component, <00:52:14.913>but <00:52:15.040>of <00:52:15.168>course, <00:52:15.295>document <00:52:15.422>query <00:52:15.550>selector

1056
00:52:18.150 --> 00:52:18.870
<00:52:18.150>runs <00:52:18.798>everywhere.

1057
00:52:20.530 --> 00:52:22.790
<00:52:20.530>You <00:52:20.730>can <00:52:20.930>create <00:52:21.130>globals <00:52:21.330>out <00:52:21.530>of <00:52:21.730>here, <00:52:21.930>but

1058
00:52:24.230 --> 00:52:27.750
<00:52:24.230>yeah, <00:52:24.385>this <00:52:24.541>was <00:52:24.696>my <00:52:24.852>idea <00:52:25.007>of <00:52:25.163>creating <00:52:25.318>a <00:52:25.474>custom <00:52:25.630>component

1059
00:52:28.810 --> 00:52:32.550
<00:52:28.810>thing <00:52:28.985>that <00:52:29.160>sits <00:52:29.335>in <00:52:29.509>between <00:52:29.685>everything <00:52:29.860>that's <00:52:30.035>very <00:52:30.210>global

1060
00:52:32.770 --> 00:52:34.330
<00:52:32.770>and <00:52:33.050>Shadow <00:52:33.330>DOM <00:52:33.610>with <00:52:33.890>web <00:52:34.170>components.

1061
00:52:34.850 --> 00:52:36.870
<00:52:34.850>I <00:52:35.083>personally <00:52:35.316>love <00:52:35.549>Shadow <00:52:35.783>DOM <00:52:36.016>web <00:52:36.250>components.

1062
00:52:37.250 --> 00:52:39.730
<00:52:37.250>All <00:52:37.405>the <00:52:37.561>courses <00:52:37.716>I've <00:52:37.872>shown <00:52:38.027>you <00:52:38.183>are <00:52:38.338>built <00:52:38.494>with <00:52:38.650>lit

1063
00:52:41.210 --> 00:52:44.990
<00:52:41.210>components. <00:52:41.385>But <00:52:41.560>talking <00:52:41.735>to <00:52:41.910>the <00:52:42.085>community, <00:52:42.260>seeing <00:52:42.435>what <00:52:42.610>companies

1064
00:52:45.130 --> 00:52:48.750
<00:52:45.130>use, <00:52:45.230>I've <00:52:45.330>seen <00:52:45.430>a <00:52:45.530>lot <00:52:45.630>of <00:52:45.730>people <00:52:45.830>kind <00:52:45.930>of <00:52:46.030>struggle <00:52:46.130>with <00:52:46.230>web <00:52:46.330>components <00:52:46.430>because <00:52:46.530>it's

1065
00:52:48.810 --> 00:52:52.770
<00:52:48.810>too <00:52:48.937>restrictive <00:52:49.064>and <00:52:49.191>often <00:52:49.319>you <00:52:49.446>cannot <00:52:49.573>break <00:52:49.700>out <00:52:49.828>of <00:52:49.955>it, <00:52:50.082>especially <00:52:50.210>for

1066
00:52:52.810 --> 00:52:53.310
<00:52:52.810>the <00:52:53.259>styling.

1067
00:52:54.890 --> 00:52:58.759
<00:52:54.890>Well, <00:52:54.983>that <00:52:55.076>was <00:52:55.170>the <00:52:55.263>idea <00:52:55.356>of <00:52:55.450>it, <00:52:55.543>basically <00:52:55.636>to <00:52:55.730>make <00:52:55.823>sure <00:52:55.916>the <00:52:56.009>component <00:52:56.103>doesn't <00:52:56.196>get <00:52:56.290>any

1068
00:52:58.990 --> 00:53:00.470
<00:52:58.990>CSS <00:52:59.256>bleeding <00:52:59.522>out <00:52:59.789>or <00:53:00.055>in <00:53:00.321>it.

1069
00:53:01.449 --> 00:53:05.370
<00:53:01.449>But <00:53:01.556>I <00:53:01.664>love <00:53:01.772>the <00:53:01.879>simplicity <00:53:01.987>of <00:53:02.095>this <00:53:02.202>one <00:53:02.310>because <00:53:02.418>you <00:53:02.525>can <00:53:02.633>keep <00:53:02.741>the <00:53:02.849>ones

1070
00:53:05.430 --> 00:53:09.290
<00:53:05.430>you <00:53:05.529>want <00:53:05.629>to <00:53:05.730>get <00:53:05.830>out <00:53:05.930>of <00:53:06.029>and <00:53:06.129>the <00:53:06.230>ones <00:53:06.330>with <00:53:06.430>just <00:53:06.529>@scope <00:53:06.629>makes <00:53:06.730>it <00:53:06.830>possible.

1071
00:53:10.170 --> 00:53:11.570
<00:53:10.170>Same <00:53:10.800>with <00:53:11.430>nested

1072
00:53:13.110 --> 00:53:16.450
<00:53:13.110>selectors. <00:53:13.265>I <00:53:13.421>love <00:53:13.576>using <00:53:13.732>that <00:53:13.887>one <00:53:14.043>as <00:53:14.198>well <00:53:14.354>right <00:53:14.510>now.

1073
00:53:16.510 --> 00:53:20.090
<00:53:16.510>So <00:53:16.617>you <00:53:16.725>basically <00:53:16.833>say, <00:53:16.940>okay, <00:53:17.048>I <00:53:17.156>don't <00:53:17.263>need <00:53:17.371>to <00:53:17.479>worry <00:53:17.586>about <00:53:17.694>making <00:53:17.802>a <00:53:17.910>huge

1074
00:53:20.170 --> 00:53:24.130
<00:53:20.170>selector <00:53:20.297>to <00:53:20.424>make <00:53:20.551>sure <00:53:20.679>I've <00:53:20.806>got <00:53:20.933>enough <00:53:21.060>specificity <00:53:21.188>because <00:53:21.315>I <00:53:21.442>can <00:53:21.570>just

1075
00:53:24.150 --> 00:53:26.530
<00:53:24.150>do <00:53:24.325>an <00:53:24.500>@selector <00:53:24.675>in <00:53:24.850>that <00:53:25.025>one <00:53:25.200>now <00:53:25.375>as <00:53:25.550>well.

1076
00:53:28.030 --> 00:53:28.870
<00:53:28.030>Yeah, <00:53:28.408>like <00:53:28.786>this.

1077
00:53:29.670 --> 00:53:29.870
Yeah.

1078
00:53:32.490 --> 00:53:32.680
And

1079
00:53:34.250 --> 00:53:36.050
<00:53:34.250>there's <00:53:34.483>also <00:53:34.716>in <00:53:34.950>the <00:53:35.183>future, <00:53:35.416>Shadow <00:53:35.650>Realms.

1080
00:53:36.670 --> 00:53:40.480
<00:53:36.670>I <00:53:36.786>don't <00:53:36.903>know <00:53:37.020>much <00:53:37.136>about <00:53:37.253>it, <00:53:37.370>but <00:53:37.486>once <00:53:37.603>Shadow <00:53:37.720>Realms <00:53:37.836>becomes <00:53:37.953>live, <00:53:38.070>then

1081
00:53:40.530 --> 00:53:44.030
<00:53:40.530>maybe <00:53:40.670>you <00:53:40.810>could <00:53:40.950>put <00:53:41.090>that <00:53:41.230>selectively <00:53:41.370>also <00:53:41.510>in <00:53:41.650>a <00:53:41.790>shadow <00:53:41.930>realm,

1082
00:53:44.650 --> 00:53:48.480
<00:53:44.650>and <00:53:44.805>then <00:53:44.961>you <00:53:45.116>can <00:53:45.272>then <00:53:45.427>really <00:53:45.583>separate <00:53:45.738>it, <00:53:45.894>I <00:53:46.050>think.

1083
00:53:49.430 --> 00:53:52.270
<00:53:49.430>I <00:53:49.569>don't <00:53:49.710>know <00:53:49.850>how <00:53:49.990>Shadow <00:53:50.129>Realms <00:53:50.270>work <00:53:50.410>with <00:53:50.549>document <00:53:50.690>query <00:53:50.830>selector.

1084
00:53:52.310 --> 00:53:54.810
<00:53:52.310>But <00:53:52.485>yeah, <00:53:52.660>I <00:53:52.835>think <00:53:53.009>it's <00:53:53.185>an <00:53:53.360>interesting <00:53:53.535>starting <00:53:53.710>pattern.

1085
00:53:55.660 --> 00:53:57.690
<00:53:55.660>And <00:53:55.859>the <00:53:56.060>last <00:53:56.259>one <00:53:56.460>is <00:53:56.660>also <00:53:56.859>pretty <00:53:57.060>cool.

1086
00:53:59.010 --> 00:54:02.890
<00:53:59.010>You <00:53:59.137>could <00:53:59.264>also <00:53:59.391>argue <00:53:59.519>that <00:53:59.646>you <00:53:59.773>don't <00:53:59.900>really <00:54:00.028>need <00:54:00.155>this <00:54:00.282>API <00:54:00.410>for

1087
00:54:02.930 --> 00:54:04.250
<00:54:02.930>it, <00:54:04.118>but

1088
00:54:05.390 --> 00:54:08.550
<00:54:05.390>yeah, <00:54:05.545>just <00:54:05.701>the <00:54:05.856>native <00:54:06.012>streaming <00:54:06.167>support <00:54:06.323>makes <00:54:06.478>it <00:54:06.634>much <00:54:06.790>easier.

1089
00:54:09.010 --> 00:54:12.750
<00:54:09.010>And <00:54:09.126>the <00:54:09.243>whole <00:54:09.360>streaming <00:54:09.476>thing <00:54:09.593>reminds <00:54:09.710>me <00:54:09.826>a <00:54:09.943>bit <00:54:10.060>of <00:54:10.176>React <00:54:10.293>suspense <00:54:10.410>boundaries,

1090
00:54:12.870 --> 00:54:16.370
<00:54:12.870>but <00:54:12.986>it's <00:54:13.103>like <00:54:13.220>we <00:54:13.336>have <00:54:13.453>suspense <00:54:13.569>boundaries <00:54:13.686>now <00:54:13.803>just <00:54:13.920>natively <00:54:14.036>in <00:54:14.153>the <00:54:14.270>browsers,

1091
00:54:16.650 --> 00:54:19.290
<00:54:16.650>in <00:54:16.825>one <00:54:17.000>browser <00:54:17.175>and <00:54:17.350>hopefully <00:54:17.525>in <00:54:17.700>the <00:54:17.875>others <00:54:18.050>soon.

1092
00:54:20.390 --> 00:54:23.070
<00:54:20.390>So <00:54:20.565>let's <00:54:20.740>take <00:54:20.915>a <00:54:21.089>look. <00:54:21.265>This <00:54:21.440>is <00:54:21.615>a <00:54:21.790>website.

1093
00:54:23.650 --> 00:54:24.270
<00:54:23.650>This <00:54:23.836>is <00:54:24.022>the <00:54:24.208>homepage,

1094
00:54:25.350 --> 00:54:29.270
<00:54:25.350>and <00:54:25.549>I <00:54:25.750>have <00:54:25.950>the <00:54:26.150>shell <00:54:26.350>loaded <00:54:26.549>at <00:54:26.750>1:29:51,

1095
00:54:30.370 --> 00:54:34.130
<00:54:30.370>and <00:54:30.470>then <00:54:30.569>delivered <00:54:30.670>as <00:54:30.770>full <00:54:30.870>document <00:54:30.970>rendered <00:54:31.069>by <00:54:31.170>the <00:54:31.270>server. <00:54:31.370>This <00:54:31.470>is <00:54:31.569>the <00:54:31.670>same <00:54:31.770>time.

1096
00:54:34.610 --> 00:54:35.870
<00:54:34.610>Now <00:54:34.799>I <00:54:34.988>go <00:54:35.177>to <00:54:35.366>the <00:54:35.555>products <00:54:35.743>page,

1097
00:54:38.370 --> 00:54:40.610
<00:54:38.370>and <00:54:38.525>you <00:54:38.681>see <00:54:38.836>the <00:54:38.992>shell <00:54:39.147>did <00:54:39.303>not <00:54:39.458>reload, <00:54:39.614>of <00:54:39.770>course.

1098
00:54:41.530 --> 00:54:45.190
<00:54:41.530>This <00:54:41.763>response <00:54:41.996>was <00:54:42.230>delivered <00:54:42.463>as <00:54:42.696>batch <00:54:42.930>only

1099
00:54:46.130 --> 00:54:49.450
<00:54:46.130>And <00:54:46.212>same <00:54:46.294>for <00:54:46.377>the <00:54:46.459>about, <00:54:46.541>at <00:54:46.624>a <00:54:46.706>different <00:54:46.788>time, <00:54:46.871>of <00:54:46.953>course, <00:54:47.035>and <00:54:47.118>same <00:54:47.200>for <00:54:47.282>the <00:54:47.365>about <00:54:47.447>at <00:54:47.530>a

1100
00:54:49.490 --> 00:54:51.850
<00:54:49.490>different <00:54:49.665>time, <00:54:49.839>but <00:54:50.015>the <00:54:50.189>shell <00:54:50.365>has <00:54:50.540>not <00:54:50.714>really <00:54:50.890>reloaded.

1101
00:54:52.570 --> 00:54:55.710
<00:54:52.570>And <00:54:52.725>if <00:54:52.881>you <00:54:53.036>look <00:54:53.192>at <00:54:53.347>the <00:54:53.503>code, <00:54:53.658>the <00:54:53.814>first <00:54:53.970>page,

1102
00:54:56.790 --> 00:54:59.830
<00:54:56.790>so <00:54:56.877>I'll <00:54:56.965>go <00:54:57.052>back <00:54:57.140>to <00:54:57.227>the <00:54:57.315>first <00:54:57.402>page, <00:54:57.490>reload <00:54:57.577>the <00:54:57.665>first <00:54:57.752>page, <00:54:57.840>what <00:54:57.927>does <00:54:58.015>it <00:54:58.102>give <00:54:58.190>us?

1103
00:55:00.370 --> 00:55:03.430
<00:55:00.370>It <00:55:00.497>gives <00:55:00.624>us <00:55:00.751>a <00:55:00.879>start <00:55:01.006>and <00:55:01.133>an <00:55:01.260>end <00:55:01.388>for <00:55:01.515>the <00:55:01.642>page <00:55:01.770>content.

1104
00:55:04.550 --> 00:55:07.370
<00:55:04.550>When <00:55:04.657>I <00:55:04.765>go <00:55:04.873>to <00:55:04.980>the <00:55:05.088>products <00:55:05.196>page, <00:55:05.303>we <00:55:05.411>don't <00:55:05.519>need <00:55:05.626>to <00:55:05.734>ship <00:55:05.842>everything <00:55:05.950>again.

1105
00:55:07.430 --> 00:55:11.290
<00:55:07.430>We <00:55:07.569>just <00:55:07.710>ship <00:55:07.850>the <00:55:07.990>template <00:55:08.129>for <00:55:08.270>the <00:55:08.410>page <00:55:08.549>with <00:55:08.690>one <00:55:08.830>nitty

1106
00:55:11.430 --> 00:55:14.620
<00:55:11.430>thing <00:55:11.663>that <00:55:11.896>I <00:55:12.129>learned <00:55:12.363>from <00:55:12.596>Danny <00:55:12.830>Mulkerke,

1107
00:55:15.320 --> 00:55:18.610
<00:55:15.320>that <00:55:15.447>you <00:55:15.574>can <00:55:15.701>actually <00:55:15.829>re-patch <00:55:15.956>it <00:55:16.083>with <00:55:16.210>a <00:55:16.338>start <00:55:16.465>and <00:55:16.592>an <00:55:16.720>end

1108
00:55:19.850 --> 00:55:23.610
<00:55:19.850>to <00:55:20.049>recreate <00:55:20.250>this <00:55:20.450>kind <00:55:20.650>of <00:55:20.850>declarative <00:55:21.049>partial <00:55:21.250>update

1109
00:55:23.810 --> 00:55:24.270
boundary,

1110
00:55:26.390 --> 00:55:29.750
<00:55:26.390>so <00:55:26.467>that <00:55:26.545>if <00:55:26.623>you <00:55:26.701>go <00:55:26.778>to <00:55:26.856>the <00:55:26.934>about <00:55:27.012>again, <00:55:27.089>it <00:55:27.167>will <00:55:27.245>replace <00:55:27.323>it, <00:55:27.401>but <00:55:27.478>then <00:55:27.556>you <00:55:27.634>have <00:55:27.712>a <00:55:27.790>new

1111
00:55:29.790 --> 00:55:29.970
one.

1112
00:55:31.840 --> 00:55:31.980
Mm-hmm.

1113
00:55:33.110 --> 00:55:36.290
<00:55:33.110>Yeah. <00:55:33.197>And <00:55:33.285>you <00:55:33.372>see, <00:55:33.460>we <00:55:33.547>only <00:55:33.635>ship <00:55:33.722>the <00:55:33.810>template, <00:55:33.897>we <00:55:33.985>only <00:55:34.072>ship <00:55:34.160>the <00:55:34.247>changes <00:55:34.335>that <00:55:34.422>we <00:55:34.510>need

1114
00:55:36.350 --> 00:55:38.550
<00:55:36.350>for <00:55:36.549>the <00:55:36.750>content. <00:55:36.950>But <00:55:37.150>what's <00:55:37.350>cool <00:55:37.549>about <00:55:37.750>it,

1115
00:55:39.590 --> 00:55:41.150
<00:55:39.590>if <00:55:39.870>I <00:55:40.150>reload <00:55:40.430>the <00:55:40.710>products <00:55:40.990>page,

1116
00:55:42.610 --> 00:55:44.050
<00:55:42.610>then <00:55:42.826>we <00:55:43.042>get <00:55:43.258>the <00:55:43.474>whole <00:55:43.690>page <00:55:43.906>again

1117
00:55:46.190 --> 00:55:48.370
<00:55:46.190>with <00:55:46.345>the <00:55:46.501>marker, <00:55:46.656>but <00:55:46.812>then <00:55:46.967>this <00:55:47.123>time <00:55:47.278>with <00:55:47.434>the <00:55:47.590>template

1118
00:55:49.170 --> 00:55:51.130
<00:55:49.170>that's <00:55:49.450>specific <00:55:49.730>for <00:55:50.010>the <00:55:50.290>products <00:55:50.570>page.

1119
00:55:51.690 --> 00:55:54.710
<00:55:51.690>So <00:55:51.767>now <00:55:51.845>if <00:55:51.923>I <00:55:52.001>go <00:55:52.078>to <00:55:52.156>the <00:55:52.234>home <00:55:52.312>page, <00:55:52.390>you <00:55:52.467>don't <00:55:52.545>need <00:55:52.623>to <00:55:52.701>ship <00:55:52.778>the <00:55:52.856>entire <00:55:52.934>home, <00:55:53.012>you <00:55:53.090>ship

1120
00:55:54.750 --> 00:55:55.470
<00:55:54.750>only <00:55:55.074>the <00:55:55.397>template.

1121
00:55:57.530 --> 00:55:57.910
Okay.

1122
00:55:59.210 --> 00:56:00.530
<00:55:59.210>Yeah. <00:55:59.507>I <00:55:59.804>can <00:56:00.101>see <00:56:00.398>that-

1123
00:56:02.210 --> 00:56:02.220
<00:56:02.210>So <00:56:02.219>this-

1124
00:56:02.220 --> 00:56:02.970
<00:56:02.220>Sorry <00:56:02.388>to <00:56:02.557>cut <00:56:02.726>you <00:56:02.895>off.

1125
00:56:03.200 --> 00:56:03.200
Yeah.

1126
00:56:03.250 --> 00:56:06.750
<00:56:03.250>Just <00:56:03.366>saying <00:56:03.483>there, <00:56:03.600>when <00:56:03.716>you <00:56:03.833>said <00:56:03.950>about <00:56:04.066>suspense <00:56:04.183>boundaries <00:56:04.300>kind <00:56:04.416>of <00:56:04.533>being <00:56:04.650>natively

1127
00:56:06.770 --> 00:56:10.470
<00:56:06.770>in <00:56:06.863>there, <00:56:06.956>this <00:56:07.050>last <00:56:07.143>demo, <00:56:07.236>I <00:56:07.330>think, <00:56:07.423>is <00:56:07.516>the <00:56:07.610>one <00:56:07.703>that <00:56:07.796>will <00:56:07.890>kind <00:56:07.983>of <00:56:08.076>convince <00:56:08.170>the

1128
00:56:10.510 --> 00:56:14.170
<00:56:10.510>frameworker <00:56:10.603>types. <00:56:10.696>Because <00:56:10.790>I <00:56:10.883>think <00:56:10.976>a <00:56:11.070>lot <00:56:11.163>of <00:56:11.256>it <00:56:11.350>is <00:56:11.443>like <00:56:11.536>when <00:56:11.630>you're <00:56:11.723>saying <00:56:11.816>about <00:56:11.910>use

1129
00:56:14.210 --> 00:56:17.990
<00:56:14.210>effects, <00:56:14.350>it's <00:56:14.490>terribly <00:56:14.630>built <00:56:14.770>and <00:56:14.910>terribly <00:56:15.050>designed, <00:56:15.190>but <00:56:15.330>we're <00:56:15.470>used <00:56:15.610>to

1130
00:56:18.050 --> 00:56:21.510
<00:56:18.050>it, <00:56:18.137>and <00:56:18.225>so <00:56:18.312>there's <00:56:18.400>a <00:56:18.487>thing <00:56:18.575>of <00:56:18.662>you <00:56:18.750>just <00:56:18.837>sort <00:56:18.925>of <00:56:19.012>know <00:56:19.100>how <00:56:19.187>to <00:56:19.275>overcome <00:56:19.362>the <00:56:19.450>problems,

1131
00:56:21.610 --> 00:56:23.890
<00:56:21.610>like <00:56:21.765>leaving <00:56:21.921>that <00:56:22.076>empty <00:56:22.232>array <00:56:22.387>out <00:56:22.543>and <00:56:22.698>things <00:56:22.854>like <00:56:23.010>that.

1132
00:56:23.930 --> 00:56:27.770
<00:56:23.930>But <00:56:24.046>this <00:56:24.163>actually <00:56:24.279>does <00:56:24.396>feel <00:56:24.513>like <00:56:24.629>something <00:56:24.746>where <00:56:24.863>you <00:56:24.980>could <00:56:25.096>easily <00:56:25.213>convince <00:56:25.330>those

1133
00:56:27.790 --> 00:56:30.690
<00:56:27.790>people <00:56:27.906>to <00:56:28.023>go, <00:56:28.140>"Look, <00:56:28.256>you're <00:56:28.373>completely <00:56:28.490>over-engineering <00:56:28.606>it," <00:56:28.723>and <00:56:28.840>you <00:56:28.956>can <00:56:29.073>see <00:56:29.190>in

1134
00:56:30.710 --> 00:56:33.330
<00:56:30.710>this <00:56:30.837>example, <00:56:30.964>because <00:56:31.091>I'm <00:56:31.219>convinced <00:56:31.346>by <00:56:31.473>it. <00:56:31.600>I <00:56:31.728>think <00:56:31.855>it's <00:56:31.982>really <00:56:32.110>cool.

1135
00:56:34.450 --> 00:56:38.210
<00:56:34.450>Yeah, <00:56:34.577>I <00:56:34.704>think <00:56:34.831>this <00:56:34.959>opens <00:56:35.086>up, <00:56:35.213>actually, <00:56:35.340>the <00:56:35.468>space <00:56:35.595>for <00:56:35.722>someone <00:56:35.850>to

1136
00:56:38.270 --> 00:56:42.090
<00:56:38.270>create <00:56:38.620>a <00:56:38.970>server <00:56:39.320>framework <00:56:39.670>for

1137
00:56:42.150 --> 00:56:45.950
<00:56:42.150>this, <00:56:42.237>and <00:56:42.325>I <00:56:42.412>thought, <00:56:42.500>"Should <00:56:42.587>I <00:56:42.675>do <00:56:42.762>it <00:56:42.850>myself?" <00:56:42.937>But <00:56:43.025>it's <00:56:43.112>not <00:56:43.200>really <00:56:43.287>my <00:56:43.375>job <00:56:43.462>to <00:56:43.550>create

1138
00:56:46.010 --> 00:56:47.170
<00:56:46.010>a <00:56:46.271>server <00:56:46.532>framework <00:56:46.793>for <00:56:47.054>this,

1139
00:56:48.390 --> 00:56:51.910
<00:56:48.390>that <00:56:48.472>will <00:56:48.554>do <00:56:48.637>all <00:56:48.719>of <00:56:48.801>these <00:56:48.884>things. <00:56:48.966>But <00:56:49.048>if <00:56:49.131>I <00:56:49.213>show <00:56:49.295>you <00:56:49.378>the <00:56:49.460>code <00:56:49.542>for <00:56:49.625>it, <00:56:49.707>it's <00:56:49.790>not

1140
00:56:51.950 --> 00:56:55.930
<00:56:51.950>really <00:56:52.057>much. <00:56:52.165>These <00:56:52.273>are <00:56:52.380>the <00:56:52.488>views, <00:56:52.596>the <00:56:52.703>routing, <00:56:52.811>like <00:56:52.919>the <00:56:53.026>landing <00:56:53.134>and <00:56:53.242>the <00:56:53.350>product.

1141
00:56:55.989 --> 00:56:58.550
<00:56:55.989>So <00:56:56.144>ideally, <00:56:56.300>you <00:56:56.455>would <00:56:56.611>read <00:56:56.766>this <00:56:56.922>from <00:56:57.077>files <00:56:57.233>with <00:56:57.389>imports.

1142
00:56:59.650 --> 00:57:03.360
<00:56:59.650>And <00:56:59.777>then <00:56:59.904>this <00:57:00.031>is <00:57:00.159>the <00:57:00.286>page <00:57:00.413>template <00:57:00.540>where <00:57:00.668>basically <00:57:00.795>it <00:57:00.922>returns <00:57:01.050>the

1143
00:57:03.430 --> 00:57:06.670
<00:57:03.430>template <00:57:03.546>for <00:57:03.663>the <00:57:03.779>page, <00:57:03.896>and <00:57:04.013>it <00:57:04.129>drops <00:57:04.246>it <00:57:04.363>again <00:57:04.480>with <00:57:04.596>start <00:57:04.713>and <00:57:04.830>end.

1144
00:57:07.730 --> 00:57:10.330
<00:57:07.730>And <00:57:07.870>this <00:57:08.010>is <00:57:08.150>the <00:57:08.290>delivered <00:57:08.430>as <00:57:08.570>patch <00:57:08.710>only <00:57:08.850>or <00:57:08.990>full <00:57:09.130>document.

1145
00:57:10.670 --> 00:57:13.350
<00:57:10.670>And <00:57:10.757>I'll <00:57:10.845>show <00:57:10.932>you <00:57:11.020>in <00:57:11.107>a <00:57:11.195>second <00:57:11.282>how <00:57:11.370>do <00:57:11.457>we <00:57:11.545>know <00:57:11.632>if <00:57:11.720>it's <00:57:11.807>patch <00:57:11.895>only <00:57:11.982>or <00:57:12.070>document.

1146
00:57:14.870 --> 00:57:18.610
<00:57:14.870>Because <00:57:14.963>this <00:57:15.056>is <00:57:15.150>not <00:57:15.243>really <00:57:15.336>a <00:57:15.430>new <00:57:15.523>API, <00:57:15.616>that's <00:57:15.710>why <00:57:15.803>I've <00:57:15.896>been <00:57:15.990>saying <00:57:16.083>you <00:57:16.176>can <00:57:16.270>already

1147
00:57:18.650 --> 00:57:19.279
<00:57:18.650>do <00:57:18.933>this <00:57:19.216>now,

1148
00:57:20.250 --> 00:57:22.510
<00:57:20.250>and <00:57:20.530>maybe <00:57:20.810>some <00:57:21.090>frameworks <00:57:21.370>do <00:57:21.650>it.

1149
00:57:23.450 --> 00:57:27.150
<00:57:23.450>Here's <00:57:23.566>the <00:57:23.683>full <00:57:23.799>document, <00:57:23.916>and <00:57:24.033>here's <00:57:24.149>the <00:57:24.266>marker <00:57:24.383>that <00:57:24.500>we <00:57:24.616>returned <00:57:24.733>the <00:57:24.850>first

1150
00:57:27.190 --> 00:57:27.530
time.

1151
00:57:28.630 --> 00:57:31.590
<00:57:28.630>And <00:57:28.723>I'll <00:57:28.816>come <00:57:28.910>back <00:57:29.003>to <00:57:29.096>this <00:57:29.190>in <00:57:29.283>a <00:57:29.376>second, <00:57:29.470>but <00:57:29.563>take <00:57:29.656>a <00:57:29.750>look <00:57:29.843>at <00:57:29.936>the <00:57:30.030>server

1152
00:57:32.430 --> 00:57:35.630
<00:57:32.430>with <00:57:32.585>the <00:57:32.741>mode. <00:57:32.896>We <00:57:33.052>read <00:57:33.207>the <00:57:33.363>header <00:57:33.518>SEC <00:57:33.674>fetch <00:57:33.830>mode.

1153
00:57:36.310 --> 00:57:38.170
<00:57:36.310>If <00:57:36.509>it's <00:57:36.710>navigate, <00:57:36.910>then <00:57:37.110>it's <00:57:37.310>a <00:57:37.509>new <00:57:37.710>page.

1154
00:57:38.670 --> 00:57:39.090
<00:57:38.670>If <00:57:39.048>it's

1155
00:57:41.590 --> 00:57:44.530
<00:57:41.590>course <00:57:41.745>or <00:57:41.901>same <00:57:42.056>origin, <00:57:42.212>then <00:57:42.367>we're <00:57:42.523>doing <00:57:42.678>a <00:57:42.834>fetch <00:57:42.990>request.

1156
00:57:44.890 --> 00:57:48.870
<00:57:44.890>And <00:57:44.977>based <00:57:45.065>on <00:57:45.152>that, <00:57:45.240>we <00:57:45.327>decide, <00:57:45.415>do <00:57:45.502>we <00:57:45.589>need <00:57:45.677>to <00:57:45.765>send <00:57:45.852>the <00:57:45.940>entire <00:57:46.027>page <00:57:46.115>template <00:57:46.202>or <00:57:46.290>just

1157
00:57:48.930 --> 00:57:50.830
<00:57:48.930>a <00:57:49.279>small <00:57:49.629>patch? <00:57:49.980>That's <00:57:50.330>it.

1158
00:57:52.270 --> 00:57:52.450
Mm-hmm.

1159
00:57:52.510 --> 00:57:56.390
<00:57:52.510>But <00:57:52.743>this <00:57:52.976>thing <00:57:53.210>uses <00:57:53.443>JavaScript <00:57:53.676>on <00:57:53.910>the

1160
00:57:56.430 --> 00:57:58.850
<00:57:56.430>client. <00:57:56.585>So <00:57:56.741>this <00:57:56.896>was <00:57:57.052>the <00:57:57.207>server <00:57:57.363>code, <00:57:57.518>by <00:57:57.674>the <00:57:57.830>way.

1161
00:57:58.890 --> 00:58:02.530
<00:57:58.890>This <00:57:58.997>is <00:57:59.105>the <00:57:59.213>server <00:57:59.320>code. <00:57:59.428>And <00:57:59.536>this <00:57:59.643>is <00:57:59.751>the <00:57:59.859>JavaScript <00:57:59.966>that <00:58:00.074>runs <00:58:00.182>on <00:58:00.290>the

1162
00:58:02.570 --> 00:58:04.950
<00:58:02.570>client. <00:58:02.803>We <00:58:03.036>basically <00:58:03.270>look <00:58:03.503>for <00:58:03.736>all <00:58:03.970>links.

1163
00:58:05.310 --> 00:58:08.779
<00:58:05.310>We <00:58:05.465>intercept <00:58:05.621>them, <00:58:05.776>or <00:58:05.932>every <00:58:06.087>navigation <00:58:06.243>event, <00:58:06.398>we <00:58:06.554>intercept <00:58:06.710>them.

1164
00:58:10.250 --> 00:58:13.900
<00:58:10.250>For <00:58:10.357>reload, <00:58:10.465>we <00:58:10.573>just <00:58:10.680>do <00:58:10.788>a <00:58:10.896>reload, <00:58:11.003>and <00:58:11.111>then <00:58:11.219>we <00:58:11.326>have <00:58:11.434>the <00:58:11.542>render <00:58:11.650>route

1165
00:58:13.990 --> 00:58:17.790
<00:58:13.990>function <00:58:14.145>here. <00:58:14.301>It <00:58:14.456>makes <00:58:14.612>a <00:58:14.767>fetch <00:58:14.923>to <00:58:15.078>this <00:58:15.234>page, <00:58:15.390>for

1166
00:58:17.810 --> 00:58:21.430
<00:58:17.810>example, <00:58:17.950>that <00:58:18.090>about <00:58:18.230>page, <00:58:18.370>and <00:58:18.509>we <00:58:18.650>use <00:58:18.790>these <00:58:18.930>APIs, <00:58:19.070>stream, <00:58:19.210>append,

1167
00:58:21.770 --> 00:58:22.730
<00:58:21.770>HTML, <00:58:22.634>unsafe.

1168
00:58:23.610 --> 00:58:27.370
<00:58:23.610>And <00:58:23.765>the <00:58:23.921>word <00:58:24.076>unsafe <00:58:24.232>here <00:58:24.387>is, <00:58:24.543>if <00:58:24.698>I <00:58:24.854>remember <00:58:25.010>correctly,

1169
00:58:27.430 --> 00:58:30.610
<00:58:27.430>because <00:58:27.529>you <00:58:27.629>can <00:58:27.730>use <00:58:27.830>a <00:58:27.930>sanitizer, <00:58:28.029>and <00:58:28.129>it's <00:58:28.230>because <00:58:28.330>I <00:58:28.430>think <00:58:28.529>we're <00:58:28.629>not <00:58:28.730>using <00:58:28.830>a

1170
00:58:30.690 --> 00:58:31.290
sanitizer.

1171
00:58:32.570 --> 00:58:36.230
<00:58:32.570>And <00:58:32.677>we <00:58:32.785>can <00:58:32.893>write <00:58:33.000>the <00:58:33.108>stuff <00:58:33.216>to <00:58:33.323>the <00:58:33.431>page, <00:58:33.539>and <00:58:33.646>then <00:58:33.754>we <00:58:33.862>can <00:58:33.970>close

1172
00:58:36.290 --> 00:58:39.460
<00:58:36.290>it. <00:58:36.523>And <00:58:36.756>yeah, <00:58:36.990>that's <00:58:37.223>pretty <00:58:37.456>much <00:58:37.690>it.

1173
00:58:39.490 --> 00:58:43.090
<00:58:39.490>Remember, <00:58:39.617>the <00:58:39.744>Sanitizer <00:58:39.871>API <00:58:39.999>is <00:58:40.126>Firefox <00:58:40.253>only <00:58:40.380>at <00:58:40.508>the <00:58:40.635>moment, <00:58:40.762>isn't <00:58:40.890>it?

1174
00:58:43.860 --> 00:58:47.330
<00:58:43.860>They <00:58:43.967>were <00:58:44.075>the <00:58:44.183>first <00:58:44.290>ones <00:58:44.398>to <00:58:44.506>spearhead <00:58:44.613>that <00:58:44.721>one, <00:58:44.829>the <00:58:44.936>Sanitizer <00:58:45.044>on <00:58:45.152>the <00:58:45.260>client.

1175
00:58:48.850 --> 00:58:52.410
<00:58:48.850>I <00:58:48.937>think <00:58:49.025>it <00:58:49.112>must <00:58:49.200>also <00:58:49.287>be <00:58:49.375>in <00:58:49.462>Chrome <00:58:49.549>because <00:58:49.637>this <00:58:49.725>is <00:58:49.812>using, <00:58:49.900>you <00:58:49.987>can <00:58:50.075>pass <00:58:50.162>on <00:58:50.250>a

1176
00:58:52.450 --> 00:58:55.190
<00:58:52.450>sanitizer <00:58:52.557>to <00:58:52.665>it. <00:58:52.773>I <00:58:52.880>haven't <00:58:52.988>tried <00:58:53.096>it, <00:58:53.203>but <00:58:53.311>I've <00:58:53.419>seen <00:58:53.526>it <00:58:53.634>in <00:58:53.742>the <00:58:53.850>docs.

1177
00:58:56.410 --> 00:58:56.530
Yeah.

1178
00:58:57.330 --> 00:58:57.970
<00:58:57.330>But <00:58:57.618>not <00:58:57.906>sure.

1179
00:58:59.790 --> 00:58:59.970
Cool.

1180
00:59:01.570 --> 00:59:01.710
Yeah.

1181
00:59:01.750 --> 00:59:05.270
<00:59:01.750>There's <00:59:01.925>a <00:59:02.100>lot <00:59:02.275>that <00:59:02.450>can <00:59:02.625>be <00:59:02.800>done <00:59:02.975>with <00:59:03.150>it.

1182
00:59:05.330 --> 00:59:08.910
<00:59:05.330>It <00:59:05.430>will <00:59:05.529>be <00:59:05.630>interesting <00:59:05.730>to <00:59:05.830>do <00:59:05.930>testing <00:59:06.029>in <00:59:06.130>terms <00:59:06.230>of <00:59:06.330>what <00:59:06.430>it <00:59:06.529>means <00:59:06.630>to <00:59:06.730>accessibility,

1183
00:59:08.990 --> 00:59:12.890
<00:59:08.990>what <00:59:09.097>it <00:59:09.205>means <00:59:09.313>to <00:59:09.420>like-- <00:59:09.528>because <00:59:09.636>when <00:59:09.743>you <00:59:09.851>render <00:59:09.959>HTML, <00:59:10.066>the <00:59:10.174>browser <00:59:10.282>first <00:59:10.390>does

1184
00:59:12.970 --> 00:59:16.530
<00:59:12.970>the <00:59:13.097>accessibility <00:59:13.224>tree, <00:59:13.351>then <00:59:13.479>it <00:59:13.606>does <00:59:13.733>the <00:59:13.860>DOM <00:59:13.988>tree, <00:59:14.115>and <00:59:14.242>that's <00:59:14.370>why

1185
00:59:16.570 --> 00:59:20.030
<00:59:16.570>interestingly <00:59:16.745>enough, <00:59:16.920>a <00:59:17.095>lot <00:59:17.270>of <00:59:17.445>agents <00:59:17.620>also <00:59:17.795>use <00:59:17.970>the

1186
00:59:20.090 --> 00:59:23.620
<00:59:20.090>accessibility <00:59:20.197>tree <00:59:20.305>instead <00:59:20.413>of <00:59:20.520>the <00:59:20.628>DOM <00:59:20.736>tree <00:59:20.843>because <00:59:20.951>it's <00:59:21.059>much <00:59:21.166>smaller <00:59:21.274>and <00:59:21.382>it <00:59:21.490>already

1187
00:59:23.690 --> 00:59:26.410
<00:59:23.690>gives <00:59:23.817>you <00:59:23.944>the <00:59:24.071>links <00:59:24.199>and <00:59:24.326>gives <00:59:24.453>you <00:59:24.580>the <00:59:24.708>headings <00:59:24.835>as <00:59:24.962>a <00:59:25.090>bit.

1188
00:59:26.890 --> 00:59:30.470
<00:59:26.890>I <00:59:27.045>learned <00:59:27.201>that <00:59:27.356>talking <00:59:27.512>to <00:59:27.667>people <00:59:27.823>that <00:59:27.978>write <00:59:28.134>scrapers <00:59:28.290>at

1189
00:59:30.530 --> 00:59:34.150
<00:59:30.530>devrelcon. <00:59:30.670>So <00:59:30.810>they're <00:59:30.950>like, <00:59:31.090>"Yeah, <00:59:31.230>we <00:59:31.370>only <00:59:31.510>use <00:59:31.650>the <00:59:31.790>accessibility <00:59:31.930>tree.

1190
00:59:34.190 --> 00:59:37.350
<00:59:34.190>We <00:59:34.283>don't <00:59:34.376>even <00:59:34.470>use <00:59:34.563>the <00:59:34.656>DOM <00:59:34.750>because <00:59:34.843>it's <00:59:34.936>too <00:59:35.030>big <00:59:35.123>and <00:59:35.216>actually <00:59:35.310>would <00:59:35.403>be <00:59:35.496>too <00:59:35.590>many

1191
00:59:37.390 --> 00:59:38.690
<00:59:37.390>tokens," <00:59:37.624>and <00:59:37.857>these <00:59:38.092>kind <00:59:38.326>of <00:59:38.560>things.

1192
00:59:39.250 --> 00:59:43.020
<00:59:39.250>So, <00:59:39.390>it's <00:59:39.530>the <00:59:39.670>same <00:59:39.810>every <00:59:39.950>single <00:59:40.090>time <00:59:40.230>we <00:59:40.370>intercept <00:59:40.510>the <00:59:40.650>normal

1193
00:59:43.090 --> 00:59:45.950
<00:59:43.090>browser <00:59:43.323>flow, <00:59:43.556>we <00:59:43.790>had <00:59:44.023>to <00:59:44.256>reinvent <00:59:44.490>things.

1194
00:59:46.270 --> 00:59:47.770
<00:59:46.270>With <00:59:46.495>Flash, <00:59:46.720>we <00:59:46.945>had <00:59:47.170>to <00:59:47.395>seed <00:59:47.620>the

1195
00:59:48.730 --> 00:59:52.610
<00:59:48.730>history <00:59:48.830>and <00:59:48.930>these <00:59:49.030>kind <00:59:49.130>of <00:59:49.230>things. <00:59:49.330>With <00:59:49.430>AJAX, <00:59:49.530>we <00:59:49.630>had <00:59:49.730>to <00:59:49.830>do <00:59:49.930>the <00:59:50.030>same, <00:59:50.130>like

1196
00:59:52.670 --> 00:59:56.140
<00:59:52.670>what <00:59:52.810>we <00:59:52.950>do <00:59:53.090>about <00:59:53.230>browser <00:59:53.370>back <00:59:53.510>button, <00:59:53.650>what <00:59:53.790>happens <00:59:53.930>with <00:59:54.070>that

1197
00:59:56.230 --> 01:00:00.200
<00:59:56.230>one? <00:59:56.357>But <00:59:56.484>you <00:59:56.611>showed <00:59:56.739>in <00:59:56.866>your <00:59:56.993>demo <00:59:57.120>that <00:59:57.248>basically <00:59:57.375>the <00:59:57.502>template <00:59:57.630>has

1198
01:00:00.310 --> 01:00:04.030
<01:00:00.310>been <01:00:00.410>loaded <01:00:00.509>in <01:00:00.610>there <01:00:00.710>as <01:00:00.810>well <01:00:00.910>because <01:00:01.009>it <01:00:01.110>becomes <01:00:01.210>part <01:00:01.310>of <01:00:01.410>this <01:00:01.509>one, <01:00:01.610>so <01:00:01.710>this

1199
01:00:04.090 --> 01:00:07.730
<01:00:04.090>solves <01:00:04.323>that <01:00:04.556>problem <01:00:04.790>already. <01:00:05.023>But <01:00:05.256>the <01:00:05.490>inert

1200
01:00:07.830 --> 01:00:08.790
<01:00:07.830>content <01:00:08.694>becoming

1201
01:00:11.050 --> 01:00:14.990
<01:00:11.050>then <01:00:11.166>active, <01:00:11.283>like <01:00:11.400>how <01:00:11.516>do <01:00:11.633>we <01:00:11.750>tell <01:00:11.866>an <01:00:11.983>assistive <01:00:12.100>technology <01:00:12.216>that <01:00:12.333>this <01:00:12.450>happened?

1202
01:00:15.910 --> 01:00:16.510
Yeah.

1203
01:00:17.430 --> 01:00:21.410
<01:00:17.430>Probably <01:00:17.569>an <01:00:17.710>area <01:00:17.850>problem, <01:00:17.990>but <01:00:18.129>it's <01:00:18.270>an <01:00:18.410>interesting <01:00:18.549>one <01:00:18.690>that <01:00:18.830>every

1204
01:00:21.450 --> 01:00:24.430
<01:00:21.450>time <01:00:21.605>we <01:00:21.761>intercept <01:00:21.916>this <01:00:22.072>one, <01:00:22.227>there's <01:00:22.383>an <01:00:22.538>issue <01:00:22.694>with <01:00:22.850>that.

1205
01:00:26.070 --> 01:00:29.790
<01:00:26.070>So <01:00:26.152>I <01:00:26.234>haven't <01:00:26.317>tested <01:00:26.399>it, <01:00:26.481>and <01:00:26.564>I <01:00:26.646>just <01:00:26.728>wrote <01:00:26.811>it <01:00:26.893>down <01:00:26.975>alongside <01:00:27.058>with <01:00:27.140>the <01:00:27.222>why <01:00:27.305>do <01:00:27.387>I <01:00:27.470>have

1206
01:00:29.850 --> 01:00:31.930
<01:00:29.850>name <01:00:29.990>instead <01:00:30.130>of <01:00:30.270>ID <01:00:30.410>to <01:00:30.549>try <01:00:30.690>them <01:00:30.830>before <01:00:30.970>my <01:00:31.110>next <01:00:31.250>talk.

1207
01:00:32.190 --> 01:00:36.070
<01:00:32.190>But <01:00:32.345>if <01:00:32.501>you're <01:00:32.656>just <01:00:32.812>streaming <01:00:32.967>the <01:00:33.123>whole <01:00:33.278>page, <01:00:33.434>and <01:00:33.590>then

1208
01:00:36.610 --> 01:00:40.190
<01:00:36.610>you're <01:00:36.710>just <01:00:36.810>doing <01:00:36.910>an <01:00:37.010>SQL <01:00:37.110>query <01:00:37.210>and <01:00:37.310>then <01:00:37.410>streaming <01:00:37.510>the <01:00:37.610>rest, <01:00:37.710>I <01:00:37.810>don't <01:00:37.910>think <01:00:38.010>it's

1209
01:00:40.210 --> 01:00:41.330
<01:00:40.210>going <01:00:40.411>to <01:00:40.613>be <01:00:40.814>a <01:00:41.016>problem <01:00:41.218>because

1210
01:00:43.030 --> 01:00:46.450
<01:00:43.030>the <01:00:43.157>browser's <01:00:43.284>probably <01:00:43.411>still <01:00:43.539>busy <01:00:43.666>building <01:00:43.793>the <01:00:43.920>document <01:00:44.048>outline, <01:00:44.175>will <01:00:44.302>update <01:00:44.430>the

1211
01:00:46.470 --> 01:00:50.150
<01:00:46.470>document <01:00:46.569>outline, <01:00:46.669>and <01:00:46.770>the <01:00:46.870>user <01:00:46.970>hasn't <01:00:47.069>really <01:00:47.169>started <01:00:47.270>typing. <01:00:47.370>But <01:00:47.470>I <01:00:47.569>have <01:00:47.669>to <01:00:47.770>try <01:00:47.870>it.

1212
01:00:50.310 --> 01:00:51.590
<01:00:50.310>I <01:00:50.540>don't <01:00:50.770>really <01:00:51.001>think <01:00:51.231>you <01:00:51.462>need

1213
01:00:52.790 --> 01:00:56.500
<01:00:52.790>Aria <01:00:52.897>labels <01:00:53.005>for <01:00:53.113>it. <01:00:53.220>It's <01:00:53.328>more <01:00:53.436>like <01:00:53.543>if <01:00:53.651>it <01:00:53.759>happens <01:00:53.866>in <01:00:53.974>response <01:00:54.082>to <01:00:54.190>a

1214
01:00:56.570 --> 01:00:58.420
<01:00:56.570>click, <01:00:56.803>then <01:00:57.036>I <01:00:57.270>think <01:00:57.503>it's <01:00:57.736>okay, <01:00:57.970>right?

1215
01:00:58.430 --> 01:01:00.750
<01:00:58.430>Because <01:00:58.605>you <01:00:58.779>click <01:00:58.955>on <01:00:59.129>a <01:00:59.305>link <01:00:59.480>and <01:00:59.654>then <01:00:59.830>you-

1216
01:01:00.820 --> 01:01:00.820
Yeah

1217
01:01:00.830 --> 01:01:02.950
<01:01:00.830>... <01:01:01.005>update <01:01:01.180>part <01:01:01.355>of <01:01:01.529>the <01:01:01.705>document, <01:01:01.880>then <01:01:02.055>it's <01:01:02.230>okay.

1218
01:01:02.990 --> 01:01:04.210
<01:01:02.990>You <01:01:03.173>don't <01:01:03.356>even <01:01:03.538>need <01:01:03.721>to <01:01:03.905>announce <01:01:04.088>it.

1219
01:01:05.010 --> 01:01:08.970
<01:01:05.010>But <01:01:05.126>I've <01:01:05.243>got <01:01:05.360>actually <01:01:05.476>the <01:01:05.593>same <01:01:05.710>question <01:01:05.826>when <01:01:05.943>I <01:01:06.060>talked <01:01:06.176>first <01:01:06.293>about <01:01:06.410>view

1220
01:01:09.010 --> 01:01:12.950
<01:01:09.010>transitions, <01:01:09.137>which <01:01:09.264>is <01:01:09.391>like, <01:01:09.519>hey, <01:01:09.646>you're <01:01:09.773>doing <01:01:09.900>updates <01:01:10.028>to <01:01:10.155>the <01:01:10.282>DOM, <01:01:10.410>how

1221
01:01:12.970 --> 01:01:14.730
<01:01:12.970>would <01:01:13.109>I <01:01:13.250>know <01:01:13.390>about <01:01:13.529>it? <01:01:13.669>And <01:01:13.810>I <01:01:13.950>think <01:01:14.089>it <01:01:14.230>also <01:01:14.370>depends

1222
01:01:15.950 --> 01:01:19.450
<01:01:15.950>on <01:01:16.057>if <01:01:16.165>it's <01:01:16.273>really <01:01:16.380>in <01:01:16.488>response <01:01:16.596>to <01:01:16.703>a <01:01:16.811>click <01:01:16.919>or <01:01:17.026>if <01:01:17.134>it's <01:01:17.242>just <01:01:17.350>happening

1223
01:01:19.530 --> 01:01:23.440
<01:01:19.530>randomly. <01:01:19.657>If <01:01:19.784>it <01:01:19.911>does <01:01:20.039>come <01:01:20.166>three <01:01:20.293>seconds <01:01:20.420>later, <01:01:20.548>yeah, <01:01:20.675>that's <01:01:20.802>kind <01:01:20.930>of

1224
01:01:23.610 --> 01:01:26.650
<01:01:23.610>a <01:01:23.750>problem, <01:01:23.890>but <01:01:24.030>then <01:01:24.170>you <01:01:24.310>don't <01:01:24.450>want <01:01:24.590>to <01:01:24.730>announce <01:01:24.870>the <01:01:25.010>menu,

1225
01:01:28.310 --> 01:01:32.230
<01:01:28.310>right? <01:01:28.450>If <01:01:28.590>it's <01:01:28.730>loading, <01:01:28.870>you <01:01:29.009>tab <01:01:29.150>into <01:01:29.290>it, <01:01:29.430>it's <01:01:29.570>loading, <01:01:29.710>you

1226
01:01:32.270 --> 01:01:32.460
<01:01:32.270>can <01:01:32.327>just <01:01:32.384>go <01:01:32.441>back.

1227
01:01:32.510 --> 01:01:36.110
<01:01:32.510>I <01:01:32.743>mean, <01:01:32.976>the <01:01:33.210>idea <01:01:33.443>of <01:01:33.676>100 <01:01:33.910>links

1228
01:01:36.730 --> 01:01:39.970
<01:01:36.730>mega <01:01:36.905>menu <01:01:37.080>being <01:01:37.255>accessible <01:01:37.430>is <01:01:37.605>hilarious <01:01:37.780>to <01:01:37.955>start <01:01:38.130>with.

1229
01:01:41.850 --> 01:01:43.050
<01:01:41.850>It's <01:01:42.120>like, <01:01:42.390>no, <01:01:42.660>it's <01:01:42.930>not.

1230
01:01:44.410 --> 01:01:46.550
<01:01:44.410>Because <01:01:44.549>if <01:01:44.690>you <01:01:44.830>think <01:01:44.970>about <01:01:45.109>it, <01:01:45.250>you <01:01:45.390>don't <01:01:45.529>see <01:01:45.670>the <01:01:45.810>thing.

1231
01:01:46.710 --> 01:01:50.670
<01:01:46.710>You <01:01:46.850>actually <01:01:46.990>have <01:01:47.130>the <01:01:47.270>links <01:01:47.410>as <01:01:47.550>an <01:01:47.690>array <01:01:47.830>to <01:01:47.970>navigate <01:01:48.110>through,

1232
01:01:51.330 --> 01:01:55.270
<01:01:51.330>so <01:01:51.423>you <01:01:51.516>probably <01:01:51.610>will <01:01:51.703>do <01:01:51.796>a <01:01:51.890>search <01:01:51.983>for <01:01:52.076>the <01:01:52.170>term <01:01:52.263>that <01:01:52.356>you're <01:01:52.450>going <01:01:52.543>to <01:01:52.636>look <01:01:52.730>through

1233
01:01:55.330 --> 01:01:59.290
<01:01:55.330>as <01:01:55.470>well. <01:01:55.610>That's <01:01:55.750>a <01:01:55.890>UX <01:01:56.029>problem. <01:01:56.170>Are <01:01:56.310>mega <01:01:56.450>menus <01:01:56.590>actually <01:01:56.730>making

1234
01:01:59.370 --> 01:02:02.350
<01:01:59.370>sense, <01:01:59.486>or <01:01:59.603>is <01:01:59.720>it <01:01:59.836>just <01:01:59.953>like, <01:02:00.069>"Oh, <01:02:00.186>look <01:02:00.303>how <01:02:00.420>much <01:02:00.536>stuff <01:02:00.653>we <01:02:00.770>have?"

1235
01:02:04.850 --> 01:02:07.830
<01:02:04.850>Yeah, <01:02:04.977>like <01:02:05.104>perception, <01:02:05.231>isn't <01:02:05.359>it? <01:02:05.486>Because <01:02:05.613>I <01:02:05.740>usually <01:02:05.868>find <01:02:05.995>them <01:02:06.122>quite <01:02:06.250>intense.

1236
01:02:08.210 --> 01:02:12.070
<01:02:08.210>Anytime <01:02:08.297>I <01:02:08.385>see <01:02:08.472>a <01:02:08.560>mega <01:02:08.647>menu, <01:02:08.735>it's <01:02:08.822>like, <01:02:08.910>"Oh, <01:02:08.997>there's <01:02:09.085>so <01:02:09.172>many <01:02:09.260>things <01:02:09.347>I've <01:02:09.435>got <01:02:09.522>to <01:02:09.610>dig

1237
01:02:12.130 --> 01:02:15.130
<01:02:12.130>into." <01:02:12.212>But <01:02:12.294>I <01:02:12.377>think <01:02:12.459>that <01:02:12.541>was, <01:02:12.624>at <01:02:12.706>the <01:02:12.788>same <01:02:12.871>time, <01:02:12.953>that <01:02:13.035>was <01:02:13.118>a <01:02:13.200>good <01:02:13.282>example <01:02:13.365>to <01:02:13.447>get <01:02:13.530>the

1238
01:02:15.170 --> 01:02:15.710
<01:02:15.170>point <01:02:15.656>across.

1239
01:02:16.790 --> 01:02:16.970
Yeah.

1240
01:02:17.170 --> 01:02:17.870
<01:02:17.170>What <01:02:17.380>you're <01:02:17.590>saying. <01:02:17.799>Yeah.

1241
01:02:18.830 --> 01:02:19.210
<01:02:18.830>It's <01:02:19.001>really <01:02:19.172>good.

1242
01:02:19.270 --> 01:02:23.190
<01:02:19.270>And <01:02:19.370>if <01:02:19.470>you <01:02:19.570>actually <01:02:19.670>want <01:02:19.770>to <01:02:19.870>turn <01:02:19.970>it <01:02:20.070>into <01:02:20.170>an <01:02:20.270>AI <01:02:20.370>product, <01:02:20.470>you <01:02:20.570>just <01:02:20.670>change

1243
01:02:23.210 --> 01:02:26.580
<01:02:23.210>the <01:02:23.385>word <01:02:23.560>loading <01:02:23.735>to <01:02:23.910>thinking, <01:02:24.085>and <01:02:24.260>then <01:02:24.435>you <01:02:24.610>get-

1244
01:02:26.700 --> 01:02:26.870
Yeah

1245
01:02:26.880 --> 01:02:29.829
<01:02:26.880>... <01:02:27.160>investment <01:02:27.440>from <01:02:27.720>VC <01:02:28.000>companies <01:02:28.280>immediately.

1246
01:02:29.870 --> 01:02:31.130
<01:02:29.870>Not <01:02:31.004>discombobulating?

1247
01:02:31.650 --> 01:02:33.150
<01:02:31.650>Yeah. <01:02:33.000>Flantabigating.

1248
01:02:34.010 --> 01:02:35.590
<01:02:34.010>Some, <01:02:34.360>I <01:02:34.710>swear, <01:02:35.060>they're <01:02:35.410>just

1249
01:02:36.650 --> 01:02:38.990
<01:02:36.650>tapping <01:02:36.790>on <01:02:36.930>the <01:02:37.070>keyboard <01:02:37.210>random <01:02:37.350>letters. <01:02:37.490>These <01:02:37.630>are <01:02:37.770>not <01:02:37.910>even <01:02:38.050>words.

1250
01:02:39.390 --> 01:02:42.470
<01:02:39.390>No, <01:02:39.545>I <01:02:39.701>Google <01:02:39.856>them. <01:02:40.012>They <01:02:40.167>actually <01:02:40.323>exist. <01:02:40.478>Like <01:02:40.634>funny <01:02:40.790>ways.

1251
01:02:42.610 --> 01:02:46.170
<01:02:42.610>Yeah, <01:02:42.737>discombobulate <01:02:42.864>is <01:02:42.991>a <01:02:43.119>wonderful <01:02:43.246>word. <01:02:43.373>I <01:02:43.500>use <01:02:43.628>that <01:02:43.755>all <01:02:43.882>the <01:02:44.010>time.

1252
01:02:46.230 --> 01:02:50.090
<01:02:46.230>No, <01:02:46.357>I'm <01:02:46.484>not <01:02:46.611>kidding. <01:02:46.739>Actually, <01:02:46.866>I <01:02:46.993>love <01:02:47.120>using <01:02:47.248>words <01:02:47.375>that <01:02:47.502>are <01:02:47.630>not

1253
01:02:50.150 --> 01:02:53.650
<01:02:50.150>in <01:02:50.305>use <01:02:50.461>any <01:02:50.616>longer, <01:02:50.772>and <01:02:50.927>discombobulate <01:02:51.083>is <01:02:51.238>a <01:02:51.394>wonderful <01:02:51.550>one.

1254
01:02:54.110 --> 01:02:55.210
<01:02:54.110>It <01:02:54.357>was <01:02:54.605>also <01:02:54.852>in <01:02:55.100>the

1255
01:02:56.810 --> 01:03:00.290
<01:02:56.810>Sherlock <01:02:57.009>Holmes <01:02:57.210>movie, <01:02:57.410>where <01:02:57.610>he <01:02:57.810>smashes <01:02:58.009>his <01:02:58.210>ears.

1256
01:03:00.450 --> 01:03:04.330
<01:03:00.450>That's <01:03:00.730>discombobulating <01:03:01.009>somebody, <01:03:01.290>making <01:03:01.569>them <01:03:01.850>confused.

1257
01:03:05.190 --> 01:03:05.370
Yeah.

1258
01:03:06.270 --> 01:03:07.130
<01:03:06.270>This <01:03:06.463>is <01:03:06.657>like <01:03:06.850>people <01:03:07.044>saying,

1259
01:03:09.230 --> 01:03:12.050
<01:03:09.230>"I <01:03:09.370>used <01:03:09.510>to <01:03:09.650>use <01:03:09.790>em <01:03:09.930>dashes <01:03:10.070>before <01:03:10.210>AI." <01:03:10.350>And <01:03:10.490>on <01:03:10.630>Chris-

1260
01:03:12.290 --> 01:03:12.430
Yeah.

1261
01:03:12.450 --> 01:03:12.570
Yeah

1262
01:03:12.580 --> 01:03:15.350
<01:03:12.580>... <01:03:12.707>yeah, <01:03:12.834>I <01:03:12.961>used <01:03:13.089>to <01:03:13.216>use <01:03:13.343>discombobulating. <01:03:13.470>I <01:03:13.598>can't <01:03:13.725>even <01:03:13.852>say <01:03:13.980>it.

1263
01:03:15.360 --> 01:03:15.360
Yeah.

1264
01:03:18.090 --> 01:03:19.370
<01:03:18.090>Yeah, <01:03:18.474>I <01:03:18.858>watched <01:03:19.241>the

1265
01:03:20.210 --> 01:03:23.790
<01:03:20.210>Superman <01:03:20.310>movie <01:03:20.410>on <01:03:20.510>the <01:03:20.610>flight <01:03:20.710>over <01:03:20.810>from <01:03:20.910>New <01:03:21.010>York, <01:03:21.110>and <01:03:21.210>they <01:03:21.310>had <01:03:21.410>this <01:03:21.510>moment <01:03:21.610>where

1266
01:03:23.810 --> 01:03:27.670
<01:03:23.810>they <01:03:23.937>have <01:03:24.064>this <01:03:24.191>army <01:03:24.319>of <01:03:24.446>monkeys <01:03:24.573>that <01:03:24.700>are <01:03:24.828>typing <01:03:24.955>in <01:03:25.082>social <01:03:25.210>media

1267
01:03:27.750 --> 01:03:31.450
<01:03:27.750>things <01:03:27.890>to <01:03:28.030>make <01:03:28.170>Superman <01:03:28.310>look <01:03:28.450>bad, <01:03:28.590>and <01:03:28.730>I <01:03:28.870>love <01:03:29.010>that <01:03:29.150>basically

1268
01:03:31.530 --> 01:03:31.770
that

1269
01:03:32.570 --> 01:03:36.510
<01:03:32.570>they <01:03:32.710>put <01:03:32.850>that <01:03:32.990>in <01:03:33.130>that <01:03:33.270>movie. <01:03:33.410>I <01:03:33.550>mean, <01:03:33.690>yeah, <01:03:33.830>100 <01:03:33.970>monkeys

1270
01:03:37.410 --> 01:03:39.790
<01:03:37.410>with <01:03:37.690>100 <01:03:37.970>typewriters <01:03:38.250>can <01:03:38.529>write <01:03:38.810>Shakespeare.

1271
01:03:40.090 --> 01:03:42.550
<01:03:40.090>The <01:03:40.290>internet <01:03:40.490>disproved <01:03:40.690>that <01:03:40.890>a <01:03:41.090>long <01:03:41.290>time <01:03:41.490>ago.

1272
01:03:44.310 --> 01:03:44.750
<01:03:44.310>Very <01:03:44.706>true.

1273
01:03:46.890 --> 01:03:48.910
<01:03:46.890>But <01:03:47.170>yeah, <01:03:47.450>it <01:03:47.730>was <01:03:48.009>interesting <01:03:48.290>thing.

1274
01:03:49.130 --> 01:03:52.010
<01:03:49.130>We're <01:03:49.230>going <01:03:49.330>to <01:03:49.430>link <01:03:49.530>the <01:03:49.630>article, <01:03:49.730>we're <01:03:49.830>going <01:03:49.930>to <01:03:50.030>link <01:03:50.130>the <01:03:50.230>video <01:03:50.330>because <01:03:50.430>there's <01:03:50.530>a

1275
01:03:52.050 --> 01:03:53.690
<01:03:52.050>lot <01:03:52.283>of <01:03:52.516>stuff <01:03:52.750>happening <01:03:52.983>in <01:03:53.216>this <01:03:53.450>regard.

1276
01:03:54.140 --> 01:03:54.140
Yep.

1277
01:03:54.170 --> 01:03:57.330
<01:03:54.170>Will <01:03:54.286>be <01:03:54.403>interesting <01:03:54.520>to <01:03:54.636>see <01:03:54.753>how <01:03:54.870>other <01:03:54.986>browser <01:03:55.103>makers <01:03:55.220>will <01:03:55.336>take <01:03:55.453>that <01:03:55.570>on.

1278
01:03:57.390 --> 01:03:59.210
<01:03:57.390>I <01:03:57.589>think <01:03:57.790>Firefox, <01:03:57.990>not <01:03:58.190>an <01:03:58.390>issue <01:03:58.589>at <01:03:58.790>all.

1279
01:03:59.230 --> 01:04:03.210
<01:03:59.230>Probably <01:03:59.405>Microsoft <01:03:59.580>as <01:03:59.755>well. <01:03:59.930>Safari <01:04:00.105>will <01:04:00.280>do <01:04:00.455>it <01:04:00.630>in

1280
01:04:03.270 --> 01:04:05.590
<01:04:03.270>three <01:04:03.445>or <01:04:03.620>four <01:04:03.795>years, <01:04:03.970>then <01:04:04.145>we <01:04:04.320>go <01:04:04.495>from <01:04:04.670>there.

1281
01:04:06.970 --> 01:04:10.850
<01:04:06.970>I <01:04:07.077>think <01:04:07.185>Safari <01:04:07.293>was <01:04:07.400>quite <01:04:07.508>positive, <01:04:07.616>but <01:04:07.723>then <01:04:07.831>I <01:04:07.939>saw <01:04:08.046>a <01:04:08.154>certain <01:04:08.262>comment <01:04:08.370>like,

1282
01:04:10.890 --> 01:04:14.330
<01:04:10.890>"Hey, <01:04:11.017>we're <01:04:11.144>not <01:04:11.271>sure <01:04:11.399>about <01:04:11.526>this." <01:04:11.653>But <01:04:11.780>we've <01:04:11.908>got <01:04:12.035>pretty <01:04:12.162>fast <01:04:12.290>positive

1283
01:04:17.090 --> 01:04:18.390
<01:04:17.090>thumbs <01:04:17.324>up, <01:04:17.558>if <01:04:17.792>I <01:04:18.026>remember <01:04:18.259>correctly.

1284
01:04:20.070 --> 01:04:23.890
<01:04:20.070>And <01:04:20.225>it's <01:04:20.381>interesting <01:04:20.536>because <01:04:20.692>the <01:04:20.847>bigger <01:04:21.003>problem <01:04:21.158>with <01:04:21.314>wrong <01:04:21.470>data

1285
01:04:23.930 --> 01:04:26.130
<01:04:23.930>being <01:04:24.163>loaded <01:04:24.396>or <01:04:24.629>large <01:04:24.863>data <01:04:25.096>being <01:04:25.330>loaded,

1286
01:04:26.950 --> 01:04:30.590
<01:04:26.950>and <01:04:27.049>it <01:04:27.149>took <01:04:27.250>me <01:04:27.350>a <01:04:27.450>while <01:04:27.549>to <01:04:27.649>understand <01:04:27.750>that <01:04:27.850>JSON <01:04:27.950>is <01:04:28.049>a <01:04:28.149>terrible <01:04:28.250>format <01:04:28.350>for

1287
01:04:30.670 --> 01:04:32.130
<01:04:30.670>streaming <01:04:31.108>because <01:04:31.546>it <01:04:31.984>doesn't

1288
01:04:33.030 --> 01:04:35.710
<01:04:33.029>render <01:04:33.263>until <01:04:33.496>it's <01:04:33.729>actually <01:04:33.963>valid <01:04:34.196>JavaScript <01:04:34.430>again.

1289
01:04:36.470 --> 01:04:36.670
Mm.

1290
01:04:36.970 --> 01:04:37.070
So-

1291
01:04:37.730 --> 01:04:37.880
Yeah

1292
01:04:38.270 --> 01:04:42.050
<01:04:38.270>... <01:04:38.377>other <01:04:38.485>text <01:04:38.593>formats <01:04:38.700>or <01:04:38.808>these <01:04:38.916>kind <01:04:39.023>of <01:04:39.131>things <01:04:39.239>you <01:04:39.346>can <01:04:39.454>stream <01:04:39.562>because <01:04:39.670>they

1293
01:04:42.150 --> 01:04:45.990
<01:04:42.150>can <01:04:42.277>get <01:04:42.404>interrupted <01:04:42.531>any <01:04:42.659>time <01:04:42.786>between <01:04:42.913>and <01:04:43.040>not <01:04:43.168>cause <01:04:43.295>an <01:04:43.422>error, <01:04:43.550>but

1294
01:04:46.050 --> 01:04:49.930
<01:04:46.050>as <01:04:46.205>JSON <01:04:46.361>always <01:04:46.516>needs <01:04:46.672>to <01:04:46.827>be <01:04:46.983>executed, <01:04:47.138>so <01:04:47.294>to <01:04:47.450>say,

1295
01:04:50.030 --> 01:04:51.590
<01:04:50.029>as <01:04:50.379>JavaScript <01:04:50.729>to <01:04:51.080>become <01:04:51.430>readable,

1296
01:04:52.930 --> 01:04:56.830
<01:04:52.930>it <01:04:53.029>can <01:04:53.129>never <01:04:53.230>be <01:04:53.330>streamed <01:04:53.430>unless <01:04:53.529>you <01:04:53.629>chunk <01:04:53.730>it <01:04:53.830>up <01:04:53.930>into <01:04:54.029>different <01:04:54.129>JSON <01:04:54.230>objects <01:04:54.330>and

1297
01:04:56.870 --> 01:04:58.670
<01:04:56.870>then <01:04:57.045>make <01:04:57.220>one <01:04:57.395>big <01:04:57.569>object <01:04:57.745>out <01:04:57.920>of <01:04:58.095>it <01:04:58.270>again.

1298
01:04:59.350 --> 01:05:02.990
<01:04:59.350>That's <01:04:59.549>why <01:04:59.750>RC <01:04:59.950>has <01:05:00.150>this <01:05:00.350>weird <01:05:00.549>JSON-like-ish <01:05:00.750>syntax.

1299
01:05:03.370 --> 01:05:03.440
Yeah.

1300
01:05:03.470 --> 01:05:06.110
<01:05:03.470>Like <01:05:03.625>circumflex. <01:05:03.781>Oh, <01:05:03.936>makes <01:05:04.092>sense. <01:05:04.247>Nice. <01:05:04.403>I <01:05:04.558>didn't <01:05:04.714>know <01:05:04.870>that.

1301
01:05:06.350 --> 01:05:06.450
Yeah.

1302
01:05:07.290 --> 01:05:10.170
<01:05:07.290>But <01:05:07.523>imagine <01:05:07.756>this <01:05:07.990>like <01:05:08.223>a <01:05:08.456>cloud <01:05:08.690>CDN,

1303
01:05:11.350 --> 01:05:13.230
<01:05:11.350>where <01:05:11.549>you <01:05:11.750>host <01:05:11.950>your <01:05:12.150>app <01:05:12.350>on <01:05:12.549>the <01:05:12.750>edge

1304
01:05:14.490 --> 01:05:18.390
<01:05:14.490>and <01:05:14.645>then <01:05:14.801>you're <01:05:14.956>using <01:05:15.112>streaming. <01:05:15.267>Once <01:05:15.423>it <01:05:15.578>gets <01:05:15.734>supported <01:05:15.890>on

1305
01:05:18.430 --> 01:05:19.270
<01:05:18.430>all <01:05:18.682>browsers, <01:05:18.933>then <01:05:19.186>a

1306
01:05:20.430 --> 01:05:22.720
<01:05:20.430>multiple <01:05:20.569>page <01:05:20.710>app <01:05:20.850>will <01:05:20.990>really <01:05:21.129>feel <01:05:21.270>like <01:05:21.410>a <01:05:21.549>single <01:05:21.690>page <01:05:21.830>app.

1307
01:05:23.190 --> 01:05:26.820
<01:05:23.190>Combine <01:05:23.345>that <01:05:23.501>with <01:05:23.656>view <01:05:23.812>page <01:05:23.967>transitions, <01:05:24.123>multiple <01:05:24.278>view <01:05:24.434>page <01:05:24.590>transitions,

1308
01:05:26.890 --> 01:05:30.710
<01:05:26.890>and <01:05:26.990>whoa, <01:05:27.089>this <01:05:27.190>is <01:05:27.290>like <01:05:27.390>a <01:05:27.490>native <01:05:27.589>app <01:05:27.690>running <01:05:27.790>on <01:05:27.890>the <01:05:27.990>cloud <01:05:28.089>that <01:05:28.190>you <01:05:28.290>can

1309
01:05:30.730 --> 01:05:32.110
<01:05:30.730>view <01:05:31.040>with <01:05:31.351>your <01:05:31.661>controller <01:05:31.972>tattoo.

1310
01:05:33.430 --> 01:05:34.010
<01:05:33.430>The <01:05:33.952>framework

1311
01:05:35.110 --> 01:05:36.130
just-

1312
01:05:36.210 --> 01:05:36.810
<01:05:36.210>And <01:05:36.390>you <01:05:36.570>can <01:05:36.750>add

1313
01:05:38.270 --> 01:05:41.310
<01:05:38.270>third-party <01:05:38.470>JavaScript <01:05:38.670>that <01:05:38.870>can <01:05:39.070>cause <01:05:39.270>errors <01:05:39.470>without <01:05:39.670>your

1314
01:05:42.230 --> 01:05:45.050
<01:05:42.230>single <01:05:42.405>page <01:05:42.580>application <01:05:42.755>breaking. <01:05:42.930>That <01:05:43.105>was <01:05:43.280>the <01:05:43.455>other <01:05:43.630>thing.

1315
01:05:45.130 --> 01:05:48.310
<01:05:45.130>The <01:05:45.330>problem <01:05:45.530>with <01:05:45.730>JavaScript <01:05:45.930>is <01:05:46.130>that <01:05:46.330>it's <01:05:46.530>brittle.

1316
01:05:48.830 --> 01:05:52.690
<01:05:48.830>That <01:05:48.957>basically <01:05:49.084>any <01:05:49.211>JavaScript <01:05:49.339>used <01:05:49.466>in <01:05:49.593>the <01:05:49.720>page, <01:05:49.848>and <01:05:49.975>we <01:05:50.102>use <01:05:50.230>millions

1317
01:05:52.770 --> 01:05:56.150
<01:05:52.770>of <01:05:52.877>other <01:05:52.985>people's <01:05:53.093>JavaScript <01:05:53.200>in <01:05:53.308>the <01:05:53.416>page, <01:05:53.523>causes <01:05:53.631>a <01:05:53.739>JavaScript <01:05:53.846>error, <01:05:53.954>and <01:05:54.062>then <01:05:54.170>the

1318
01:05:56.170 --> 01:05:58.220
<01:05:56.170>rest <01:05:56.450>doesn't <01:05:56.730>get <01:05:57.010>rendered <01:05:57.290>any <01:05:57.570>longer.

1319
01:05:58.550 --> 01:06:02.230
<01:05:58.550>HTML <01:05:58.677>and <01:05:58.804>CSS <01:05:58.931>is <01:05:59.059>much <01:05:59.186>more <01:05:59.313>forgiving <01:05:59.440>because <01:05:59.568>if <01:05:59.695>it <01:05:59.822>encounters <01:05:59.950>an

1320
01:06:02.330 --> 01:06:04.610
<01:06:02.330>error, <01:06:02.470>it <01:06:02.610>just <01:06:02.750>jumps <01:06:02.890>over <01:06:03.029>it <01:06:03.170>and <01:06:03.310>takes <01:06:03.450>the <01:06:03.590>next <01:06:03.730>one.

1321
01:06:04.670 --> 01:06:06.890
<01:06:04.670>That's <01:06:04.870>why <01:06:05.070>that <01:06:05.270>marker <01:06:05.470>thing <01:06:05.670>works <01:06:05.870>as <01:06:06.070>well.

1322
01:06:06.970 --> 01:06:08.570
<01:06:06.970>The <01:06:07.203>parser <01:06:07.436>says, <01:06:07.670>"Okay, <01:06:07.903>that's <01:06:08.136>a <01:06:08.370>comment.

1323
01:06:08.610 --> 01:06:08.930
<01:06:08.610>F**k <01:06:08.897>it."

1324
01:06:09.810 --> 01:06:13.410
<01:06:09.810>But <01:06:09.950>with <01:06:10.090>any <01:06:10.230>other <01:06:10.370>things <01:06:10.509>that <01:06:10.650>need <01:06:10.790>to <01:06:10.930>be <01:06:11.070>done <01:06:11.210>in

1325
01:06:13.470 --> 01:06:17.430
<01:06:13.470>JavaScript, <01:06:13.750>any <01:06:14.030>JavaScript <01:06:14.310>not <01:06:14.590>loading <01:06:14.870>or

1326
01:06:17.510 --> 01:06:21.310
<01:06:17.510>having <01:06:17.617>a <01:06:17.725>course <01:06:17.833>issue <01:06:17.940>or <01:06:18.048>an <01:06:18.156>extension <01:06:18.263>of <01:06:18.371>the <01:06:18.479>browser <01:06:18.586>not <01:06:18.694>loading <01:06:18.802>the <01:06:18.910>thing.

1327
01:06:22.210 --> 01:06:25.950
<01:06:22.210>I <01:06:22.317>had <01:06:22.425>this <01:06:22.533>the <01:06:22.640>other <01:06:22.748>day <01:06:22.856>with <01:06:22.963>somebody <01:06:23.071>who <01:06:23.179>actually, <01:06:23.286>his <01:06:23.394>blog <01:06:23.502>posts <01:06:23.610>don't

1328
01:06:26.010 --> 01:06:27.110
<01:06:26.010>render <01:06:26.340>at <01:06:26.670>all <01:06:27.000>as

1329
01:06:27.930 --> 01:06:31.810
<01:06:27.930>I <01:06:28.105>code <01:06:28.279>anymore <01:06:28.455>because <01:06:28.629>he's <01:06:28.805>using <01:06:28.980>a <01:06:29.154>client-side <01:06:29.330>JavaScript

1330
01:06:31.830 --> 01:06:34.930
<01:06:31.830>and <01:06:32.110>I <01:06:32.390>use <01:06:32.670>a <01:06:32.950>browser <01:06:33.230>with

1331
01:06:35.010 --> 01:06:38.850
<01:06:35.010>an <01:06:35.185>ad <01:06:35.360>blocker, <01:06:35.535>and <01:06:35.710>all <01:06:35.885>of <01:06:36.060>a <01:06:36.235>sudden, <01:06:36.410>I

1332
01:06:38.890 --> 01:06:42.630
<01:06:38.890>couldn't <01:06:38.990>link <01:06:39.089>to <01:06:39.190>his <01:06:39.290>article <01:06:39.390>because <01:06:39.490>it <01:06:39.589>didn't <01:06:39.690>show <01:06:39.790>the <01:06:39.890>code, <01:06:39.990>and <01:06:40.089>I'm <01:06:40.190>like, <01:06:40.290>"What's

1333
01:06:42.670 --> 01:06:46.450
<01:06:42.670>going <01:06:42.770>on <01:06:42.870>there?" <01:06:42.970>And <01:06:43.070>then <01:06:43.170>we <01:06:43.270>both <01:06:43.370>analyzed <01:06:43.470>it <01:06:43.570>and <01:06:43.670>found <01:06:43.770>out <01:06:43.870>that <01:06:43.970>I'm <01:06:44.070>using

1334
01:06:46.510 --> 01:06:50.110
<01:06:46.510>Libre <01:06:46.637>Fox <01:06:46.764>in <01:06:46.891>one <01:06:47.019>of <01:06:47.146>my <01:06:47.273>own <01:06:47.400>computers, <01:06:47.528>and <01:06:47.655>that <01:06:47.782>one <01:06:47.910>does

1335
01:06:50.130 --> 01:06:54.070
<01:06:50.130>blocking <01:06:50.305>of <01:06:50.480>non-course <01:06:50.655>JavaScript <01:06:50.830>compliant <01:06:51.005>stuff, <01:06:51.180>and <01:06:51.355>that's <01:06:51.530>why

1336
01:06:54.090 --> 01:06:55.520
<01:06:54.090>it <01:06:54.519>doesn't <01:06:54.948>render. <01:06:55.377>And

1337
01:06:56.330 --> 01:06:59.350
<01:06:56.330>yeah, <01:06:56.430>really, <01:06:56.529>do <01:06:56.630>you <01:06:56.730>want <01:06:56.830>to <01:06:56.930>rely <01:06:57.029>on <01:06:57.130>that <01:06:57.230>one <01:06:57.330>to <01:06:57.430>render <01:06:57.529>your <01:06:57.630>source <01:06:57.730>code?

1338
01:07:02.134 --> 01:07:05.134
<01:07:02.134>This <01:07:02.414>reminds <01:07:02.694>me <01:07:02.974>of <01:07:03.254>Alex <01:07:03.534>Russell's

1339
01:07:05.234 --> 01:07:07.394
<01:07:05.234>anti-JavaScript <01:07:05.933>JavaScript <01:07:06.634>club.

1340
01:07:08.554 --> 01:07:08.694
Yeah.

1341
01:07:09.174 --> 01:07:12.834
<01:07:09.174>Basically, <01:07:09.281>we <01:07:09.389>love <01:07:09.497>JavaScript, <01:07:09.604>but <01:07:09.712>we <01:07:09.820>want <01:07:09.927>to <01:07:10.035>ship <01:07:10.143>less <01:07:10.250>and <01:07:10.358>less <01:07:10.466>of <01:07:10.574>it.

1342
01:07:12.894 --> 01:07:16.524
<01:07:12.894>And <01:07:12.994>I <01:07:13.094>don't <01:07:13.194>want <01:07:13.294>to <01:07:13.394>speak <01:07:13.494>about <01:07:13.594>the <01:07:13.694>accessibility <01:07:13.794>of <01:07:13.894>it <01:07:13.994>just <01:07:14.094>because <01:07:14.194>I <01:07:14.294>haven't

1343
01:07:16.554 --> 01:07:20.454
<01:07:16.554>tested <01:07:16.647>it <01:07:16.740>yet, <01:07:16.834>but <01:07:16.927>I <01:07:17.020>would <01:07:17.114>say <01:07:17.207>this <01:07:17.300>should <01:07:17.394>be <01:07:17.487>a <01:07:17.580>step <01:07:17.674>in <01:07:17.767>a <01:07:17.860>good <01:07:17.954>direction,

1344
01:07:20.494 --> 01:07:24.394
<01:07:20.494>because <01:07:20.649>the <01:07:20.805>less <01:07:20.960>JavaScript <01:07:21.116>you're <01:07:21.271>doing <01:07:21.427>to <01:07:21.582>rehydrate <01:07:21.738>and <01:07:21.894>inject

1345
01:07:24.494 --> 01:07:28.294
<01:07:24.494>stuff <01:07:24.669>should <01:07:24.844>be <01:07:25.019>a <01:07:25.194>big <01:07:25.369>win <01:07:25.544>for <01:07:25.719>just <01:07:25.894>shipping

1346
01:07:28.354 --> 01:07:28.914
<01:07:28.354>something <01:07:28.606>that <01:07:28.857>is

1347
01:07:29.954 --> 01:07:30.364
HTML.

1348
01:07:30.934 --> 01:07:32.234
<01:07:30.934>Yeah. <01:07:31.168>It <01:07:31.402>will <01:07:31.636>be <01:07:31.870>interesting <01:07:32.104>to

1349
01:07:33.694 --> 01:07:37.594
<01:07:33.694>hammer <01:07:33.810>it <01:07:33.927>in <01:07:34.044>terms <01:07:34.160>of <01:07:34.277>accessibility <01:07:34.394>and <01:07:34.510>also <01:07:34.627>security, <01:07:34.744>because <01:07:34.860>that <01:07:34.977>might <01:07:35.094>be

1350
01:07:37.654 --> 01:07:41.434
<01:07:37.654>another <01:07:37.770>thing <01:07:37.887>that <01:07:38.004>that's <01:07:38.120>an <01:07:38.237>injection <01:07:38.354>point <01:07:38.470>that <01:07:38.587>you <01:07:38.704>can <01:07:38.820>abuse <01:07:38.937>in <01:07:39.054>some

1351
01:07:41.534 --> 01:07:45.183
<01:07:41.534>way <01:07:41.650>or <01:07:41.767>another. <01:07:41.884>But <01:07:42.000>as <01:07:42.117>the <01:07:42.234>templates <01:07:42.350>are <01:07:42.467>inert, <01:07:42.584>I <01:07:42.700>don't <01:07:42.817>think <01:07:42.934>it's

1352
01:07:45.214 --> 01:07:47.594
<01:07:45.214>possible <01:07:45.354>at <01:07:45.494>the <01:07:45.634>moment, <01:07:45.774>but <01:07:45.913>the <01:07:46.054>people <01:07:46.194>will <01:07:46.334>find <01:07:46.474>an <01:07:46.614>issue.

1353
01:07:48.534 --> 01:07:48.694
Yeah.

1354
01:07:48.734 --> 01:07:49.474
<01:07:48.734>Quite <01:07:49.400>sure.

1355
01:07:50.014 --> 01:07:51.094
<01:07:50.014>I <01:07:50.152>want <01:07:50.291>to <01:07:50.430>say <01:07:50.569>something, <01:07:50.708>by <01:07:50.847>the <01:07:50.986>way.

1356
01:07:51.254 --> 01:07:55.144
<01:07:51.254>The <01:07:51.429>scripts, <01:07:51.604>the <01:07:51.779>inline <01:07:51.953>script <01:07:52.129>tags <01:07:52.304>that <01:07:52.479>you <01:07:52.654>stream,

1357
01:07:55.974 --> 01:07:59.574
<01:07:55.974>if <01:07:56.149>you <01:07:56.324>use <01:07:56.499>the <01:07:56.674>declarative <01:07:56.849>syntax, <01:07:57.024>so <01:07:57.199>without <01:07:57.374>JavaScript,

1358
01:07:59.894 --> 01:08:02.914
<01:07:59.894>without <01:08:00.034>their <01:08:00.174>writer, <01:08:00.314>the <01:08:00.454>.get <01:08:00.594>writer, <01:08:00.734>then <01:08:00.874>they <01:08:01.014>will <01:08:01.154>be <01:08:01.294>automatically

1359
01:08:03.814 --> 01:08:07.634
<01:08:03.814>run, <01:08:03.930>executed. <01:08:04.047>But <01:08:04.163>if <01:08:04.280>you <01:08:04.397>use <01:08:04.513>the <01:08:04.630>writer <01:08:04.747>thing <01:08:04.864>and <01:08:04.980>you <01:08:05.097>want <01:08:05.214>to

1360
01:08:07.694 --> 01:08:10.694
<01:08:07.694>execute <01:08:07.834>some <01:08:07.974>scripts, <01:08:08.114>then <01:08:08.254>you <01:08:08.394>have <01:08:08.534>to <01:08:08.674>say, <01:08:08.814>"Allow <01:08:08.954>scripts <01:08:09.094>true."

1361
01:08:11.714 --> 01:08:11.804
Mm-hmm.

1362
01:08:11.934 --> 01:08:15.894
<01:08:11.934>So <01:08:12.167>in <01:08:12.400>the <01:08:12.634>non-declarative <01:08:12.867>syntax, <01:08:13.100>you <01:08:13.334>have

1363
01:08:15.934 --> 01:08:18.775
<01:08:15.934>a <01:08:16.061>way <01:08:16.188>to <01:08:16.315>enable, <01:08:16.443>disable <01:08:16.570>scripts, <01:08:16.697>and <01:08:16.824>by <01:08:16.952>default, <01:08:17.079>they <01:08:17.206>don't <01:08:17.334>run.

1364
01:08:19.554 --> 01:08:22.474
<01:08:19.554>But <01:08:19.709>in <01:08:19.865>the <01:08:20.020>declarative <01:08:20.176>syntax, <01:08:20.331>then <01:08:20.487>they <01:08:20.642>are <01:08:20.798>always <01:08:20.953>running.

1365
01:08:24.334 --> 01:08:24.534
Cool.

1366
01:08:24.634 --> 01:08:25.414
Yeah.

1367
01:08:26.514 --> 01:08:29.754
<01:08:26.514>Because <01:08:26.641>technically <01:08:26.768>you <01:08:26.895>can <01:08:27.023>fetch <01:08:27.150>a <01:08:27.277>script <01:08:27.404>from <01:08:27.532>any <01:08:27.659>page <01:08:27.786>and <01:08:27.913>then...

1368
01:08:31.315 --> 01:08:33.094
<01:08:31.314>No, <01:08:31.594>actually, <01:08:31.875>yeah. <01:08:32.154>Think <01:08:32.434>about <01:08:32.714>it.

1369
01:08:33.235 --> 01:08:36.775
<01:08:33.234>If <01:08:33.351>you're <01:08:33.468>using <01:08:33.585>the <01:08:33.701>declarative <01:08:33.818>approach, <01:08:33.934>then <01:08:34.051>the <01:08:34.168>stream, <01:08:34.285>the <01:08:34.401>template <01:08:34.518>is <01:08:34.634>always

1370
01:08:36.794 --> 01:08:39.155
<01:08:36.794>coming <01:08:36.949>from <01:08:37.105>the <01:08:37.260>same <01:08:37.416>request <01:08:37.571>that's <01:08:37.727>coming <01:08:37.882>from <01:08:38.038>your <01:08:38.193>domain.

1371
01:08:39.454 --> 01:08:41.014
<01:08:39.453>So <01:08:39.687>in <01:08:39.920>general, <01:08:40.153>that <01:08:40.387>should <01:08:40.620>be <01:08:40.853>safe,

1372
01:08:41.954 --> 01:08:43.634
<01:08:41.953>unless <01:08:42.187>you're <01:08:42.420>doing <01:08:42.653>some <01:08:42.887>really <01:08:43.120>funky <01:08:43.353>stuff.

1373
01:08:45.114 --> 01:08:48.334
<01:08:45.113>Yeah. <01:08:45.230>And <01:08:45.347>funky <01:08:45.464>stuff <01:08:45.580>in <01:08:45.697>JavaScript <01:08:45.813>is <01:08:45.930>easy <01:08:46.047>to <01:08:46.163>do, <01:08:46.280>seeing <01:08:46.397>that <01:08:46.513>you...

1374
01:08:48.905 --> 01:08:52.775
<01:08:48.904>I <01:08:49.104>remember <01:08:49.304>this <01:08:49.505>library <01:08:49.705>that <01:08:49.904>just <01:08:50.104>used <01:08:50.304>parentheses

1375
01:08:52.815 --> 01:08:55.794
<01:08:52.815>and <01:08:52.942>plus <01:08:53.069>and <01:08:53.196>minus, <01:08:53.324>and <01:08:53.451>you <01:08:53.578>can <01:08:53.705>encode <01:08:53.833>any <01:08:53.960>JavaScript <01:08:54.087>into <01:08:54.215>it.

1376
01:08:56.034 --> 01:08:56.514
Yeah.

1377
01:08:56.594 --> 01:08:59.775
<01:08:56.594>Yeah. <01:08:56.749>It's <01:08:56.905>absolutely <01:08:57.060>bonkers <01:08:57.216>what <01:08:57.371>you <01:08:57.527>can <01:08:57.682>do <01:08:57.838>with <01:08:57.993>it.

1378
01:09:00.214 --> 01:09:03.235
<01:09:00.214>This <01:09:00.369>is <01:09:00.525>great, <01:09:00.680>so <01:09:00.836>thanks <01:09:00.991>for <01:09:01.147>doing <01:09:01.302>all <01:09:01.458>that <01:09:01.613>research.

1379
01:09:03.294 --> 01:09:04.114
<01:09:03.294>Thanks <01:09:03.540>for <01:09:03.786>doing <01:09:04.031>the-

1380
01:09:04.525 --> 01:09:04.525
<01:09:04.524>Thank <01:09:04.524>you

1381
01:09:04.525 --> 01:09:08.494
<01:09:04.524>... <01:09:04.652>the <01:09:04.779>work <01:09:04.906>that <01:09:05.034>you <01:09:05.161>do, <01:09:05.288>and <01:09:05.415>take <01:09:05.543>a <01:09:05.670>look <01:09:05.797>at <01:09:05.924>learnjavascript.online

1382
01:09:08.514 --> 01:09:11.155
<01:09:08.514>to <01:09:08.669>see <01:09:08.825>what <01:09:08.980>he <01:09:09.136>does <01:09:09.291>and <01:09:09.447>give <01:09:09.602>him <01:09:09.758>some <01:09:09.913>money.

1383
01:09:11.855 --> 01:09:15.744
<01:09:11.854>And, <01:09:11.995>yeah, <01:09:12.134>sadly <01:09:12.274>enough, <01:09:12.415>the <01:09:12.554>congress <01:09:12.694>in <01:09:12.834>Berlin <01:09:12.974>is <01:09:13.115>over, <01:09:13.254>and

1384
01:09:15.834 --> 01:09:18.794
<01:09:15.834>the <01:09:16.033>CFP <01:09:16.233>for <01:09:16.434>America <01:09:16.634>is <01:09:16.834>closed <01:09:17.033>as <01:09:17.233>well.

1385
01:09:19.355 --> 01:09:22.914
<01:09:19.354>But <01:09:19.448>it <01:09:19.541>would <01:09:19.634>be <01:09:19.728>fun <01:09:19.821>to <01:09:19.915>have <01:09:20.008>you <01:09:20.101>as <01:09:20.194>a <01:09:20.288>speaker <01:09:20.381>at <01:09:20.474>one <01:09:20.568>time <01:09:20.661>as <01:09:20.754>well,

1386
01:09:23.714 --> 01:09:27.304
<01:09:23.714>or <01:09:23.801>maybe <01:09:23.889>do <01:09:23.976>a <01:09:24.064>workshop <01:09:24.151>next <01:09:24.238>year, <01:09:24.326>and <01:09:24.413>it's <01:09:24.501>great <01:09:24.589>to <01:09:24.676>have <01:09:24.764>you <01:09:24.851>here <01:09:24.939>on <01:09:25.026>the <01:09:25.113>show.

1387
01:09:27.334 --> 01:09:27.775
<01:09:27.334>Sounds <01:09:27.730>good.

1388
01:09:28.025 --> 01:09:29.334
<01:09:28.024>So <01:09:28.260>thanks <01:09:28.496>very <01:09:28.731>much <01:09:28.967>for <01:09:29.203>that.

1389
01:09:29.374 --> 01:09:30.994
<01:09:29.374>Thanks <01:09:29.607>so <01:09:29.840>much. <01:09:30.073>Thanks, <01:09:30.307>Daniel. <01:09:30.540>Thanks, <01:09:30.773>Chris.

1390
01:09:31.374 --> 01:09:31.775
<01:09:31.374>Thank <01:09:31.734>you.

1391
01:09:32.034 --> 01:09:32.583
<01:09:32.033>Thanks <01:09:32.198>for <01:09:32.363>joining <01:09:32.528>us.

1392
01:09:33.394 --> 01:09:34.014
<01:09:33.394>Yeah, <01:09:33.673>my <01:09:33.952>pleasure.

1393
01:09:34.634 --> 01:09:37.874
<01:09:34.634>All <01:09:34.750>right. <01:09:34.867>This <01:09:34.984>was <01:09:35.100>"We <01:09:35.217>Are <01:09:35.334>Developers <01:09:35.450>Live." <01:09:35.567>We're <01:09:35.684>now <01:09:35.800>going <01:09:35.917>back <01:09:36.033>to

1394
01:09:37.954 --> 01:09:40.794
<01:09:37.953>organizing <01:09:38.420>the <01:09:38.887>wearedevelopers.us <01:09:39.353>event.

1395
01:09:41.394 --> 01:09:44.355
<01:09:41.394>Dan <01:09:41.594>is <01:09:41.794>flying <01:09:41.994>next <01:09:42.194>week <01:09:42.394>to <01:09:42.594>Silicon <01:09:42.794>Valley.

1396
01:09:44.855 --> 01:09:48.124
<01:09:44.854>I'm <01:09:44.955>coming <01:09:45.054>the <01:09:45.154>Monday <01:09:45.254>after <01:09:45.354>that <01:09:45.455>because <01:09:45.554>I <01:09:45.654>got <01:09:45.754>something <01:09:45.854>to <01:09:45.955>do <01:09:46.054>in <01:09:46.154>Berlin <01:09:46.254>between,

1397
01:09:48.534 --> 01:09:52.474
<01:09:48.533>and <01:09:48.634>then <01:09:48.733>we're <01:09:48.834>going <01:09:48.933>to <01:09:49.033>be <01:09:49.134>hanging <01:09:49.233>out <01:09:49.334>in <01:09:49.433>San <01:09:49.533>Francisco <01:09:49.634>for <01:09:49.733>almost <01:09:49.834>a <01:09:49.933>week

1398
01:09:52.494 --> 01:09:56.434
<01:09:52.493>and <01:09:52.594>a <01:09:52.693>half. <01:09:52.794>So <01:09:52.893>if <01:09:52.993>anybody <01:09:53.094>wants <01:09:53.193>to <01:09:53.294>meet <01:09:53.393>us <01:09:53.493>there, <01:09:53.594>say <01:09:53.693>"Hi," <01:09:53.794>and <01:09:53.893>we're

1399
01:09:56.444 --> 01:10:00.194
<01:09:56.443>going <01:09:56.560>to <01:09:56.677>be <01:09:56.794>there <01:09:56.910>to <01:09:57.027>do <01:09:57.143>podcast <01:09:57.260>recordings, <01:09:57.377>to <01:09:57.494>do <01:09:57.610>strange <01:09:57.727>stuff, <01:09:57.843>and

1400
01:10:00.814 --> 01:10:04.274
<01:10:00.814>I'm <01:10:00.891>going <01:10:00.969>to <01:10:01.047>show <01:10:01.125>Daniel <01:10:01.202>all <01:10:01.280>the <01:10:01.358>pubs <01:10:01.436>that <01:10:01.514>I <01:10:01.591>used <01:10:01.669>to <01:10:01.747>hang <01:10:01.825>out <01:10:01.902>when <01:10:01.980>I <01:10:02.058>lived <01:10:02.136>in <01:10:02.214>San

1401
01:10:04.294 --> 01:10:07.034
<01:10:04.294>Francisco <01:10:04.469>that <01:10:04.644>are <01:10:04.818>now <01:10:04.994>closed <01:10:05.169>since <01:10:05.344>COVID, <01:10:05.519>sadly <01:10:05.693>enough.

1402
01:10:07.094 --> 01:10:09.014
<01:10:07.094>But <01:10:07.327>we'll <01:10:07.560>see <01:10:07.794>what <01:10:08.027>we <01:10:08.260>can <01:10:08.494>do.

1403
01:10:09.074 --> 01:10:09.274
Yeah.

1404
01:10:09.334 --> 01:10:13.044
<01:10:09.334>So <01:10:09.450>thanks, <01:10:09.567>Chad. <01:10:09.684>Thanks, <01:10:09.800>Daniel. <01:10:09.917>This <01:10:10.034>was <01:10:10.150>"We <01:10:10.267>Are <01:10:10.384>Developers <01:10:10.500>Live" <01:10:10.617>for <01:10:10.733>today,

1405
01:10:13.114 --> 01:10:15.194
<01:10:13.114>and <01:10:13.393>yeah, <01:10:13.674>we'll <01:10:13.954>see <01:10:14.233>you <01:10:14.513>next

1406
01:10:15.274 --> 01:10:17.714
<01:10:15.274>Wednesday. <01:10:16.674>Bye-bye.

1407
01:10:18.514 --> 01:10:18.974
<01:10:18.514>Ciao, <01:10:18.928>ciao.