WEBVTT

1
00:00:01.120 --> 00:00:04.560
<00:00:01.120>Hi, <00:00:01.236>my <00:00:01.353>name <00:00:01.470>is <00:00:01.586>Andre <00:00:01.703>Dietrich <00:00:01.820>and <00:00:01.936>I'm <00:00:02.053>a <00:00:02.170>researcher <00:00:02.286>at <00:00:02.403>the <00:00:02.520>TU

2
00:00:04.620 --> 00:00:06.320
<00:00:04.620>Bergakademie <00:00:05.086>in <00:00:05.553>Freiberg, <00:00:06.020>Germany.

3
00:00:06.960 --> 00:00:09.180
<00:00:06.960>And <00:00:07.100>today <00:00:07.240>I <00:00:07.380>would <00:00:07.520>like <00:00:07.660>to <00:00:07.800>talk <00:00:07.939>about <00:00:08.080>the <00:00:08.219>problem <00:00:08.360>of

4
00:00:11.040 --> 00:00:14.890
<00:00:11.040>why <00:00:11.195>software <00:00:11.351>documentation <00:00:11.506>is <00:00:11.662>still <00:00:11.817>static <00:00:11.973>and <00:00:12.128>why <00:00:12.284>modern <00:00:12.440>browsers

5
00:00:14.940 --> 00:00:17.900
<00:00:14.940>deserve, <00:00:15.115>or <00:00:15.290>not <00:00:15.465>only <00:00:15.639>deserve, <00:00:15.815>but <00:00:15.989>can <00:00:16.165>do <00:00:16.340>better.

6
00:00:18.040 --> 00:00:21.740
<00:00:18.040>So <00:00:18.195>this <00:00:18.351>entire <00:00:18.506>presentation <00:00:18.662>will <00:00:18.817>be <00:00:18.973>a <00:00:19.128>live <00:00:19.284>demonstration <00:00:19.439>also,

7
00:00:21.920 --> 00:00:24.940
<00:00:21.920>so <00:00:22.153>that's <00:00:22.386>why <00:00:22.620>I'm <00:00:22.853>switching <00:00:23.086>to <00:00:23.320>github.dev.

8
00:00:26.300 --> 00:00:28.980
<00:00:26.300>You <00:00:26.533>can <00:00:26.766>find <00:00:27.000>the <00:00:27.233>entire <00:00:27.466>project <00:00:27.700>at

9
00:00:29.000 --> 00:00:35.970
github.com/andre-dietrich/we-are-developers-2026.

10
00:00:36.460 --> 00:00:39.000
<00:00:36.460>And <00:00:36.660>if <00:00:36.860>you <00:00:37.060>want <00:00:37.260>to <00:00:37.460>use <00:00:37.660>the <00:00:37.860>same

11
00:00:40.220 --> 00:00:42.740
<00:00:40.220>markdown <00:00:40.570>previewer <00:00:40.920>as <00:00:41.269>I <00:00:41.620>will,

12
00:00:43.760 --> 00:00:46.120
<00:00:43.760>you <00:00:43.993>simply <00:00:44.226>can <00:00:44.460>install <00:00:44.693>the <00:00:44.926>Leah <00:00:45.160>script

13
00:00:47.420 --> 00:00:48.980
<00:00:47.420>preview <00:00:47.886>for <00:00:48.353>the <00:00:48.820>web

14
00:00:50.040 --> 00:00:52.320
<00:00:50.040>or <00:00:50.240>there's <00:00:50.440>also <00:00:50.640>for <00:00:50.839>VS <00:00:51.040>Code <00:00:51.240>an <00:00:51.440>extension

15
00:00:53.620 --> 00:00:57.020
<00:00:53.620>next <00:00:53.820>to <00:00:54.019>some <00:00:54.220>other <00:00:54.419>extensions <00:00:54.620>for <00:00:54.820>other <00:00:55.019>browsers.

16
00:00:58.120 --> 00:01:00.860
<00:00:58.120>So <00:00:58.275>the <00:00:58.431>only <00:00:58.586>thing <00:00:58.742>if <00:00:58.897>you <00:00:59.053>want <00:00:59.208>to <00:00:59.364>view <00:00:59.519>this

17
00:01:01.980 --> 00:01:05.401
<00:01:01.980>as <00:01:02.120>a <00:01:02.260>markdown <00:01:02.400>preview <00:01:02.540>file, <00:01:02.680>you <00:01:02.819>can <00:01:02.959>hit <00:01:03.099>Alt <00:01:03.239>+ <00:01:03.379>L

18
00:01:06.060 --> 00:01:07.000
<00:01:06.060>or <00:01:06.483>use <00:01:06.906>this

19
00:01:08.720 --> 00:01:11.540
<00:01:08.720>fuzzy <00:01:08.895>search. <00:01:09.070>Alt <00:01:09.245>+ <00:01:09.420>L <00:01:09.595>to <00:01:09.770>toggle <00:01:09.945>the <00:01:10.120>preview.

20
00:01:12.540 --> 00:01:16.260
<00:01:12.539>So <00:01:12.740>the <00:01:12.940>project <00:01:13.139>itself, <00:01:13.339>also <00:01:13.539>my <00:01:13.740>presentation, <00:01:13.940>is

21
00:01:16.560 --> 00:01:18.800
<00:01:16.560>open <00:01:16.793>source <00:01:17.026>and <00:01:17.260>it's <00:01:17.493>free <00:01:17.726>to <00:01:17.960>use.

22
00:01:22.520 --> 00:01:22.920
So

23
00:01:25.020 --> 00:01:28.360
<00:01:25.020>I <00:01:25.147>would <00:01:25.274>like <00:01:25.401>to <00:01:25.529>start <00:01:25.656>with <00:01:25.783>a <00:01:25.910>blog <00:01:26.038>article <00:01:26.165>that <00:01:26.292>I <00:01:26.420>guess

24
00:01:29.520 --> 00:01:32.000
<00:01:29.520>most <00:01:29.720>of <00:01:29.920>you <00:01:30.119>have <00:01:30.320>at <00:01:30.520>least <00:01:30.720>heard <00:01:30.920>about.

25
00:01:33.190 --> 00:01:36.370
<00:01:33.190>So <00:01:33.656>it's <00:01:34.123>the <00:01:34.590>unreasonable

26
00:01:36.700 --> 00:01:40.640
<00:01:36.700>effectiveness <00:01:36.875>of <00:01:37.050>HTML <00:01:37.225>or <00:01:37.400>why <00:01:37.575>some <00:01:37.750>members <00:01:37.925>of <00:01:38.100>the

27
00:01:40.700 --> 00:01:42.660
<00:01:40.700>Claude <00:01:41.400>code <00:01:42.100>team

28
00:01:43.840 --> 00:01:47.700
<00:01:43.840>start <00:01:44.040>to <00:01:44.240>going <00:01:44.440>back <00:01:44.640>to <00:01:44.840>HTML <00:01:45.040>or <00:01:45.240>using

29
00:01:47.860 --> 00:01:51.460
<00:01:47.860>HTML <00:01:48.015>instead <00:01:48.171>of <00:01:48.326>Markdown <00:01:48.482>when <00:01:48.637>they <00:01:48.793>are <00:01:48.948>communicating <00:01:49.104>with <00:01:49.260>their

30
00:01:51.520 --> 00:01:54.000
<00:01:51.520>local <00:01:51.753>AI <00:01:51.986>agent. <00:01:52.220>And <00:01:52.453>the <00:01:52.686>thing <00:01:52.920>is

31
00:01:55.160 --> 00:01:58.000
<00:01:55.160>it <00:01:55.393>makes <00:01:55.626>absolutely <00:01:55.860>sense <00:01:56.093>in <00:01:56.326>their <00:01:56.560>case.

32
00:01:58.780 --> 00:02:02.580
<00:01:58.780>So <00:01:58.920>with <00:01:59.060>HTML <00:01:59.200>combined <00:01:59.340>with <00:01:59.480>JavaScript, <00:01:59.620>you <00:01:59.760>can <00:01:59.900>use <00:02:00.040>any <00:02:00.180>JavaScript

33
00:02:02.620 --> 00:02:06.160
<00:02:02.620>library, <00:02:02.853>and <00:02:03.086>also <00:02:03.320>with <00:02:03.553>CSS <00:02:03.786>you <00:02:04.020>can

34
00:02:06.220 --> 00:02:09.961
<00:02:06.220>generate <00:02:06.500>much <00:02:06.780>more <00:02:07.060>interactive <00:02:07.340>or <00:02:07.620>beautiful

35
00:02:10.000 --> 00:02:10.820
representations

36
00:02:11.820 --> 00:02:15.780
<00:02:11.820>with <00:02:11.995>which <00:02:12.170>you <00:02:12.345>can <00:02:12.519>interact <00:02:12.695>with. <00:02:12.870>You <00:02:13.045>can <00:02:13.220>inspect

37
00:02:15.860 --> 00:02:19.620
<00:02:15.860>better <00:02:16.140>spatial <00:02:16.420>representations <00:02:16.700>of <00:02:16.980>data, <00:02:17.260>probably

38
00:02:19.840 --> 00:02:22.470
<00:02:19.840>illustrations. <00:02:20.073>So <00:02:20.306>whatever <00:02:20.540>you <00:02:20.773>want <00:02:21.006>to <00:02:21.240>have.

39
00:02:22.470 --> 00:02:26.060
<00:02:22.470>So <00:02:22.609>everything <00:02:22.750>that's <00:02:22.890>possible <00:02:23.030>within <00:02:23.170>the <00:02:23.310>browser, <00:02:23.450>of <00:02:23.590>course, <00:02:23.730>can <00:02:23.870>be

40
00:02:26.100 --> 00:02:26.600
generated

41
00:02:28.380 --> 00:02:32.100
<00:02:28.380>with <00:02:28.555>such <00:02:28.730>an <00:02:28.905>AI <00:02:29.079>agent <00:02:29.255>with <00:02:29.430>HTML <00:02:29.605>and <00:02:29.780>JavaScript.

42
00:02:32.420 --> 00:02:32.800
But

43
00:02:33.740 --> 00:02:37.480
<00:02:33.740>as <00:02:33.867>it's <00:02:33.994>always, <00:02:34.121>so <00:02:34.249>this <00:02:34.376>stuff <00:02:34.503>is <00:02:34.630>easy <00:02:34.758>for <00:02:34.885>an <00:02:35.012>AI <00:02:35.140>to

44
00:02:37.500 --> 00:02:40.640
<00:02:37.500>generate, <00:02:37.733>but <00:02:37.966>it's <00:02:38.200>hard <00:02:38.433>for <00:02:38.666>a <00:02:38.900>human

45
00:02:43.100 --> 00:02:46.640
<00:02:43.100>to <00:02:43.299>inspect <00:02:43.500>HTML <00:02:43.700>directly <00:02:43.900>or <00:02:44.100>to <00:02:44.299>make <00:02:44.500>changes

46
00:02:46.680 --> 00:02:47.760
<00:02:46.680>manually. <00:02:47.652>So

47
00:02:48.680 --> 00:02:50.840
<00:02:48.680>in <00:02:48.835>this <00:02:48.991>case, <00:02:49.146>if <00:02:49.302>we <00:02:49.457>have <00:02:49.613>a <00:02:49.768>look <00:02:49.924>at <00:02:50.080>the

48
00:02:51.680 --> 00:02:52.420
documentation

49
00:02:53.320 --> 00:02:57.000
<00:02:53.320>or <00:02:53.475>publishing <00:02:53.631>pipeline, <00:02:53.786>which <00:02:53.942>is <00:02:54.097>in <00:02:54.253>most <00:02:54.408>cases <00:02:54.564>there's <00:02:54.720>some

50
00:02:57.300 --> 00:02:59.340
<00:02:57.300>kind <00:02:57.533>of <00:02:57.766>markdown <00:02:58.000>document <00:02:58.233>or <00:02:58.466>something <00:02:58.700>else.

51
00:02:59.780 --> 00:03:03.540
<00:02:59.780>So <00:02:59.907>that <00:03:00.034>is <00:03:00.161>used <00:03:00.289>as <00:03:00.416>a <00:03:00.543>base <00:03:00.670>for <00:03:00.798>the <00:03:00.925>next <00:03:01.052>building <00:03:01.180>step,

52
00:03:03.600 --> 00:03:07.160
<00:03:03.600>which <00:03:03.775>generates <00:03:03.950>some <00:03:04.125>static <00:03:04.299>HTML <00:03:04.475>output, <00:03:04.650>which <00:03:04.825>is <00:03:05.000>then

53
00:03:07.220 --> 00:03:11.200
<00:03:07.220>hosted <00:03:07.307>on <00:03:07.395>the <00:03:07.482>CDN <00:03:07.570>if <00:03:07.657>you <00:03:07.745>want <00:03:07.832>to, <00:03:07.920>and <00:03:08.007>then <00:03:08.095>is <00:03:08.182>read <00:03:08.270>by <00:03:08.357>the <00:03:08.445>user <00:03:08.532>within <00:03:08.620>the

54
00:03:11.300 --> 00:03:15.280
<00:03:11.300>browser. <00:03:11.393>So <00:03:11.486>if <00:03:11.580>you <00:03:11.673>want <00:03:11.766>to <00:03:11.860>make <00:03:11.953>changes, <00:03:12.046>you <00:03:12.140>have <00:03:12.233>to <00:03:12.326>go <00:03:12.420>back <00:03:12.513>to <00:03:12.606>whatever <00:03:12.700>there

55
00:03:15.340 --> 00:03:16.580
<00:03:15.340>is, <00:03:15.712>probably <00:03:16.084>not <00:03:16.456>markdown,

56
00:03:17.860 --> 00:03:21.660
<00:03:17.860>and <00:03:18.060>rerun <00:03:18.260>this <00:03:18.460>entire <00:03:18.660>loop. <00:03:18.860>But <00:03:19.060>we <00:03:19.260>as

57
00:03:21.680 --> 00:03:24.960
<00:03:21.680>developers, <00:03:21.855>we <00:03:22.030>are <00:03:22.205>not <00:03:22.380>actually <00:03:22.555>readers <00:03:22.730>of <00:03:22.905>books, <00:03:23.080>right?

58
00:03:25.080 --> 00:03:28.760
<00:03:25.079>I <00:03:25.255>guess <00:03:25.429>we <00:03:25.605>tend <00:03:25.779>to <00:03:25.954>scan <00:03:26.130>more <00:03:26.304>through <00:03:26.480>the

59
00:03:28.780 --> 00:03:32.660
<00:03:28.780>document. <00:03:28.920>You <00:03:29.060>read <00:03:29.200>a <00:03:29.340>bit, <00:03:29.480>you <00:03:29.620>try <00:03:29.760>to <00:03:29.900>run <00:03:30.040>or <00:03:30.180>execute

60
00:03:32.880 --> 00:03:33.549
<00:03:32.880>a <00:03:33.080>bit <00:03:33.281>of <00:03:33.482>code,

61
00:03:34.900 --> 00:03:38.530
<00:03:34.900>maybe <00:03:35.007>not <00:03:35.115>directly <00:03:35.223>within <00:03:35.330>the <00:03:35.438>browser <00:03:35.546>if <00:03:35.653>it's <00:03:35.761>possible, <00:03:35.869>but <00:03:35.976>within <00:03:36.084>on <00:03:36.192>your <00:03:36.300>local

62
00:03:38.620 --> 00:03:42.140
<00:03:38.620>computer. <00:03:38.727>You <00:03:38.835>modify <00:03:38.943>the <00:03:39.050>code, <00:03:39.158>so <00:03:39.266>you <00:03:39.373>have <00:03:39.481>to <00:03:39.589>set <00:03:39.696>up <00:03:39.804>all <00:03:39.912>the <00:03:40.020>stuff.

63
00:03:42.200 --> 00:03:46.060
<00:03:42.200>You <00:03:42.316>observe <00:03:42.433>those <00:03:42.549>changes. <00:03:42.666>You <00:03:42.783>go <00:03:42.899>back <00:03:43.016>and <00:03:43.133>read <00:03:43.250>stuff <00:03:43.366>to <00:03:43.483>understand <00:03:43.600>and

64
00:03:46.080 --> 00:03:46.520
debug

65
00:03:47.420 --> 00:03:51.220
<00:03:47.420>whatever <00:03:47.575>you <00:03:47.731>have <00:03:47.886>done <00:03:48.042>there. <00:03:48.197>So <00:03:48.353>it's <00:03:48.508>much <00:03:48.664>more <00:03:48.820>like

66
00:03:51.260 --> 00:03:54.140
<00:03:51.260>an <00:03:51.459>acyclic <00:03:51.660>graph, <00:03:51.859>not <00:03:52.060>something <00:03:52.260>like <00:03:52.459>a <00:03:52.660>direct

67
00:03:54.240 --> 00:03:56.580
<00:03:54.240>loop <00:03:54.590>in <00:03:54.940>this <00:03:55.290>case. <00:03:55.640>And

68
00:03:57.480 --> 00:03:59.140
<00:03:57.480>how <00:03:57.655>does <00:03:57.829>it <00:03:58.005>look <00:03:58.179>like <00:03:58.355>to <00:03:58.530>go <00:03:58.704>through <00:03:58.880>a

69
00:03:59.980 --> 00:04:03.920
<00:03:59.980>documentation <00:04:00.087>is <00:04:00.195>I <00:04:00.303>want <00:04:00.410>to <00:04:00.518>highlight <00:04:00.626>this <00:04:00.733>with <00:04:00.841>a, <00:04:00.949>as <00:04:01.056>I <00:04:01.164>call <00:04:01.272>it, <00:04:01.380>the

70
00:04:04.100 --> 00:04:08.080
<00:04:04.100>mother <00:04:04.299>of <00:04:04.500>all <00:04:04.700>AI, <00:04:04.900>TensorFlow, <00:04:05.100>especially <00:04:05.299>TensorFlow <00:04:05.500>JS,

71
00:04:08.540 --> 00:04:11.680
<00:04:08.540>which <00:04:08.679>was <00:04:08.820>a <00:04:08.959>big <00:04:09.100>thing <00:04:09.239>actually <00:04:09.380>back <00:04:09.519>in <00:04:09.660>the <00:04:09.799>days <00:04:09.940>before

72
00:04:12.660 --> 00:04:16.180
<00:04:12.660>ChatGPT, <00:04:13.010>so <00:04:13.359>where <00:04:13.710>people <00:04:14.060>did

73
00:04:16.240 --> 00:04:17.981
<00:04:16.240>program <00:04:16.940>actually <00:04:17.640>real

74
00:04:18.860 --> 00:04:22.580
<00:04:18.860>neural <00:04:18.987>networks. <00:04:19.114>And <00:04:19.241>if <00:04:19.369>we <00:04:19.496>have <00:04:19.623>a <00:04:19.750>look <00:04:19.878>at <00:04:20.005>this <00:04:20.132>documentation, <00:04:20.260>it's

75
00:04:22.640 --> 00:04:24.300
<00:04:22.640>quite <00:04:22.990>complex. <00:04:23.340>So <00:04:23.690>it's <00:04:24.039>a

76
00:04:26.060 --> 00:04:29.840
<00:04:26.060>big <00:04:26.340>project <00:04:26.620>with <00:04:26.900>lots <00:04:27.180>of <00:04:27.460>contributors.

77
00:04:29.900 --> 00:04:33.840
<00:04:29.900>And <00:04:30.027>there's <00:04:30.154>just <00:04:30.281>one <00:04:30.409>markdown. <00:04:30.536>It's <00:04:30.663>basically <00:04:30.790>the <00:04:30.918>readme <00:04:31.045>which <00:04:31.172>links <00:04:31.299>to

78
00:04:33.960 --> 00:04:36.940
<00:04:33.960>all <00:04:34.193>the <00:04:34.426>core <00:04:34.659>libraries <00:04:34.893>that <00:04:35.126>are <00:04:35.359>required.

79
00:04:37.040 --> 00:04:38.720
<00:04:37.040>So <00:04:37.390>you <00:04:37.740>have <00:04:38.090>example <00:04:38.440>repositories,

80
00:04:39.740 --> 00:04:41.060
<00:04:39.740>tutorials. <00:04:40.037>You <00:04:40.334>have <00:04:40.631>a <00:04:40.928>gallery

81
00:04:41.940 --> 00:04:44.120
<00:04:41.940>of <00:04:42.219>different <00:04:42.500>functionalities. <00:04:42.780>And <00:04:43.060>of <00:04:43.340>course,

82
00:04:45.380 --> 00:04:49.120
<00:04:45.380>there's <00:04:45.535>an <00:04:45.691>HTML <00:04:45.846>snippet <00:04:46.002>with <00:04:46.157>some <00:04:46.313>script <00:04:46.468>that <00:04:46.624>you <00:04:46.780>could

83
00:04:49.260 --> 00:04:52.820
<00:04:49.260>directly <00:04:49.435>run <00:04:49.610>within <00:04:49.784>the <00:04:49.960>browser, <00:04:50.135>but <00:04:50.310>not <00:04:50.485>directly <00:04:50.659>within

84
00:04:53.260 --> 00:04:55.780
<00:04:53.260>your <00:04:53.539>markdown <00:04:53.820>or <00:04:54.099>documentation <00:04:54.380>representation, <00:04:54.659>right?

85
00:04:56.720 --> 00:04:56.900
So

86
00:04:58.960 --> 00:05:01.840
<00:04:58.960>now <00:04:59.135>looking <00:04:59.310>into <00:04:59.484>the <00:04:59.659>examples, <00:04:59.835>which <00:05:00.010>is <00:05:00.185>another <00:05:00.359>externally

87
00:05:02.820 --> 00:05:06.100
<00:05:02.820>hosted <00:05:03.520>probably <00:05:04.219>repository.

88
00:05:06.840 --> 00:05:06.960
So

89
00:05:08.320 --> 00:05:08.760
<00:05:08.320>lots <00:05:08.716>of

90
00:05:09.860 --> 00:05:11.560
<00:05:09.860>folders. <00:05:10.140>So <00:05:10.420>at <00:05:10.700>least <00:05:10.980>there's <00:05:11.260>a

91
00:05:13.360 --> 00:05:16.880
<00:05:13.360>list <00:05:13.515>so <00:05:13.671>you <00:05:13.826>can <00:05:13.982>inspect, <00:05:14.137>also <00:05:14.293>run <00:05:14.448>some <00:05:14.604>of <00:05:14.760>the

92
00:05:16.920 --> 00:05:17.460
examples

93
00:05:19.120 --> 00:05:23.060
<00:05:19.120>online. <00:05:19.260>So <00:05:19.400>there's <00:05:19.540>some <00:05:19.680>fancy <00:05:19.820>stuff <00:05:19.960>going <00:05:20.100>on <00:05:20.240>when <00:05:20.380>I'm <00:05:20.520>trying

94
00:05:23.100 --> 00:05:24.060
<00:05:23.100>to <00:05:23.388>train <00:05:23.676>the <00:05:23.964>network.

95
00:05:25.080 --> 00:05:28.979
<00:05:25.080>If <00:05:25.180>I <00:05:25.280>want <00:05:25.380>to <00:05:25.479>go <00:05:25.580>back <00:05:25.680>and <00:05:25.780>inspect <00:05:25.880>the <00:05:25.979>code, <00:05:26.080>there's <00:05:26.180>lots <00:05:26.280>and <00:05:26.380>lots <00:05:26.479>and

96
00:05:29.040 --> 00:05:32.900
<00:05:29.040>lots <00:05:29.215>of <00:05:29.390>boilerplate, <00:05:29.565>which <00:05:29.740>was <00:05:29.915>actually <00:05:30.090>necessary <00:05:30.265>to <00:05:30.440>generate

97
00:05:32.910 --> 00:05:35.380
<00:05:32.909>this <00:05:33.376>HTML <00:05:33.843>structure <00:05:34.309>to

98
00:05:36.660 --> 00:05:40.110
<00:05:36.659>access <00:05:36.859>the <00:05:37.059>button <00:05:37.260>to <00:05:37.460>draw <00:05:37.659>all <00:05:37.859>those <00:05:38.059>elements.

99
00:05:40.180 --> 00:05:43.160
<00:05:40.180>So <00:05:40.460>it's <00:05:40.740>hard <00:05:41.020>to <00:05:41.300>understand <00:05:41.580>basically

100
00:05:44.300 --> 00:05:47.860
<00:05:44.300>the <00:05:44.440>TensorFlow <00:05:44.580>JS <00:05:44.720>library <00:05:44.860>by <00:05:45.000>using <00:05:45.140>some <00:05:45.280>of <00:05:45.420>these <00:05:45.560>examples <00:05:45.700>and

101
00:05:48.300 --> 00:05:51.930
<00:05:48.300>to <00:05:48.455>scan <00:05:48.611>or <00:05:48.766>read <00:05:48.922>through <00:05:49.077>a <00:05:49.233>lot <00:05:49.388>of <00:05:49.544>documentation <00:05:49.700>and

102
00:05:51.980 --> 00:05:52.560
examples.

103
00:05:55.960 --> 00:05:56.500
<00:05:55.960>And <00:05:56.203>of <00:05:56.446>course,

104
00:05:57.700 --> 00:05:59.120
<00:05:57.700>having <00:05:57.955>a <00:05:58.211>look <00:05:58.466>at <00:05:58.722>the <00:05:58.978>documentation

105
00:06:01.592 --> 00:06:03.532
<00:06:01.592>So <00:06:01.747>at <00:06:01.903>least <00:06:02.058>there's <00:06:02.214>something <00:06:02.369>that <00:06:02.525>I <00:06:02.680>like <00:06:02.836>pretty <00:06:02.991>much.

106
00:06:04.052 --> 00:06:07.732
<00:06:04.052>So <00:06:04.207>you <00:06:04.363>can <00:06:04.518>have <00:06:04.674>your <00:06:04.829>basic <00:06:04.985>API, <00:06:05.140>so <00:06:05.296>you <00:06:05.452>can

107
00:06:08.152 --> 00:06:11.672
<00:06:08.152>run <00:06:08.259>this <00:06:08.367>stuff, <00:06:08.475>you <00:06:08.582>can <00:06:08.690>experiment <00:06:08.798>with <00:06:08.905>it, <00:06:09.013>you <00:06:09.121>try <00:06:09.228>to <00:06:09.336>edit, <00:06:09.444>make <00:06:09.551>some

108
00:06:11.772 --> 00:06:12.232
changes,

109
00:06:14.992 --> 00:06:18.812
<00:06:14.992>rerun <00:06:15.132>with <00:06:15.272>it, <00:06:15.412>and <00:06:15.552>see <00:06:15.692>basically <00:06:15.832>the <00:06:15.972>outcomes <00:06:16.112>for <00:06:16.252>lots <00:06:16.392>of

110
00:06:19.072 --> 00:06:22.952
<00:06:19.072>examples. <00:06:19.188>So <00:06:19.305>this <00:06:19.422>is <00:06:19.538>something <00:06:19.655>that <00:06:19.772>would <00:06:19.888>be <00:06:20.005>nice <00:06:20.122>to <00:06:20.238>have <00:06:20.355>in <00:06:20.472>Markdown,

111
00:06:23.792 --> 00:06:27.472
<00:06:23.792>but <00:06:23.947>this <00:06:24.103>requires <00:06:24.258>another <00:06:24.414>static <00:06:24.569>site <00:06:24.725>generator, <00:06:24.880>which <00:06:25.036>is <00:06:25.192>more

112
00:06:27.532 --> 00:06:30.792
<00:06:27.532>complex. <00:06:27.707>And <00:06:27.882>also <00:06:28.056>having <00:06:28.232>a <00:06:28.407>look <00:06:28.582>at <00:06:28.757>the <00:06:28.931>tutorials.

113
00:06:32.892 --> 00:06:36.652
<00:06:32.892>So <00:06:33.067>this <00:06:33.242>is <00:06:33.417>even <00:06:33.592>another <00:06:33.767>website <00:06:33.942>with <00:06:34.117>some <00:06:34.292>other

114
00:06:36.712 --> 00:06:39.672
<00:06:36.712>examples. <00:06:36.991>So <00:06:37.272>going <00:06:37.551>back <00:06:37.832>to <00:06:38.111>the

115
00:06:39.732 --> 00:06:42.032
<00:06:39.732>idea <00:06:41.131>of

116
00:06:43.572 --> 00:06:47.532
<00:06:43.572>using <00:06:43.699>Markdown. <00:06:43.826>So <00:06:43.953>what <00:06:44.081>I <00:06:44.208>would <00:06:44.335>like <00:06:44.462>to <00:06:44.590>achieve <00:06:44.717>within <00:06:44.844>the <00:06:44.972>next

117
00:06:47.572 --> 00:06:51.512
<00:06:47.572>couple <00:06:47.747>of <00:06:47.922>minutes <00:06:48.097>is <00:06:48.272>to <00:06:48.447>switch <00:06:48.622>or <00:06:48.797>change <00:06:48.972>your

118
00:06:51.592 --> 00:06:55.372
<00:06:51.592>mental <00:06:51.732>model, <00:06:51.871>probably. <00:06:52.012>So <00:06:52.152>in <00:06:52.292>the <00:06:52.431>old <00:06:52.572>mental <00:06:52.712>model, <00:06:52.852>Markdown <00:06:52.991>is

119
00:06:55.432 --> 00:06:57.172
<00:06:55.432>just <00:06:55.898>a <00:06:56.365>static <00:06:56.832>representation

120
00:06:58.372 --> 00:07:02.092
<00:06:58.372>of <00:06:58.512>content <00:06:58.652>that <00:06:58.792>is <00:06:58.932>maybe <00:06:59.072>translated <00:06:59.212>into <00:06:59.352>something <00:06:59.492>else, <00:06:59.632>into <00:06:59.772>an

121
00:07:02.252 --> 00:07:06.172
<00:07:02.252>HTML. <00:07:02.407>But <00:07:02.563>just <00:07:02.718>think <00:07:02.874>about <00:07:03.029>it. <00:07:03.185>If <00:07:03.340>we <00:07:03.496>would <00:07:03.652>give

122
00:07:06.572 --> 00:07:10.372
<00:07:06.572>Markdown <00:07:06.772>access <00:07:06.972>to <00:07:07.172>all <00:07:07.372>this <00:07:07.572>functionality <00:07:07.772>that <00:07:07.972>is

123
00:07:10.412 --> 00:07:14.362
<00:07:10.412>available <00:07:10.645>within <00:07:10.878>the <00:07:11.111>browser <00:07:11.345>with <00:07:11.578>some <00:07:11.811>other

124
00:07:14.812 --> 00:07:18.512
<00:07:14.812>syntax <00:07:14.987>elements, <00:07:15.162>probably, <00:07:15.337>so <00:07:15.512>that <00:07:15.687>the <00:07:15.862>users <00:07:16.037>could <00:07:16.212>directly

125
00:07:18.572 --> 00:07:21.252
<00:07:18.572>manipulate, <00:07:18.922>edit <00:07:19.272>code, <00:07:19.622>inspect <00:07:19.972>this

126
00:07:22.212 --> 00:07:25.472
<00:07:22.212>and <00:07:22.352>the <00:07:22.491>result <00:07:22.632>would <00:07:22.772>live <00:07:22.912>within <00:07:23.051>their <00:07:23.192>browser, <00:07:23.332>not <00:07:23.472>within <00:07:23.611>this

127
00:07:25.952 --> 00:07:29.852
<00:07:25.952>publishing <00:07:26.068>loop <00:07:26.185>so <00:07:26.302>that <00:07:26.418>it <00:07:26.535>has <00:07:26.652>to <00:07:26.768>be <00:07:26.885>changed <00:07:27.002>every <00:07:27.118>time <00:07:27.235>we <00:07:27.352>change

128
00:07:29.912 --> 00:07:31.012
<00:07:29.912>something <00:07:30.241>within <00:07:30.572>the <00:07:30.902>code.

129
00:07:32.052 --> 00:07:35.892
<00:07:32.052>So <00:07:32.227>that <00:07:32.402>would <00:07:32.577>be <00:07:32.752>much, <00:07:32.927>much <00:07:33.102>more <00:07:33.277>valuable, <00:07:33.452>nice,

130
00:07:36.352 --> 00:07:38.292
<00:07:36.352>and <00:07:36.818>probably <00:07:37.285>already <00:07:37.751>possible.

131
00:07:39.592 --> 00:07:41.092
<00:07:39.592>So <00:07:39.784>as <00:07:39.977>I <00:07:40.170>mentioned, <00:07:40.363>in <00:07:40.556>a <00:07:40.749>perfect <00:07:40.942>world,

132
00:07:43.652 --> 00:07:47.192
<00:07:43.652>we <00:07:43.734>do <00:07:43.816>something <00:07:43.899>like <00:07:43.981>this. <00:07:44.063>So <00:07:44.146>the <00:07:44.228>first <00:07:44.310>thing <00:07:44.393>that <00:07:44.475>I <00:07:44.557>would <00:07:44.640>like <00:07:44.722>to <00:07:44.804>do <00:07:44.887>is <00:07:44.969>simply <00:07:45.051>to

133
00:07:47.732 --> 00:07:48.492
<00:07:47.732>copy <00:07:48.416>this

134
00:07:49.492 --> 00:07:50.672
<00:07:49.492>JavaScript <00:07:50.554>library,

135
00:07:52.192 --> 00:07:55.852
<00:07:52.192>and <00:07:52.425>we <00:07:52.658>will <00:07:52.892>keep <00:07:53.125>this <00:07:53.358>for <00:07:53.592>later

136
00:07:57.492 --> 00:07:59.552
<00:07:57.492>here <00:07:57.958>within <00:07:58.425>a <00:07:58.892>simple

137
00:08:03.212 --> 00:08:04.732
<00:08:03.212>HTML <00:08:03.896>comment. <00:08:04.580>So

138
00:08:07.272 --> 00:08:11.132
<00:08:07.272>this <00:08:07.622>is <00:08:07.972>something <00:08:08.322>that <00:08:08.671>we

139
00:08:11.211 --> 00:08:14.752
<00:08:11.211>would <00:08:11.444>like <00:08:11.677>to <00:08:11.911>load. <00:08:12.144>And <00:08:12.377>if <00:08:12.611>you're

140
00:08:14.812 --> 00:08:17.642
<00:08:14.812>creating <00:08:15.012>some <00:08:15.212>examples, <00:08:15.412>probably <00:08:15.612>if <00:08:15.812>you've <00:08:16.012>seen <00:08:16.212>those

141
00:08:19.212 --> 00:08:19.992
<00:08:19.212>from <00:08:19.914>the

142
00:08:20.912 --> 00:08:24.892
<00:08:20.912>API <00:08:21.087>documentation, <00:08:21.262>let's <00:08:21.436>simply <00:08:21.611>recreate <00:08:21.787>something <00:08:21.962>here <00:08:22.137>within <00:08:22.311>our

143
00:08:24.992 --> 00:08:26.012
<00:08:24.992>Markdown <00:08:25.910>document.

144
00:08:33.913 --> 00:08:36.932
<00:08:33.913>So <00:08:34.053>if <00:08:34.193>you <00:08:34.332>think <00:08:34.472>about <00:08:34.613>this, <00:08:34.753>we <00:08:34.893>have <00:08:35.033>this <00:08:35.173>entire <00:08:35.313>JavaScript

145
00:08:37.112 --> 00:08:41.092
<00:08:37.111>functionality <00:08:37.286>which <00:08:37.462>defines <00:08:37.636>two <00:08:37.812>tensors, <00:08:37.986>multiplies <00:08:38.161>them, <00:08:38.337>and <00:08:38.511>generates

146
00:08:41.132 --> 00:08:44.882
<00:08:41.131>the <00:08:41.287>output. <00:08:41.443>So <00:08:41.598>what <00:08:41.754>is <00:08:41.909>basically <00:08:42.065>required <00:08:42.220>to <00:08:42.376>execute <00:08:42.531>this,

147
00:08:45.292 --> 00:08:45.572
right?

148
00:08:51.272 --> 00:08:54.812
<00:08:51.272>So <00:08:51.399>let's <00:08:51.526>think <00:08:51.653>about <00:08:51.781>this. <00:08:51.908>So <00:08:52.035>everything <00:08:52.162>that <00:08:52.290>is <00:08:52.417>defined <00:08:52.544>in <00:08:52.672>here,

149
00:08:55.772 --> 00:08:59.382
<00:08:55.772>so <00:08:56.005>the <00:08:56.238>entire <00:08:56.472>input <00:08:56.705>from <00:08:56.938>this <00:08:57.172>editor

150
00:09:00.672 --> 00:09:01.512
<00:09:00.672>shall <00:09:01.050>be <00:09:01.428>passed

151
00:09:03.112 --> 00:09:06.912
<00:09:03.112>to <00:09:03.267>the <00:09:03.423>evaluation <00:09:03.578>whenever <00:09:03.734>the <00:09:03.889>user <00:09:04.045>hits <00:09:04.200>this <00:09:04.356>execution <00:09:04.512>button.

152
00:09:07.172 --> 00:09:09.652
<00:09:07.172>So, <00:09:07.452>and <00:09:07.732>bam, <00:09:08.012>there <00:09:08.292>is <00:09:08.572>it.

153
00:09:11.532 --> 00:09:15.172
<00:09:11.532>So <00:09:11.672>as <00:09:11.812>we've <00:09:11.952>seen <00:09:12.092>it <00:09:12.232>before, <00:09:12.372>we <00:09:12.512>can <00:09:12.652>inspect, <00:09:12.792>make <00:09:12.932>some

154
00:09:15.232 --> 00:09:18.052
<00:09:15.232>changes <00:09:15.512>to <00:09:15.791>the <00:09:16.072>code, <00:09:16.352>run <00:09:16.632>this,

155
00:09:23.262 --> 00:09:24.072
<00:09:23.262>generate <00:09:23.626>some <00:09:23.991>errors,

156
00:09:24.972 --> 00:09:25.982
<00:09:24.972>something <00:09:25.275>is <00:09:25.578>not <00:09:25.881>working,

157
00:09:26.812 --> 00:09:27.412
and

158
00:09:28.232 --> 00:09:31.292
<00:09:28.232>we <00:09:28.348>can <00:09:28.465>even <00:09:28.582>go <00:09:28.698>back <00:09:28.815>and <00:09:28.932>forth <00:09:29.048>between <00:09:29.165>our <00:09:29.281>versions <00:09:29.398>that <00:09:29.515>we <00:09:29.632>have

159
00:09:33.812 --> 00:09:34.132
used.

160
00:09:35.712 --> 00:09:39.452
<00:09:35.712>So <00:09:35.852>one <00:09:35.992>thing <00:09:36.132>that's <00:09:36.271>not <00:09:36.412>possible, <00:09:36.552>but <00:09:36.692>it's <00:09:36.832>part <00:09:36.972>of <00:09:37.112>every

161
00:09:41.612 --> 00:09:44.892
<00:09:41.612>TensorFlow <00:09:41.812>tutorial, <00:09:42.012>is <00:09:42.212>the <00:09:42.411>usage <00:09:42.612>of <00:09:42.812>this <00:09:43.012>print

162
00:09:45.452 --> 00:09:49.412
<00:09:45.452>functionality. <00:09:45.568>So <00:09:45.685>in <00:09:45.802>this <00:09:45.918>case, <00:09:46.035>the <00:09:46.152>last <00:09:46.268>value <00:09:46.385>is <00:09:46.502>returned <00:09:46.618>also <00:09:46.735>as <00:09:46.852>an

163
00:09:49.472 --> 00:09:52.792
<00:09:49.472>input <00:09:49.612>or <00:09:49.752>output. <00:09:49.891>But <00:09:50.031>if <00:09:50.172>I <00:09:50.312>want <00:09:50.452>to <00:09:50.592>use <00:09:50.732>the <00:09:50.872>print

164
00:09:52.872 --> 00:09:53.492
functionality

165
00:10:01.772 --> 00:10:05.612
<00:10:01.772>so <00:10:01.947>what <00:10:02.122>happens <00:10:02.297>is <00:10:02.472>that <00:10:02.647>it <00:10:02.822>makes <00:10:02.997>use <00:10:03.172>of

166
00:10:06.332 --> 00:10:10.152
<00:10:06.332>the <00:10:06.612>global <00:10:06.891>window <00:10:07.172>console <00:10:07.452>lock <00:10:07.732>function.

167
00:10:10.712 --> 00:10:11.352
<00:10:10.712>So <00:10:10.904>in <00:10:11.096>this <00:10:11.288>case,

168
00:10:12.172 --> 00:10:15.752
<00:10:12.172>so <00:10:12.347>imagine <00:10:12.522>we <00:10:12.697>would <00:10:12.872>like <00:10:13.047>to <00:10:13.222>reuse <00:10:13.397>all <00:10:13.572>the

169
00:10:15.792 --> 00:10:19.512
<00:10:15.792>JavaScript <00:10:15.919>that <00:10:16.046>is <00:10:16.173>in <00:10:16.301>there <00:10:16.428>and <00:10:16.555>add <00:10:16.682>some <00:10:16.810>additional <00:10:16.937>parts <00:10:17.064>to <00:10:17.192>it

170
00:10:19.612 --> 00:10:20.192
<00:10:19.612>that <00:10:20.134>help

171
00:10:21.552 --> 00:10:22.031
<00:10:21.552>you <00:10:21.767>to <00:10:21.983>work

172
00:10:24.592 --> 00:10:26.612
<00:10:24.592>with <00:10:24.825>any <00:10:25.058>kind <00:10:25.292>of <00:10:25.525>edge <00:10:25.758>cases, <00:10:25.992>right?

173
00:10:26.752 --> 00:10:26.952
So

174
00:10:29.152 --> 00:10:30.072
<00:10:29.152>let's <00:10:29.980>try.

175
00:10:36.472 --> 00:10:39.192
<00:10:36.472>So <00:10:36.612>if <00:10:36.752>I <00:10:36.891>run <00:10:37.031>this <00:10:37.172>code <00:10:37.312>now, <00:10:37.452>so <00:10:37.592>not <00:10:37.732>with <00:10:37.872>string,

176
00:10:39.432 --> 00:10:40.972
but

177
00:10:43.372 --> 00:10:47.092
<00:10:43.372>print, <00:10:43.605>what <00:10:43.838>will <00:10:44.072>happen? <00:10:44.305>Ah, <00:10:44.538>we've <00:10:44.771>passed

178
00:10:47.552 --> 00:10:49.252
<00:10:47.552>our <00:10:48.018>console <00:10:48.485>lock <00:10:48.952>output

179
00:10:51.552 --> 00:10:55.392
<00:10:51.552>to <00:10:52.952>this

180
00:10:55.402 --> 00:10:59.312
<00:10:55.402>terminal, <00:10:55.577>right? <00:10:55.752>We've <00:10:55.927>simply <00:10:56.102>adapted <00:10:56.277>some <00:10:56.452>pieces <00:10:56.627>of <00:10:56.802>it.

181
00:11:00.272 --> 00:11:04.152
<00:11:00.272>And <00:11:00.399>if <00:11:00.526>we <00:11:00.653>want <00:11:00.781>to <00:11:00.908>get <00:11:01.035>a <00:11:01.162>more <00:11:01.290>complex <00:11:01.417>result, <00:11:01.544>probably, <00:11:01.672>of

182
00:11:04.232 --> 00:11:08.032
<00:11:04.232>course, <00:11:04.348>this <00:11:04.465>was <00:11:04.582>playing <00:11:04.698>around <00:11:04.815>with <00:11:04.932>a <00:11:05.048>tensor <00:11:05.165>library, <00:11:05.281>so <00:11:05.398>this <00:11:05.515>makes <00:11:05.632>sense.

183
00:11:08.392 --> 00:11:11.052
<00:11:08.392>But <00:11:08.672>let's <00:11:08.952>try <00:11:09.232>to <00:11:09.512>add <00:11:09.792>this

184
00:11:12.152 --> 00:11:13.712
<00:11:12.152>example <00:11:12.502>where <00:11:12.852>we <00:11:13.202>actually <00:11:13.552>train

185
00:11:14.532 --> 00:11:15.712
<00:11:14.532>with <00:11:15.063>real <00:11:15.594>data.

186
00:11:27.672 --> 00:11:30.792
<00:11:27.672>So <00:11:27.872>we <00:11:28.072>would <00:11:28.272>like <00:11:28.472>to <00:11:28.672>run <00:11:28.872>this <00:11:29.072>example.

187
00:11:31.572 --> 00:11:35.532
<00:11:31.572>It <00:11:31.727>doesn't <00:11:31.883>run <00:11:32.038>because <00:11:32.194>it <00:11:32.349>expects <00:11:32.505>some <00:11:32.660>kind <00:11:32.816>of <00:11:32.972>asynchronous

188
00:11:35.652 --> 00:11:36.012
function

189
00:11:36.812 --> 00:11:40.442
<00:11:36.812>where <00:11:36.967>weight <00:11:37.123>can <00:11:37.278>be <00:11:37.434>used. <00:11:37.589>So <00:11:37.745>let's <00:11:37.900>simply <00:11:38.056>add <00:11:38.212>this

190
00:11:40.752 --> 00:11:44.112
<00:11:40.752>also <00:11:41.218>to <00:11:41.685>this <00:11:42.151>example.

191
00:11:50.132 --> 00:11:53.312
<00:11:50.132>So <00:11:50.287>now <00:11:50.443>also <00:11:50.598>this <00:11:50.754>example <00:11:50.909>should <00:11:51.065>run <00:11:51.220>without <00:11:51.376>a <00:11:51.531>doubt.

192
00:11:54.552 --> 00:11:58.212
<00:11:54.552>But <00:11:54.692>of <00:11:54.832>course, <00:11:54.972>this <00:11:55.112>one <00:11:55.252>runs <00:11:55.392>forever <00:11:55.532>because <00:11:55.672>the <00:11:55.812>Lea <00:11:55.952>script

193
00:11:58.252 --> 00:12:02.112
<00:11:58.252>runtime <00:11:58.485>environment <00:11:58.718>doesn't <00:11:58.952>know <00:11:59.185>when <00:11:59.418>an <00:11:59.651>asynchronous

194
00:12:02.192 --> 00:12:05.822
<00:12:02.192>function <00:12:02.299>ends. <00:12:02.407>So <00:12:02.515>we <00:12:02.622>have <00:12:02.730>to <00:12:02.838>give <00:12:02.945>it <00:12:03.053>or <00:12:03.161>send <00:12:03.268>it <00:12:03.376>a <00:12:03.484>message <00:12:03.592>like

195
00:12:09.992 --> 00:12:10.492
<00:12:09.992>And <00:12:10.217>that's <00:12:10.442>it.

196
00:12:12.972 --> 00:12:15.772
<00:12:12.972>So <00:12:13.172>we <00:12:13.372>can <00:12:13.572>run <00:12:13.771>also <00:12:13.972>these <00:12:14.172>asynchronous <00:12:14.372>examples

197
00:12:17.572 --> 00:12:20.382
<00:12:17.572>perfectly, <00:12:17.772>and <00:12:17.972>our <00:12:18.172>previous <00:12:18.372>example <00:12:18.572>is <00:12:18.772>also <00:12:18.972>working.

198
00:12:21.172 --> 00:12:21.692
But

199
00:12:23.372 --> 00:12:25.312
<00:12:23.372>probably <00:12:23.722>you, <00:12:24.072>as <00:12:24.421>me <00:12:24.771>too,

200
00:12:26.252 --> 00:12:27.312
<00:12:26.252>might <00:12:26.569>be <00:12:26.888>a <00:12:27.206>more

201
00:12:28.192 --> 00:12:28.592
visual

202
00:12:29.572 --> 00:12:33.452
<00:12:29.572>type <00:12:29.679>when <00:12:29.787>developing <00:12:29.895>some. <00:12:30.002>I <00:12:30.110>would <00:12:30.218>like <00:12:30.325>to <00:12:30.433>have <00:12:30.541>a <00:12:30.648>more <00:12:30.756>detailed <00:12:30.864>view <00:12:30.972>on

203
00:12:33.472 --> 00:12:37.272
<00:12:33.472>the <00:12:33.588>data <00:12:33.705>that <00:12:33.822>I'm <00:12:33.938>training <00:12:34.055>with. <00:12:34.172>For <00:12:34.288>example, <00:12:34.405>since <00:12:34.521>this <00:12:34.638>is <00:12:34.755>not <00:12:34.872>a

204
00:12:37.312 --> 00:12:41.152
<00:12:37.312>real <00:12:37.428>console <00:12:37.545>as <00:12:37.662>we've <00:12:37.778>opened <00:12:37.895>here, <00:12:38.012>this <00:12:38.128>is <00:12:38.245>an <00:12:38.362>element <00:12:38.478>part <00:12:38.595>of <00:12:38.712>the

205
00:12:41.192 --> 00:12:44.692
<00:12:41.192>DOM. <00:12:41.292>So <00:12:41.392>in <00:12:41.492>this <00:12:41.592>case, <00:12:41.692>wouldn't <00:12:41.792>it <00:12:41.892>be <00:12:41.992>nice <00:12:42.092>to <00:12:42.192>also, <00:12:42.292>in <00:12:42.392>a <00:12:42.492>perfect <00:12:42.592>world,

206
00:12:45.292 --> 00:12:48.392
<00:12:45.292>we <00:12:45.525>could <00:12:45.758>add <00:12:45.992>some <00:12:46.225>additional <00:12:46.458>HTML <00:12:46.692>elements.

207
00:12:49.152 --> 00:12:49.272
So

208
00:12:50.332 --> 00:12:51.732
<00:12:50.332>look <00:12:50.584>this <00:12:50.836>up. <00:12:51.088>So <00:12:51.340>there's <00:12:51.592>this

209
00:12:52.932 --> 00:12:54.112
<00:12:52.932>Chart.js <00:12:53.993>library.

210
00:12:56.352 --> 00:12:57.152
<00:12:56.352>I <00:12:56.712>will <00:12:57.072>only

211
00:12:59.372 --> 00:12:59.632
mark

212
00:13:00.712 --> 00:13:01.372
<00:13:00.712>the <00:13:01.305>library

213
00:13:02.452 --> 00:13:04.912
<00:13:02.452>or <00:13:02.579>the <00:13:02.706>resource <00:13:02.833>in <00:13:02.961>here, <00:13:03.088>so <00:13:03.215>that <00:13:03.342>I <00:13:03.470>would <00:13:03.597>like <00:13:03.724>to <00:13:03.852>use.

214
00:13:05.772 --> 00:13:08.772
<00:13:05.772>And <00:13:05.912>wouldn't <00:13:06.052>it <00:13:06.192>be <00:13:06.332>nice <00:13:06.472>also <00:13:06.612>to <00:13:06.752>have <00:13:06.892>something <00:13:07.032>like <00:13:07.172>an

215
00:13:10.972 --> 00:13:14.852
<00:13:10.972>onload <00:13:11.172>function <00:13:11.372>that <00:13:11.572>works <00:13:11.771>similarly <00:13:11.972>to <00:13:12.172>the <00:13:12.372>one

216
00:13:15.212 --> 00:13:16.672
<00:13:15.212>within <00:13:16.526>JavaScript?

217
00:13:18.172 --> 00:13:21.982
<00:13:18.172>So <00:13:18.347>which <00:13:18.522>loads <00:13:18.697>some <00:13:18.872>kind <00:13:19.047>of <00:13:19.222>JavaScript <00:13:19.397>code <00:13:19.572>when

218
00:13:22.012 --> 00:13:25.732
<00:13:22.012>the <00:13:22.186>page <00:13:22.362>is <00:13:22.536>loaded <00:13:22.712>and <00:13:22.887>defines <00:13:23.061>some <00:13:23.237>initial <00:13:23.411>stuff.

219
00:13:25.992 --> 00:13:29.872
<00:13:25.992>So <00:13:26.119>in <00:13:26.246>this <00:13:26.373>case, <00:13:26.501>I <00:13:26.628>simply <00:13:26.755>define <00:13:26.882>an <00:13:27.010>additional <00:13:27.137>X <00:13:27.264>chart <00:13:27.391>environment

220
00:13:30.472 --> 00:13:33.712
<00:13:30.472>element, <00:13:30.672>a <00:13:30.872>web <00:13:31.072>component. <00:13:31.271>It's <00:13:31.472>called <00:13:31.672>XY <00:13:31.872>Chart,

221
00:13:34.412 --> 00:13:34.942
<00:13:34.412>which <00:13:34.889>then

222
00:13:36.452 --> 00:13:37.202
<00:13:36.452>parses <00:13:36.789>a <00:13:37.127>body

223
00:13:38.072 --> 00:13:40.632
<00:13:38.072>of <00:13:38.247>this <00:13:38.422>element <00:13:38.597>and <00:13:38.772>tries <00:13:38.947>to <00:13:39.122>displace <00:13:39.297>this <00:13:39.472>data.

224
00:13:40.712 --> 00:13:42.372
<00:13:40.712>So <00:13:40.992>how <00:13:41.271>does <00:13:41.552>this <00:13:41.832>look <00:13:42.112>like?

225
00:13:50.592 --> 00:13:52.612
<00:13:50.592>So <00:13:50.825>as <00:13:51.058>you <00:13:51.292>can <00:13:51.525>see, <00:13:51.758>this <00:13:51.992>would

226
00:13:53.972 --> 00:13:57.672
<00:13:53.972>be <00:13:54.099>the <00:13:54.226>web <00:13:54.353>component <00:13:54.481>that <00:13:54.608>I <00:13:54.735>would <00:13:54.862>like <00:13:54.990>to <00:13:55.117>render <00:13:55.244>within <00:13:55.372>this

227
00:13:58.352 --> 00:14:00.452
<00:13:58.352>representation <00:13:58.818>within <00:13:59.285>this <00:13:59.752>terminal.

228
00:14:01.072 --> 00:14:01.252
So

229
00:14:02.192 --> 00:14:04.912
<00:14:02.192>since <00:14:02.332>it's <00:14:02.472>my <00:14:02.612>console, <00:14:02.752>so <00:14:02.892>I <00:14:03.032>could <00:14:03.172>use <00:14:03.312>also <00:14:03.452>something <00:14:03.592>like

230
00:14:05.612 --> 00:14:09.512
<00:14:05.612>HTML <00:14:05.752>to <00:14:05.891>indicate <00:14:06.031>to <00:14:06.171>the <00:14:06.312>runtime <00:14:06.452>environment <00:14:06.592>the <00:14:06.732>string <00:14:06.872>that <00:14:07.012>you

231
00:14:09.552 --> 00:14:13.412
<00:14:09.552>receive <00:14:09.707>is <00:14:09.863>basically <00:14:10.018>an <00:14:10.174>HTML <00:14:10.329>element, <00:14:10.485>render <00:14:10.640>it <00:14:10.796>as <00:14:10.952>you

232
00:14:13.432 --> 00:14:15.592
<00:14:13.432>receive <00:14:13.712>it, <00:14:13.992>like <00:14:14.272>an <00:14:14.552>HTML <00:14:14.832>element.

233
00:14:24.572 --> 00:14:28.532
<00:14:24.572>So <00:14:24.922>something <00:14:25.272>that <00:14:25.622>the <00:14:25.972>system

234
00:14:28.542 --> 00:14:29.032
<00:14:28.542>not <00:14:28.983>like

235
00:14:32.672 --> 00:14:36.372
<00:14:32.672>about, <00:14:32.788>but <00:14:32.905>what <00:14:33.022>you <00:14:33.138>can <00:14:33.255>see <00:14:33.372>is <00:14:33.488>now <00:14:33.605>we <00:14:33.722>have <00:14:33.838>this <00:14:33.955>beautiful <00:14:34.072>rendered

236
00:14:36.432 --> 00:14:39.152
<00:14:36.432>representation <00:14:36.632>of <00:14:36.832>our <00:14:37.032>data. <00:14:37.232>We <00:14:37.432>get <00:14:37.632>the <00:14:37.832>result.

237
00:14:39.272 --> 00:14:43.172
<00:14:39.272>And <00:14:39.379>so <00:14:39.487>since <00:14:39.595>this <00:14:39.702>is <00:14:39.810>a <00:14:39.918>linear <00:14:40.025>function, <00:14:40.133>probably <00:14:40.241>let's <00:14:40.348>try <00:14:40.456>this <00:14:40.564>with <00:14:40.672>a

238
00:14:43.212 --> 00:14:44.512
<00:14:43.212>quadratic <00:14:43.797>function. <00:14:44.382>Right?

239
00:14:50.952 --> 00:14:51.482
<00:14:50.952>So <00:14:51.190>we <00:14:51.429>can

240
00:14:52.452 --> 00:14:56.092
<00:14:52.452>rerun <00:14:52.592>this. <00:14:52.732>You <00:14:52.872>see <00:14:53.012>the <00:14:53.152>graph <00:14:53.292>of <00:14:53.432>the <00:14:53.572>data <00:14:53.712>has <00:14:53.852>changed.

241
00:14:56.152 --> 00:14:59.192
<00:14:56.152>The <00:14:56.307>result <00:14:56.463>prediction <00:14:56.618>for <00:14:56.774>20 <00:14:56.929>is <00:14:57.085>actually <00:14:57.240>not <00:14:57.396>that <00:14:57.552>good.

242
00:14:59.272 --> 00:15:00.712
<00:14:59.272>Let's <00:14:59.596>try <00:14:59.920>it <00:15:00.244>with <00:15:00.568>five.

243
00:15:05.592 --> 00:15:09.172
<00:15:05.592>Five <00:15:05.692>is <00:15:05.792>also <00:15:05.891>not <00:15:05.992>that <00:15:06.092>good. <00:15:06.192>Probably <00:15:06.292>have <00:15:06.391>to <00:15:06.492>add <00:15:06.592>some <00:15:06.692>more <00:15:06.792>epochs <00:15:06.891>to <00:15:06.992>the

244
00:15:09.232 --> 00:15:13.072
<00:15:09.232>training, <00:15:09.339>or <00:15:09.447>we <00:15:09.555>can <00:15:09.662>inspect, <00:15:09.770>or <00:15:09.878>I <00:15:09.985>have <00:15:10.093>some <00:15:10.201>to <00:15:10.308>add <00:15:10.416>more <00:15:10.524>training <00:15:10.632>data.

245
00:15:13.132 --> 00:15:14.672
<00:15:13.132>But <00:15:13.478>the <00:15:13.824>beautiful <00:15:14.171>thing <00:15:14.518>is

246
00:15:15.732 --> 00:15:19.632
<00:15:15.732>we <00:15:15.859>can <00:15:15.986>go <00:15:16.113>back <00:15:16.241>and <00:15:16.368>forth <00:15:16.495>between <00:15:16.622>our <00:15:16.750>versions <00:15:16.877>within <00:15:17.004>this <00:15:17.132>linear

247
00:15:19.672 --> 00:15:23.232
<00:15:19.672>history <00:15:19.788>and <00:15:19.905>experiment <00:15:20.022>with <00:15:20.138>the <00:15:20.255>code <00:15:20.372>as <00:15:20.488>we <00:15:20.605>like <00:15:20.722>to <00:15:20.838>do <00:15:20.955>it, <00:15:21.072>right?

248
00:15:24.232 --> 00:15:25.572
<00:15:24.232>So <00:15:25.438>quite

249
00:15:26.492 --> 00:15:26.852
easy.

250
00:15:28.372 --> 00:15:31.792
<00:15:28.372>And <00:15:28.546>what's <00:15:28.722>missing, <00:15:28.896>though, <00:15:29.072>so <00:15:29.247>as <00:15:29.421>we <00:15:29.597>have <00:15:29.771>to

251
00:15:32.332 --> 00:15:33.952
<00:15:32.332>copy <00:15:32.612>all <00:15:32.891>of <00:15:33.172>this <00:15:33.452>script <00:15:33.732>tags,

252
00:15:34.852 --> 00:15:37.212
<00:15:34.852>boilerplate, <00:15:35.202>repetitive, <00:15:35.552>which <00:15:35.901>is <00:15:36.252>not

253
00:15:38.152 --> 00:15:41.912
<00:15:38.152>quite <00:15:38.292>good. <00:15:38.432>So <00:15:38.572>the <00:15:38.712>most <00:15:38.852>beautiful <00:15:38.992>thing <00:15:39.132>or <00:15:39.272>in <00:15:39.412>a <00:15:39.552>perfect

254
00:15:41.932 --> 00:15:42.192
world,

255
00:15:44.112 --> 00:15:46.432
<00:15:44.112>we <00:15:44.312>would <00:15:44.512>simply <00:15:44.712>use <00:15:44.911>something <00:15:45.112>like <00:15:45.312>a <00:15:45.512>replacement.

256
00:15:47.572 --> 00:15:51.332
<00:15:47.572>So <00:15:47.679>in <00:15:47.787>the <00:15:47.895>script, <00:15:48.002>these <00:15:48.110>are <00:15:48.218>also <00:15:48.325>called <00:15:48.433>macros, <00:15:48.541>and <00:15:48.648>we <00:15:48.756>can <00:15:48.864>define <00:15:48.972>our

257
00:15:51.432 --> 00:15:52.572
<00:15:51.432>own. <00:15:51.774>Let's <00:15:52.116>call <00:15:52.458>it...

258
00:16:02.032 --> 00:16:05.272
<00:16:02.032>So <00:16:02.207>this <00:16:02.382>is <00:16:02.557>basically <00:16:02.732>only <00:16:02.907>a <00:16:03.082>simple <00:16:03.257>text <00:16:03.432>substitution.

259
00:16:06.152 --> 00:16:06.812
<00:16:06.152>So <00:16:06.746>whenever

260
00:16:08.312 --> 00:16:09.292
<00:16:08.312>the <00:16:08.753>interpreter <00:16:09.194>reads,

261
00:16:12.772 --> 00:16:14.292
<00:16:12.772>it <00:16:13.045>replaces <00:16:13.319>it <00:16:13.592>with <00:16:13.866>a <00:16:14.140>script

262
00:16:15.332 --> 00:16:17.012
<00:16:15.332>tag <00:16:16.732>content.

263
00:16:22.672 --> 00:16:23.832
<00:16:22.672>So <00:16:22.933>we <00:16:23.194>can <00:16:23.455>run <00:16:23.716>this.

264
00:16:25.272 --> 00:16:25.931
<00:16:25.272>This <00:16:25.865>runs

265
00:16:27.092 --> 00:16:30.412
<00:16:27.092>perfectly. <00:16:27.232>And <00:16:27.372>one <00:16:27.512>of <00:16:27.651>the <00:16:27.792>benefits, <00:16:27.932>though, <00:16:28.072>is <00:16:28.212>so <00:16:28.352>if <00:16:28.492>I

266
00:16:32.952 --> 00:16:36.692
<00:16:32.952>store <00:16:33.127>this <00:16:33.302>version <00:16:33.477>on <00:16:33.652>GitHub, <00:16:33.827>probably <00:16:34.002>what <00:16:34.177>I've <00:16:34.352>also

267
00:16:36.732 --> 00:16:38.912
<00:16:36.732>created <00:16:37.012>is <00:16:37.291>something <00:16:37.572>like <00:16:37.852>a <00:16:38.132>library.

268
00:16:39.192 --> 00:16:42.472
<00:16:39.192>So <00:16:39.319>as <00:16:39.446>you <00:16:39.573>can <00:16:39.701>see, <00:16:39.828>you <00:16:39.955>can <00:16:40.082>import <00:16:40.210>script <00:16:40.337>text, <00:16:40.464>you <00:16:40.592>can

269
00:16:43.392 --> 00:16:47.132
<00:16:43.392>load <00:16:43.519>also <00:16:43.646>CSS <00:16:43.773>if <00:16:43.901>you <00:16:44.028>want <00:16:44.155>to, <00:16:44.282>but <00:16:44.410>you <00:16:44.537>can <00:16:44.664>also <00:16:44.792>import

270
00:16:47.632 --> 00:16:48.792
<00:16:47.632>other <00:16:48.676>markdown

271
00:16:49.972 --> 00:16:53.932
<00:16:49.972>files. <00:16:50.112>And <00:16:50.252>you <00:16:50.391>also <00:16:50.531>import <00:16:50.672>all <00:16:50.812>the <00:16:50.952>functionality <00:16:51.092>that <00:16:51.232>has <00:16:51.372>been

272
00:16:54.012 --> 00:16:57.552
<00:16:54.012>added <00:16:54.212>to <00:16:54.411>them, <00:16:54.612>like <00:16:54.811>this <00:16:55.012>specific <00:16:55.212>onload, <00:16:55.411>the

273
00:16:57.592 --> 00:17:01.552
<00:16:57.592>functionality <00:16:57.732>has <00:16:57.872>to <00:16:58.012>be <00:16:58.151>unloaded <00:16:58.292>before <00:16:58.432>it, <00:16:58.572>and <00:16:58.712>their <00:16:58.852>specific <00:16:58.992>tags

274
00:17:01.592 --> 00:17:05.353
<00:17:01.592>so <00:17:01.719>that <00:17:01.846>you <00:17:01.973>can <00:17:02.101>have <00:17:02.228>other <00:17:02.355>documents <00:17:02.482>with <00:17:02.610>the <00:17:02.737>same <00:17:02.864>kind <00:17:02.992>of

275
00:17:05.392 --> 00:17:08.732
<00:17:05.392>interactivity <00:17:05.592>or <00:17:05.792>even <00:17:05.992>more <00:17:06.192>interactivity <00:17:06.392>by <00:17:06.592>combining <00:17:06.792>or

276
00:17:08.772 --> 00:17:09.482
loading

277
00:17:10.353 --> 00:17:14.162
<00:17:10.353>those <00:17:10.586>macros <00:17:10.819>and <00:17:11.053>JavaScript <00:17:11.286>libraries <00:17:11.519>from <00:17:11.753>different

278
00:17:14.272 --> 00:17:14.752
sources.

279
00:17:16.312 --> 00:17:19.932
<00:17:16.311>So <00:17:16.512>and <00:17:16.712>even <00:17:16.911>in <00:17:17.111>a <00:17:17.311>more <00:17:17.512>perfect <00:17:17.712>world,

280
00:17:27.272 --> 00:17:27.912
<00:17:27.271>we <00:17:27.560>can <00:17:27.848>go

281
00:17:28.932 --> 00:17:32.792
<00:17:28.932>even <00:17:29.072>further. <00:17:29.212>So <00:17:29.352>this <00:17:29.492>kind <00:17:29.632>of <00:17:29.772>representation <00:17:29.912>above, <00:17:30.052>it's <00:17:30.192>more <00:17:30.332>like

282
00:17:32.892 --> 00:17:34.992
<00:17:32.892>a <00:17:33.358>Jupyter <00:17:33.825>Notebook's <00:17:34.292>representation.

283
00:17:35.072 --> 00:17:37.792
<00:17:35.072>But <00:17:35.247>imagine <00:17:35.422>those <00:17:35.597>script <00:17:35.772>tags <00:17:35.947>could <00:17:36.122>become <00:17:36.297>like <00:17:36.472>a

284
00:17:38.372 --> 00:17:41.972
<00:17:38.372>first-class <00:17:38.722>citizen <00:17:39.072>of <00:17:39.422>the <00:17:39.772>markdown

285
00:17:42.132 --> 00:17:42.672
dialect.

286
00:17:50.472 --> 00:17:53.692
<00:17:50.472>So <00:17:50.612>what <00:17:50.752>I've <00:17:50.892>added <00:17:51.032>now <00:17:51.172>is <00:17:51.312>simply <00:17:51.452>a <00:17:51.591>script <00:17:51.732>tag, <00:17:51.872>which

287
00:17:54.392 --> 00:17:58.381
<00:17:54.392>from <00:17:54.519>our <00:17:54.646>point <00:17:54.773>of <00:17:54.901>view <00:17:55.028>or <00:17:55.155>my <00:17:55.282>point <00:17:55.410>of <00:17:55.537>view, <00:17:55.664>makes <00:17:55.792>perfectly

288
00:17:58.412 --> 00:17:58.692
sense.

289
00:17:59.692 --> 00:18:03.482
<00:17:59.692>A <00:17:59.832>friend <00:17:59.972>of <00:18:00.112>mine <00:18:00.252>once <00:18:00.392>referred <00:18:00.532>to <00:18:00.672>this <00:18:00.812>way <00:18:00.952>of <00:18:01.092>creating

290
00:18:04.732 --> 00:18:08.292
<00:18:04.732>web <00:18:04.907>applications <00:18:05.081>as <00:18:05.257>we <00:18:05.432>do <00:18:05.607>it, <00:18:05.782>like <00:18:05.956>the <00:18:06.132>almighty

291
00:18:08.492 --> 00:18:11.932
<00:18:08.492>alien <00:18:08.619>spider. <00:18:08.746>Which <00:18:08.873>is <00:18:09.001>there's <00:18:09.128>somewhere <00:18:09.255>in <00:18:09.382>the <00:18:09.510>head, <00:18:09.637>there <00:18:09.764>is <00:18:09.892>a

292
00:18:11.972 --> 00:18:15.908
<00:18:11.972>JavaScript, <00:18:12.112>or <00:18:12.252>there's <00:18:12.392>lots <00:18:12.532>of <00:18:12.672>JavaScript <00:18:12.812>That's <00:18:12.952>sitting <00:18:13.091>there <00:18:13.232>on <00:18:13.372>the

293
00:18:15.928 --> 00:18:17.728
<00:18:15.928>web <00:18:16.394>and <00:18:16.861>inspecting <00:18:17.328>or

294
00:18:19.608 --> 00:18:23.328
<00:18:19.608>making <00:18:19.888>changes <00:18:20.168>and <00:18:20.447>watching <00:18:20.727>all <00:18:21.008>the

295
00:18:23.388 --> 00:18:26.108
<00:18:23.388>events <00:18:23.621>that <00:18:23.854>happen <00:18:24.088>within <00:18:24.321>the <00:18:24.554>DOM <00:18:24.788>and

296
00:18:27.088 --> 00:18:29.468
<00:18:27.088>try <00:18:27.368>to <00:18:27.648>add <00:18:27.928>additional <00:18:28.207>content <00:18:28.488>or

297
00:18:30.628 --> 00:18:34.488
<00:18:30.628>manipulate <00:18:30.783>the <00:18:30.939>stuff. <00:18:31.094>So <00:18:31.250>you <00:18:31.405>don't <00:18:31.561>have <00:18:31.716>an <00:18:31.872>idea <00:18:32.028>where

298
00:18:35.508 --> 00:18:38.668
<00:18:35.508>actually <00:18:35.788>this <00:18:36.068>change <00:18:36.348>might <00:18:36.628>come <00:18:36.908>from.

299
00:18:39.168 --> 00:18:43.078
<00:18:39.168>But <00:18:39.308>in <00:18:39.447>this <00:18:39.588>case, <00:18:39.727>if <00:18:39.868>you're <00:18:40.007>using <00:18:40.148>script <00:18:40.287>tags <00:18:40.428>freely <00:18:40.568>everywhere,

300
00:18:43.108 --> 00:18:46.608
<00:18:43.108>and <00:18:43.224>they <00:18:43.341>only <00:18:43.457>do <00:18:43.574>perform <00:18:43.691>a <00:18:43.808>certain <00:18:43.924>calculation, <00:18:44.041>probably <00:18:44.158>that <00:18:44.274>you <00:18:44.391>can <00:18:44.508>also

301
00:18:46.648 --> 00:18:48.448
inspect,

302
00:18:49.368 --> 00:18:53.318
<00:18:49.368>like <00:18:49.523>in <00:18:49.679>this <00:18:49.834>case. <00:18:49.990>So <00:18:50.145>also <00:18:50.301>the <00:18:50.456>user <00:18:50.612>can, <00:18:50.768>when

303
00:18:53.328 --> 00:18:57.288
<00:18:53.328>you <00:18:53.468>load <00:18:53.608>your <00:18:53.748>library <00:18:53.888>and <00:18:54.028>you're <00:18:54.168>not <00:18:54.308>so <00:18:54.447>interested <00:18:54.588>in <00:18:54.728>presenting

304
00:18:57.308 --> 00:19:01.168
<00:18:57.308>the <00:18:57.424>code, <00:18:57.541>basically, <00:18:57.658>like <00:18:57.774>in <00:18:57.891>Jupyter <00:18:58.008>Notebook, <00:18:58.124>but <00:18:58.241>the <00:18:58.358>user <00:18:58.474>has <00:18:58.591>still <00:18:58.708>the

305
00:19:01.228 --> 00:19:05.028
<00:19:01.228>ability <00:19:01.368>to <00:19:01.508>execute <00:19:01.648>this <00:19:01.788>fancy <00:19:01.928>stuff, <00:19:02.068>have <00:19:02.208>a <00:19:02.348>look <00:19:02.488>at <00:19:02.628>those

306
00:19:06.108 --> 00:19:09.208
<00:19:06.108>visualizations <00:19:06.224>or <00:19:06.341>have <00:19:06.457>a <00:19:06.574>look <00:19:06.691>at <00:19:06.808>the <00:19:06.924>code <00:19:07.041>and <00:19:07.158>also <00:19:07.274>inspect <00:19:07.391>with <00:19:07.508>it.

307
00:19:10.428 --> 00:19:13.888
<00:19:10.428>So <00:19:10.583>in <00:19:10.739>this <00:19:10.894>case, <00:19:11.050>this <00:19:11.205>doesn't <00:19:11.361>make <00:19:11.516>sense. <00:19:11.672>Ukraine <00:19:11.828>on.

308
00:19:22.228 --> 00:19:26.128
<00:19:22.228>Since <00:19:22.344>there <00:19:22.461>is <00:19:22.578>also <00:19:22.694>an <00:19:22.811>internationalization <00:19:22.928>API, <00:19:23.044>and <00:19:23.161>we <00:19:23.278>are <00:19:23.394>free <00:19:23.511>to <00:19:23.628>use

309
00:19:26.148 --> 00:19:29.808
<00:19:26.148>or <00:19:26.255>define <00:19:26.363>our <00:19:26.471>script <00:19:26.578>however <00:19:26.686>we <00:19:26.794>want <00:19:26.901>to, <00:19:27.009>so <00:19:27.117>we <00:19:27.224>can <00:19:27.332>do <00:19:27.440>something <00:19:27.548>like...

310
00:19:34.068 --> 00:19:35.128
<00:19:34.068>So <00:19:34.306>to <00:19:34.545>make <00:19:34.783>it <00:19:35.022>more

311
00:19:36.068 --> 00:19:36.588
realistic.

312
00:19:38.308 --> 00:19:41.808
<00:19:38.308>And <00:19:38.415>if <00:19:38.523>you <00:19:38.631>want <00:19:38.738>to <00:19:38.846>change <00:19:38.954>the <00:19:39.061>language, <00:19:39.169>you <00:19:39.277>can <00:19:39.384>do <00:19:39.492>also <00:19:39.600>something <00:19:39.708>like...

313
00:19:48.168 --> 00:19:52.048
<00:19:48.168>So <00:19:48.342>means <00:19:48.517>that, <00:19:48.693>so <00:19:48.868>everyone <00:19:49.043>understands <00:19:49.217>this, <00:19:49.392>also <00:19:49.568>the...

314
00:20:00.088 --> 00:20:01.828
<00:20:00.088>Yeah. <00:20:00.437>Whatever <00:20:00.788>language <00:20:01.138>this <00:20:01.488>is,

315
00:20:03.028 --> 00:20:05.088
<00:20:03.028>Thai, <00:20:03.261>I <00:20:03.494>don't <00:20:03.728>know, <00:20:03.961>it's <00:20:04.194>referred <00:20:04.428>to.

316
00:20:05.368 --> 00:20:07.808
<00:20:05.368>But <00:20:05.568>again, <00:20:05.768>the <00:20:05.967>user <00:20:06.168>can <00:20:06.368>still <00:20:06.568>inspect <00:20:06.768>it,

317
00:20:08.808 --> 00:20:10.748
<00:20:08.808>has <00:20:09.041>a <00:20:09.274>look <00:20:09.508>at <00:20:09.741>it, <00:20:09.974>change <00:20:10.208>and

318
00:20:11.768 --> 00:20:15.128
<00:20:11.768>play <00:20:11.908>with <00:20:12.048>your <00:20:12.188>functionality <00:20:12.328>that <00:20:12.468>you <00:20:12.608>have <00:20:12.748>created <00:20:12.888>within <00:20:13.028>your <00:20:13.168>library.

319
00:20:16.328 --> 00:20:20.188
<00:20:16.328>So <00:20:16.444>and <00:20:16.561>to <00:20:16.678>go <00:20:16.794>even <00:20:16.911>one <00:20:17.028>step <00:20:17.144>further, <00:20:17.261>so <00:20:17.378>if <00:20:17.494>we <00:20:17.611>want <00:20:17.728>to

320
00:20:20.268 --> 00:20:23.808
<00:20:20.268>add <00:20:20.395>some <00:20:20.522>script <00:20:20.649>that <00:20:20.777>do <00:20:20.904>some <00:20:21.031>calculations, <00:20:21.158>that <00:20:21.286>can <00:20:21.413>be <00:20:21.540>also <00:20:21.668>more

321
00:20:23.868 --> 00:20:27.048
<00:20:23.868>complex. <00:20:24.148>So <00:20:24.428>I've <00:20:24.707>copy <00:20:24.987>this <00:20:25.268>one.

322
00:20:27.828 --> 00:20:31.188
<00:20:27.828>So <00:20:28.108>this <00:20:28.388>is <00:20:28.668>basically <00:20:28.947>an <00:20:29.228>example

323
00:20:33.368 --> 00:20:34.228
<00:20:33.368>of <00:20:33.755>a <00:20:34.142>JavaScript

324
00:20:35.508 --> 00:20:36.728
<00:20:35.508>fetch <00:20:36.057>that <00:20:36.606>accesses

325
00:20:37.908 --> 00:20:41.888
<00:20:37.908>openmeteo.com <00:20:38.141>API <00:20:38.374>and <00:20:38.608>fetches <00:20:38.841>the <00:20:39.074>data <00:20:39.308>for

326
00:20:41.988 --> 00:20:44.908
<00:20:41.988>a <00:20:42.221>certain <00:20:42.454>longitude <00:20:42.688>and <00:20:42.921>altitude, <00:20:43.154>the <00:20:43.388>temperature,

327
00:20:45.608 --> 00:20:49.008
<00:20:45.608>and <00:20:45.888>returns <00:20:46.168>the <00:20:46.447>result <00:20:46.727>as <00:20:47.008>an

328
00:20:49.208 --> 00:20:53.088
<00:20:49.208>HTML <00:20:49.383>or <00:20:49.558>Markdown <00:20:49.733>table <00:20:49.908>in <00:20:50.083>this <00:20:50.258>case, <00:20:50.433>I <00:20:50.608>mean.

329
00:20:53.128 --> 00:20:56.008
<00:20:53.128>And <00:20:53.361>so <00:20:53.594>again, <00:20:53.828>since <00:20:54.061>this <00:20:54.294>is <00:20:54.528>asynchronous,

330
00:20:57.468 --> 00:21:01.368
<00:20:57.468>we <00:20:57.584>have <00:20:57.701>to <00:20:57.818>give, <00:20:57.934>it's <00:20:58.051>not <00:20:58.168>a <00:20:58.284>string <00:20:58.401>that <00:20:58.518>we <00:20:58.634>want <00:20:58.751>to <00:20:58.868>visualize,

331
00:21:01.468 --> 00:21:05.048
<00:21:01.468>but <00:21:01.608>actually <00:21:01.748>a <00:21:01.888>table. <00:21:02.028>So <00:21:02.168>we <00:21:02.308>have <00:21:02.448>instead <00:21:02.588>of <00:21:02.728>HTML, <00:21:02.868>we

332
00:21:05.088 --> 00:21:08.428
<00:21:05.088>give <00:21:05.263>LeoScript <00:21:05.437>or <00:21:05.613>the <00:21:05.788>Markdown <00:21:05.963>environment <00:21:06.138>simply <00:21:06.312>a <00:21:06.488>hint.

333
00:21:08.528 --> 00:21:12.328
<00:21:08.528>So <00:21:08.655>this <00:21:08.782>is <00:21:08.909>a <00:21:09.037>valid <00:21:09.164>Markdown. <00:21:09.291>This <00:21:09.418>is <00:21:09.546>a <00:21:09.673>valid <00:21:09.800>LeoScript, <00:21:09.928>so

334
00:21:13.088 --> 00:21:15.658
<00:21:13.088>do <00:21:13.321>something <00:21:13.554>else. <00:21:13.788>Render <00:21:14.021>it <00:21:14.254>slightly <00:21:14.488>differently

335
00:21:16.488 --> 00:21:19.588
<00:21:16.488>when <00:21:16.604>you <00:21:16.721>add <00:21:16.838>this <00:21:16.954>to <00:21:17.071>the <00:21:17.188>DOM. <00:21:17.304>So <00:21:17.421>if <00:21:17.538>I <00:21:17.654>store <00:21:17.771>this <00:21:17.888>one,

336
00:21:20.468 --> 00:21:23.448
<00:21:20.468>I <00:21:20.668>get <00:21:20.868>this <00:21:21.068>beautiful, <00:21:21.268>nicely <00:21:21.468>read <00:21:21.668>the <00:21:21.868>table.

337
00:21:23.788 --> 00:21:24.408
<00:21:23.788>But <00:21:24.067>the <00:21:24.346>user,

338
00:21:25.588 --> 00:21:29.558
<00:21:25.588>like <00:21:25.695>it's <00:21:25.803>possible <00:21:25.911>in <00:21:26.018>LeoScript, <00:21:26.126>so <00:21:26.234>every <00:21:26.341>table <00:21:26.449>also <00:21:26.557>represents <00:21:26.664>some <00:21:26.772>kind <00:21:26.880>of <00:21:26.988>data,

339
00:21:30.688 --> 00:21:33.128
<00:21:30.688>can <00:21:31.038>always <00:21:31.388>inspect <00:21:31.738>the <00:21:32.088>table

340
00:21:34.408 --> 00:21:38.388
<00:21:34.408>also, <00:21:34.563>and <00:21:34.719>also <00:21:34.874>directly <00:21:35.030>inspect <00:21:35.185>the <00:21:35.341>code <00:21:35.496>that <00:21:35.652>was <00:21:35.808>necessary

341
00:21:38.408 --> 00:21:42.278
<00:21:38.408>to <00:21:38.524>generate <00:21:38.641>this. <00:21:38.757>And <00:21:38.874>if <00:21:38.991>you <00:21:39.108>give <00:21:39.224>it <00:21:39.341>even <00:21:39.457>one <00:21:39.574>step <00:21:39.691>further, <00:21:39.808>where

342
00:21:42.308 --> 00:21:44.728
<00:21:42.308>we <00:21:42.588>try <00:21:42.868>to <00:21:43.148>replicate <00:21:43.428>those <00:21:43.708>interactivities.

343
00:21:45.948 --> 00:21:47.828
<00:21:45.948>So <00:21:46.228>if <00:21:46.508>I <00:21:46.788>copy <00:21:47.068>and <00:21:47.348>paste

344
00:21:49.448 --> 00:21:50.688
<00:21:49.448>some <00:21:49.820>other <00:21:50.192>script <00:21:50.564>tags.

345
00:21:53.968 --> 00:21:55.808
<00:21:53.968>These <00:21:54.248>are <00:21:54.528>tightly <00:21:54.808>coupled <00:21:55.088>with <00:21:55.368>some

346
00:21:57.088 --> 00:21:57.708
<00:21:57.088>script, <00:21:57.646>can

347
00:21:59.208 --> 00:22:03.188
<00:21:59.208>be <00:21:59.348>added <00:21:59.488>or <00:21:59.628>to <00:21:59.768>a <00:21:59.908>script <00:22:00.048>also <00:22:00.188>an <00:22:00.328>input, <00:22:00.468>HTML <00:22:00.608>input

348
00:22:03.228 --> 00:22:07.188
<00:22:03.228>can <00:22:03.368>be <00:22:03.508>attached <00:22:03.648>like <00:22:03.788>a <00:22:03.928>range <00:22:04.068>or <00:22:04.208>a <00:22:04.348>slider <00:22:04.488>or <00:22:04.628>a

349
00:22:07.228 --> 00:22:08.648
<00:22:07.228>number <00:22:07.483>field <00:22:07.739>or <00:22:07.994>something <00:22:08.250>like <00:22:08.505>this.

350
00:22:08.728 --> 00:22:12.058
<00:22:08.728>So <00:22:08.883>in <00:22:09.039>this <00:22:09.194>case, <00:22:09.350>the <00:22:09.505>result <00:22:09.661>is <00:22:09.816>only <00:22:09.972>a <00:22:10.128>number,

351
00:22:13.328 --> 00:22:16.028
<00:22:13.328>so <00:22:13.503>we <00:22:13.678>don't <00:22:13.853>have <00:22:14.028>to <00:22:14.203>perform <00:22:14.378>any <00:22:14.553>other <00:22:14.728>calculations.

352
00:22:16.288 --> 00:22:18.188
<00:22:16.288>But <00:22:16.463>if <00:22:16.638>you <00:22:16.813>click <00:22:16.988>onto <00:22:17.163>this, <00:22:17.338>you <00:22:17.513>can <00:22:17.688>see

353
00:22:19.828 --> 00:22:23.148
<00:22:19.828>you <00:22:20.061>get <00:22:20.294>this <00:22:20.528>nicely <00:22:20.761>beautiful <00:22:20.994>rendered <00:22:21.228>sliders.

354
00:22:23.268 --> 00:22:26.868
<00:22:23.268>And <00:22:23.395>the <00:22:23.522>only <00:22:23.649>thing <00:22:23.777>that <00:22:23.904>is <00:22:24.031>required <00:22:24.158>to <00:22:24.286>add <00:22:24.413>this <00:22:24.540>to <00:22:24.668>this

355
00:22:26.928 --> 00:22:27.948
<00:22:26.928>representation <00:22:27.846>is

356
00:22:29.868 --> 00:22:33.427
<00:22:29.868>to <00:22:30.068>add <00:22:30.268>those <00:22:30.467>outputs. <00:22:30.668>So <00:22:30.868>this <00:22:31.068>is <00:22:31.268>like

357
00:22:33.487 --> 00:22:37.388
<00:22:33.487>a <00:22:33.627>publishing. <00:22:33.767>There's <00:22:33.907>an <00:22:34.047>output <00:22:34.187>for <00:22:34.327>every <00:22:34.467>script <00:22:34.607>tag <00:22:34.747>if <00:22:34.887>you

358
00:22:37.428 --> 00:22:39.808
<00:22:37.428>define <00:22:37.602>this, <00:22:37.777>and <00:22:37.953>this <00:22:38.128>is <00:22:38.303>like <00:22:38.477>a <00:22:38.652>publishing <00:22:38.828>value.

359
00:22:39.908 --> 00:22:42.708
<00:22:39.908>So <00:22:40.141>this <00:22:40.374>is <00:22:40.608>the <00:22:40.841>topic, <00:22:41.074>and <00:22:41.308>whenever

360
00:22:43.608 --> 00:22:47.528
<00:22:43.608>some <00:22:43.724>value <00:22:43.841>changes <00:22:43.957>and <00:22:44.074>another <00:22:44.191>one <00:22:44.308>is <00:22:44.424>subscribed <00:22:44.541>for <00:22:44.658>this <00:22:44.774>value, <00:22:44.891>which <00:22:45.008>can

361
00:22:47.568 --> 00:22:50.768
<00:22:47.568>be <00:22:48.268>added <00:22:48.968>like...

362
00:22:54.468 --> 00:22:57.088
<00:22:54.468>So <00:22:54.668>you <00:22:54.868>see, <00:22:55.068>you <00:22:55.268>get <00:22:55.468>this <00:22:55.668>execution <00:22:55.868>graph.

363
00:22:57.158 --> 00:22:57.388
So

364
00:22:58.368 --> 00:23:01.708
<00:22:58.368>whenever <00:22:58.568>one <00:22:58.768>script <00:22:58.967>changes <00:22:59.168>and <00:22:59.368>the <00:22:59.568>other <00:22:59.768>one

365
00:23:02.048 --> 00:23:05.088
<00:23:02.048>uses <00:23:02.398>their <00:23:02.748>inputs, <00:23:03.098>so <00:23:03.448>their

366
00:23:05.788 --> 00:23:06.948
<00:23:05.788>values <00:23:06.832>basically

367
00:23:08.628 --> 00:23:09.748
<00:23:08.628>are <00:23:09.636>recalculated.

368
00:23:10.608 --> 00:23:12.838
<00:23:10.608>So <00:23:10.808>and <00:23:11.008>you <00:23:11.207>can <00:23:11.408>probably <00:23:11.608>check <00:23:11.808>also <00:23:12.008>your

369
00:23:14.348 --> 00:23:17.368
<00:23:14.348>position <00:23:14.488>wherever <00:23:14.628>you <00:23:14.768>are <00:23:14.908>at <00:23:15.048>the <00:23:15.187>moment <00:23:15.328>and <00:23:15.467>inspect <00:23:15.608>the <00:23:15.748>data.

370
00:23:17.568 --> 00:23:21.528
<00:23:17.568>So <00:23:17.684>it's <00:23:17.801>the <00:23:17.918>same <00:23:18.034>behavior, <00:23:18.151>but <00:23:18.268>in <00:23:18.384>this <00:23:18.501>case, <00:23:18.618>it's <00:23:18.734>a <00:23:18.851>more <00:23:18.968>visual,

371
00:23:22.328 --> 00:23:26.298
<00:23:22.328>better <00:23:22.468>representation <00:23:22.608>of <00:23:22.748>the <00:23:22.888>data, <00:23:23.028>more <00:23:23.168>interactive <00:23:23.308>than <00:23:23.447>you <00:23:23.588>have <00:23:23.728>done

372
00:23:26.308 --> 00:23:27.168
<00:23:26.308>this <00:23:26.566>with <00:23:26.823>the <00:23:27.081>codes

373
00:23:29.388 --> 00:23:29.968
basically.

374
00:23:31.668 --> 00:23:33.628
<00:23:31.668>And <00:23:31.901>to <00:23:32.134>get <00:23:32.368>even <00:23:32.601>one <00:23:32.834>step <00:23:33.068>further,

375
00:23:35.488 --> 00:23:39.368
<00:23:35.488>I <00:23:35.628>always <00:23:35.768>tend <00:23:35.908>to <00:23:36.048>use, <00:23:36.188>for <00:23:36.328>me, <00:23:36.468>it's <00:23:36.608>difficult <00:23:36.748>basically <00:23:36.888>to

376
00:23:39.428 --> 00:23:43.248
<00:23:39.428>read <00:23:39.568>something, <00:23:39.707>follow <00:23:39.848>the <00:23:39.987>code, <00:23:40.128>read <00:23:40.267>a <00:23:40.408>bit <00:23:40.547>of <00:23:40.687>text, <00:23:40.828>then

377
00:23:43.668 --> 00:23:46.328
<00:23:43.668>search <00:23:43.808>for <00:23:43.947>the <00:23:44.088>code <00:23:44.227>of <00:23:44.368>it. <00:23:44.507>And <00:23:44.648>this <00:23:44.787>was <00:23:44.928>an <00:23:45.068>idea.

378
00:23:46.948 --> 00:23:50.168
<00:23:46.948>So <00:23:47.148>we <00:23:47.348>come <00:23:47.548>from <00:23:47.748>developing <00:23:47.948>open <00:23:48.148>educational <00:23:48.348>resources.

379
00:23:50.968 --> 00:23:54.728
<00:23:50.968>In <00:23:51.108>LeoScript, <00:23:51.248>it's <00:23:51.388>actually <00:23:51.528>possible <00:23:51.668>to <00:23:51.808>add <00:23:51.948>some, <00:23:52.088>or <00:23:52.228>to <00:23:52.368>your

380
00:23:54.788 --> 00:23:56.768
<00:23:54.788>Markdown <00:23:55.254>to <00:23:55.721>add <00:23:56.188>some

381
00:23:57.908 --> 00:24:01.248
<00:23:57.908>kind <00:23:58.187>of <00:23:58.467>animation <00:23:58.747>steps. <00:23:59.027>Right? <00:23:59.308>So

382
00:24:01.928 --> 00:24:02.708
<00:24:01.928>like <00:24:02.279>bullet <00:24:02.630>points

383
00:24:03.588 --> 00:24:05.768
<00:24:03.588>or <00:24:04.054>animation <00:24:04.521>within <00:24:04.988>PowerPoint.

384
00:24:07.328 --> 00:24:08.828
<00:24:07.328>So <00:24:07.553>you <00:24:07.778>see <00:24:08.003>there's <00:24:08.228>one, <00:24:08.453>there's <00:24:08.678>two,

385
00:24:09.888 --> 00:24:13.168
<00:24:09.888>but <00:24:10.004>we <00:24:10.121>are <00:24:10.237>on <00:24:10.354>textbook <00:24:10.471>mode. <00:24:10.588>So <00:24:10.704>if <00:24:10.821>we <00:24:10.937>switch <00:24:11.054>to <00:24:11.171>slide <00:24:11.288>mode,

386
00:24:14.748 --> 00:24:15.688
<00:24:14.748>you <00:24:14.917>can <00:24:15.086>see <00:24:15.255>there <00:24:15.424>are <00:24:15.594>like

387
00:24:16.772 --> 00:24:20.192
<00:24:16.772>Two <00:24:16.912>animations <00:24:17.052>are <00:24:17.192>in <00:24:17.331>there. <00:24:17.472>So <00:24:17.611>the <00:24:17.752>first <00:24:17.891>one, <00:24:18.032>the <00:24:18.172>first

388
00:24:20.232 --> 00:24:22.372
<00:24:20.232>code <00:24:20.465>snippet <00:24:20.698>appears, <00:24:20.932>and <00:24:21.165>the <00:24:21.398>second <00:24:21.632>one.

389
00:24:22.872 --> 00:24:24.582
<00:24:22.872>And <00:24:23.105>what's <00:24:23.338>missing, <00:24:23.572>though, <00:24:23.805>is, <00:24:24.038>of <00:24:24.272>course,

390
00:24:25.952 --> 00:24:26.772
<00:24:25.952>is <00:24:26.321>the <00:24:26.690>description

391
00:24:27.712 --> 00:24:30.552
<00:24:27.712>that <00:24:27.887>tells <00:24:28.062>me <00:24:28.237>how <00:24:28.412>to <00:24:28.587>interact <00:24:28.762>with <00:24:28.937>this <00:24:29.112>code.

392
00:24:34.812 --> 00:24:36.592
<00:24:34.812>So <00:24:35.161>it's <00:24:35.512>placed <00:24:35.861>in <00:24:36.212>here.

393
00:24:37.772 --> 00:24:41.732
<00:24:37.772>But <00:24:37.879>if <00:24:37.987>you're <00:24:38.095>using <00:24:38.202>this <00:24:38.310>in <00:24:38.418>a <00:24:38.525>normal <00:24:38.633>textbook <00:24:38.741>mode, <00:24:38.848>it <00:24:38.956>would <00:24:39.064>appear <00:24:39.172>in

394
00:24:43.272 --> 00:24:43.692
every

395
00:24:45.032 --> 00:24:48.961
<00:24:45.032>Markdown <00:24:45.131>renderer. <00:24:45.232>So <00:24:45.331>you <00:24:45.432>have <00:24:45.532>the <00:24:45.631>text <00:24:45.732>and <00:24:45.831>there <00:24:45.932>is <00:24:46.032>the <00:24:46.131>code, <00:24:46.232>but <00:24:46.331>we <00:24:46.432>want

396
00:24:48.992 --> 00:24:50.312
<00:24:48.992>to <00:24:49.289>have <00:24:49.586>it <00:24:49.882>slightly <00:24:50.179>different.

397
00:24:51.712 --> 00:24:55.392
<00:24:51.712>And <00:24:51.839>simply, <00:24:51.966>since <00:24:52.093>every <00:24:52.221>browser <00:24:52.348>has <00:24:52.475>also, <00:24:52.602>or <00:24:52.730>most <00:24:52.857>browsers <00:24:52.984>have <00:24:53.112>a

398
00:24:55.412 --> 00:24:57.132
<00:24:55.412>text-to-speech <00:24:55.878>output <00:24:56.345>or <00:24:56.812>engine.

399
00:25:00.272 --> 00:25:04.052
<00:25:00.272>TensorFlow.js <00:25:00.505>is <00:25:00.738>a <00:25:00.972>JavaScript <00:25:01.205>library <00:25:01.438>that <00:25:01.672>allows

400
00:25:04.092 --> 00:25:07.452
<00:25:04.092>machine <00:25:04.232>learning <00:25:04.372>models <00:25:04.512>to <00:25:04.652>run <00:25:04.792>directly <00:25:04.932>in <00:25:05.072>the <00:25:05.212>browser <00:25:05.352>or <00:25:05.492>in

401
00:25:07.462 --> 00:25:11.012
<00:25:07.462>Node.js. <00:25:07.812>It <00:25:08.162>lets <00:25:08.512>developers <00:25:08.862>create,

402
00:25:11.352 --> 00:25:15.292
<00:25:11.352>train, <00:25:11.492>and <00:25:11.632>use <00:25:11.772>neural <00:25:11.912>networks <00:25:12.052>without <00:25:12.192>needing <00:25:12.332>Python <00:25:12.472>or <00:25:12.612>a <00:25:12.752>separate

403
00:25:15.332 --> 00:25:17.472
<00:25:15.332>machine <00:25:15.798>learning <00:25:16.265>server. <00:25:16.732>With

404
00:25:17.492 --> 00:25:21.132
<00:25:17.492>TensorFlow.js, <00:25:17.841>data-- <00:25:18.192>The <00:25:18.542>first <00:25:18.892>code

405
00:25:21.232 --> 00:25:24.572
<00:25:21.232>snippet <00:25:21.407>creates <00:25:21.581>two <00:25:21.757>tensors, <00:25:21.932>A <00:25:22.107>and <00:25:22.282>B, <00:25:22.456>each <00:25:22.632>con--

406
00:25:25.192 --> 00:25:29.022
<00:25:25.192>The <00:25:25.332>second <00:25:25.472>code <00:25:25.612>snippet <00:25:25.752>creates <00:25:25.892>a <00:25:26.032>simple <00:25:26.172>neural <00:25:26.312>network <00:25:26.452>model <00:25:26.592>using-

407
00:25:30.092 --> 00:25:31.962
<00:25:30.092>So <00:25:30.325>I <00:25:30.558>hope <00:25:30.792>this <00:25:31.025>makes <00:25:31.258>sense. <00:25:31.492>And

408
00:25:33.012 --> 00:25:36.932
<00:25:33.012>we <00:25:33.119>can <00:25:33.227>get <00:25:33.335>one <00:25:33.442>step <00:25:33.550>further. <00:25:33.658>You <00:25:33.765>can <00:25:33.873>also, <00:25:33.981>if <00:25:34.088>you <00:25:34.196>want <00:25:34.304>to <00:25:34.412>change

409
00:25:36.992 --> 00:25:37.152
the

410
00:25:39.212 --> 00:25:40.952
<00:25:39.212>language <00:25:39.562>of <00:25:39.912>your <00:25:40.262>code, <00:25:40.612>so

411
00:25:41.772 --> 00:25:44.732
<00:25:41.772>the <00:25:41.947>browsers <00:25:42.121>aware <00:25:42.297>to <00:25:42.472>which <00:25:42.647>language <00:25:42.822>we <00:25:42.996>have <00:25:43.172>changed.

412
00:25:45.032 --> 00:25:48.952
<00:25:45.032>And <00:25:45.187>probably <00:25:45.343>if <00:25:45.498>there <00:25:45.654>is <00:25:45.809>a <00:25:45.965>voice <00:25:46.120>for <00:25:46.276>this, <00:25:46.432>you

413
00:25:48.992 --> 00:25:51.372
<00:25:48.992>can <00:25:49.132>use <00:25:49.272>also <00:25:49.412>this <00:25:49.552>voice. <00:25:49.692>So <00:25:49.831>let's <00:25:49.972>try <00:25:50.111>it <00:25:50.252>in <00:25:50.392>German.

414
00:25:55.212 --> 00:25:59.032
<00:25:55.212>"Der <00:25:55.562>erste <00:25:55.912>Code-Abschnitt, <00:25:56.262>TensorFlow.js <00:25:56.612>ist

415
00:25:59.092 --> 00:26:02.612
<00:25:59.092>eine <00:25:59.442>JavaScript-Bibliothek, <00:25:59.792>mit <00:26:00.142>der <00:26:00.492>Machine-Learning-Modelle

416
00:26:02.732 --> 00:26:06.632
<00:26:02.732>direkt <00:26:02.907>im <00:26:03.081>Browser <00:26:03.257>oder <00:26:03.432>in <00:26:03.607>Node.js <00:26:03.782>aus- <00:26:03.956>Der <00:26:04.132>erste

417
00:26:06.712 --> 00:26:10.572
<00:26:06.712>Code-Abschnitt <00:26:06.945>erzeugt <00:26:07.178>zwei <00:26:07.412>Tensoren, <00:26:07.645>A <00:26:07.878>und <00:26:08.112>B,

418
00:26:10.612 --> 00:26:12.902
<00:26:10.612>die <00:26:10.892>jeweils <00:26:11.172>vier- <00:26:11.452>Der <00:26:11.732>zweite <00:26:12.012>Code-"

419
00:26:14.212 --> 00:26:17.992
<00:26:14.212>So <00:26:14.339>I <00:26:14.466>hope <00:26:14.593>you <00:26:14.721>get <00:26:14.848>the <00:26:14.975>point. <00:26:15.102>So <00:26:15.230>it's <00:26:15.357>another <00:26:15.484>kind <00:26:15.612>of

420
00:26:18.032 --> 00:26:21.912
<00:26:18.032>representation <00:26:18.265>that <00:26:18.498>I <00:26:18.732>like <00:26:18.965>personally <00:26:19.198>a <00:26:19.432>lot.

421
00:26:21.992 --> 00:26:25.791
<00:26:21.992>And <00:26:22.108>we <00:26:22.225>use <00:26:22.341>this <00:26:22.458>for <00:26:22.575>when <00:26:22.692>we <00:26:22.808>create <00:26:22.925>one <00:26:23.042>document <00:26:23.158>for <00:26:23.275>our <00:26:23.392>students,

422
00:26:26.432 --> 00:26:30.421
<00:26:26.432>and <00:26:26.607>in <00:26:26.782>which <00:26:26.957>we <00:26:27.132>do <00:26:27.307>all <00:26:27.482>the <00:26:27.657>stuff, <00:26:27.832>all

423
00:26:30.452 --> 00:26:31.292
<00:26:30.452>the <00:26:31.207>functionality

424
00:26:32.532 --> 00:26:36.152
<00:26:32.532>interactively. <00:26:33.932>So

425
00:26:36.272 --> 00:26:39.852
<00:26:36.272>users <00:26:36.447>can <00:26:36.621>or <00:26:36.797>students <00:26:36.972>can <00:26:37.147>switch <00:26:37.322>between <00:26:37.496>their <00:26:37.672>most

426
00:26:39.892 --> 00:26:40.912
appropriate

427
00:26:41.832 --> 00:26:43.852
<00:26:41.832>representation <00:26:42.182>format <00:26:42.532>for <00:26:42.882>at <00:26:43.232>home.

428
00:26:44.112 --> 00:26:47.452
<00:26:44.112>But <00:26:44.252>we <00:26:44.392>use <00:26:44.532>this <00:26:44.672>with <00:26:44.812>presentations <00:26:44.952>and <00:26:45.092>presentation <00:26:45.232>mode <00:26:45.372>and <00:26:45.512>lecture

429
00:26:47.462 --> 00:26:51.212
<00:26:47.462>hall. <00:26:47.662>In <00:26:47.862>this <00:26:48.062>case, <00:26:48.262>switch <00:26:48.462>off <00:26:48.662>the <00:26:48.862>sound.

430
00:26:52.952 --> 00:26:56.921
<00:26:52.952>So <00:26:53.092>what <00:26:53.232>I <00:26:53.372>forgot <00:26:53.512>to <00:26:53.652>say <00:26:53.792>is <00:26:53.932>just <00:26:54.072>if <00:26:54.212>I <00:26:54.352>want

431
00:26:56.921 --> 00:27:00.652
<00:26:56.921>to <00:26:57.096>make <00:26:57.271>those <00:26:57.446>changes <00:26:57.621>permanently, <00:26:57.796>I <00:26:57.971>commit <00:26:58.146>those <00:26:58.321>changes.

432
00:27:04.812 --> 00:27:06.172
<00:27:04.812>If <00:27:05.056>I <00:27:05.301>go <00:27:05.546>back <00:27:05.791>to <00:27:06.036>the

433
00:27:07.292 --> 00:27:10.912
<00:27:07.292>.com <00:27:08.692>version.

434
00:27:11.652 --> 00:27:15.552
<00:27:11.652>So <00:27:11.792>all <00:27:11.932>my <00:27:12.072>changes <00:27:12.212>are <00:27:12.352>now <00:27:12.492>in <00:27:12.632>here. <00:27:12.772>So <00:27:12.912>but <00:27:13.052>it

435
00:27:15.612 --> 00:27:19.392
<00:27:15.612>might <00:27:15.787>take <00:27:15.962>some <00:27:16.137>time <00:27:16.312>before <00:27:16.487>they <00:27:16.662>appear <00:27:16.837>within <00:27:17.012>the

436
00:27:19.432 --> 00:27:19.732
raw.

437
00:27:24.232 --> 00:27:27.692
<00:27:24.232>So, <00:27:24.319>and <00:27:24.407>the <00:27:24.494>only <00:27:24.581>thing <00:27:24.669>that <00:27:24.757>you <00:27:24.844>have <00:27:24.932>to <00:27:25.019>do <00:27:25.107>afterwards <00:27:25.194>is <00:27:25.282>if <00:27:25.369>you <00:27:25.456>go <00:27:25.544>to <00:27:25.632>the

438
00:27:29.452 --> 00:27:30.592
<00:27:29.452>Leo <00:27:29.965>script <00:27:30.478>webpage,

439
00:27:31.632 --> 00:27:32.372
<00:27:31.632>if <00:27:31.965>you <00:27:32.298>add,

440
00:27:33.872 --> 00:27:34.652
<00:27:33.872>so <00:27:34.574>developers

441
00:27:35.652 --> 00:27:38.132
<00:27:35.652>open <00:27:35.885>the <00:27:36.118>course. <00:27:36.352>So <00:27:36.585>why <00:27:36.818>software <00:27:37.052>documentation

442
00:27:39.552 --> 00:27:40.102
<00:27:39.552>is <00:27:40.047>still

443
00:27:41.652 --> 00:27:44.112
<00:27:41.652>static. <00:27:41.885>All <00:27:42.118>the <00:27:42.352>presentation <00:27:42.585>as <00:27:42.818>you've <00:27:43.052>done,

444
00:27:44.932 --> 00:27:47.092
<00:27:44.932>as <00:27:45.087>you've <00:27:45.243>seen <00:27:45.398>on <00:27:45.554>the <00:27:45.709>functionality, <00:27:45.865>is <00:27:46.020>now <00:27:46.176>stored <00:27:46.332>within.

445
00:27:47.472 --> 00:27:50.712
<00:27:47.472>You <00:27:47.579>can <00:27:47.687>share <00:27:47.795>this <00:27:47.902>also, <00:27:48.010>add <00:27:48.118>this <00:27:48.225>as <00:27:48.333>a <00:27:48.441>link <00:27:48.548>if <00:27:48.656>you <00:27:48.764>want <00:27:48.872>to

446
00:27:51.492 --> 00:27:51.932
your

447
00:27:54.472 --> 00:27:55.192
repo.

448
00:28:05.152 --> 00:28:09.132
<00:28:05.152>So, <00:28:05.268>and <00:28:05.385>again, <00:28:05.502>the <00:28:05.618>idea <00:28:05.735>behind <00:28:05.852>Leo <00:28:05.968>script <00:28:06.085>is <00:28:06.202>to <00:28:06.318>have <00:28:06.435>a <00:28:06.552>simple

449
00:28:09.712 --> 00:28:13.352
<00:28:09.712>authoring <00:28:09.867>system <00:28:10.023>for <00:28:10.178>users <00:28:10.334>that <00:28:10.489>are <00:28:10.645>not <00:28:10.800>that <00:28:10.956>capable <00:28:11.112>of

450
00:28:13.412 --> 00:28:14.062
programming

451
00:28:14.912 --> 00:28:18.032
<00:28:14.912>and <00:28:15.112>creating <00:28:15.312>fancy <00:28:15.512>MOOCs <00:28:15.712>and <00:28:15.912>stuff <00:28:16.112>like <00:28:16.312>this.

452
00:28:18.092 --> 00:28:21.812
<00:28:18.092>And <00:28:18.219>that <00:28:18.346>probably <00:28:18.473>also <00:28:18.601>don't <00:28:18.728>have <00:28:18.855>access <00:28:18.982>to <00:28:19.110>something <00:28:19.237>like <00:28:19.364>a, <00:28:19.492>or

453
00:28:22.312 --> 00:28:26.212
<00:28:22.312>don't <00:28:22.439>want <00:28:22.566>to <00:28:22.693>host <00:28:22.821>a <00:28:22.948>server. <00:28:23.075>But <00:28:23.202>with <00:28:23.330>this, <00:28:23.457>it's <00:28:23.584>some <00:28:23.712>kind

454
00:28:26.252 --> 00:28:29.912
<00:28:26.252>of <00:28:26.532>decentralized <00:28:26.812>version <00:28:27.091>for <00:28:27.371>creating <00:28:27.652>educational

455
00:28:29.952 --> 00:28:33.412
<00:28:29.952>content, <00:28:30.068>which <00:28:30.185>is <00:28:30.302>split <00:28:30.418>not <00:28:30.535>only <00:28:30.652>to <00:28:30.768>GitHub, <00:28:30.885>to <00:28:31.002>GitLab <00:28:31.118>or <00:28:31.235>your <00:28:31.352>personal

456
00:28:33.432 --> 00:28:37.232
<00:28:33.432>web <00:28:33.632>space. <00:28:33.832>This <00:28:34.032>is <00:28:34.232>something <00:28:34.432>if <00:28:34.632>you <00:28:34.832>use

457
00:28:37.252 --> 00:28:38.252
<00:28:37.252>this <00:28:37.552>for <00:28:37.851>your <00:28:38.152>own

458
00:28:39.592 --> 00:28:42.892
<00:28:39.592>stake, <00:28:39.747>for <00:28:39.903>your <00:28:40.058>own <00:28:40.214>purposes, <00:28:40.369>to <00:28:40.525>have <00:28:40.680>a <00:28:40.836>more <00:28:40.992>interactive

459
00:28:43.472 --> 00:28:45.992
<00:28:43.472>documentation <00:28:43.647>where <00:28:43.822>your <00:28:43.997>users <00:28:44.172>can <00:28:44.347>play <00:28:44.522>around <00:28:44.697>with <00:28:44.872>it.

460
00:28:46.652 --> 00:28:50.592
<00:28:46.652>But <00:28:46.827>you <00:28:47.002>give <00:28:47.177>other <00:28:47.352>developers <00:28:47.527>or <00:28:47.702>educational <00:28:47.877>content <00:28:48.052>developers,

461
00:28:50.672 --> 00:28:52.402
<00:28:50.672>especially <00:28:51.022>for <00:28:51.372>open <00:28:51.722>educational <00:28:52.072>content,

462
00:28:53.612 --> 00:28:57.572
<00:28:53.612>which <00:28:54.078>is <00:28:54.545>educational <00:28:55.012>content

463
00:28:57.972 --> 00:29:00.232
<00:28:57.972>license <00:28:58.252>or <00:28:58.532>under <00:28:58.812>an <00:28:59.091>open <00:28:59.372>license

464
00:29:01.092 --> 00:29:05.012
<00:29:01.092>and <00:29:01.208>basically <00:29:01.325>open <00:29:01.442>source. <00:29:01.558>But <00:29:01.675>for <00:29:01.792>education, <00:29:01.908>you <00:29:02.025>give <00:29:02.142>them <00:29:02.258>the <00:29:02.375>ability <00:29:02.492>or

465
00:29:05.052 --> 00:29:08.572
<00:29:05.052>the <00:29:05.331>possibility <00:29:05.611>to <00:29:05.891>add <00:29:06.171>your <00:29:06.452>functionality,

466
00:29:09.162 --> 00:29:12.672
<00:29:09.162>whatever <00:29:09.317>it <00:29:09.473>is, <00:29:09.628>into <00:29:09.784>their <00:29:09.939>fancy <00:29:10.095>courses, <00:29:10.250>and <00:29:10.406>to <00:29:10.562>create

467
00:29:12.892 --> 00:29:15.191
<00:29:12.892>more <00:29:13.242>and <00:29:13.592>impressive <00:29:13.942>educational <00:29:14.292>content.

468
00:29:16.752 --> 00:29:17.332
<00:29:16.752>Thank <00:29:16.926>you <00:29:17.100>very <00:29:17.274>much.