WEBVTT

1
00:00:05.100 --> 00:00:11.700
<00:00:05.100>It <00:00:06.500>welcome.

2
00:00:09.700 --> 00:00:13.300
<00:00:09.700>So <00:00:11.100>I'm

3
00:00:12.300 --> 00:00:15.200
<00:00:12.300>here <00:00:12.533>today <00:00:12.766>to <00:00:13.000>talk. <00:00:13.233>Well, <00:00:13.466>first <00:00:13.700>of

4
00:00:15.200 --> 00:00:19.000
<00:00:15.200>all, <00:00:15.399>hello. <00:00:15.600>My <00:00:15.799>name <00:00:16.000>is <00:00:16.200>Rita. <00:00:16.400>I'm <00:00:16.599>a

5
00:00:18.300 --> 00:00:21.400
<00:00:18.300>software <00:00:18.475>developer. <00:00:18.650>I'm <00:00:18.825>a <00:00:19.000>geek <00:00:19.175>at <00:00:19.350>heart. <00:00:19.525>I <00:00:19.700>really

6
00:00:21.400 --> 00:00:24.500
<00:00:21.400>like <00:00:21.575>comic <00:00:21.750>books. <00:00:21.924>I'm <00:00:22.099>also <00:00:22.275>a <00:00:22.450>mom. <00:00:22.625>This <00:00:22.799>is

7
00:00:24.500 --> 00:00:26.900
<00:00:24.500>Pedro <00:00:24.655>my <00:00:24.811>son <00:00:24.966>history <00:00:25.122>and <00:00:25.277>a <00:00:25.433>half <00:00:25.588>years <00:00:25.744>old <00:00:25.900>now.

8
00:00:27.700 --> 00:00:30.300
<00:00:27.700>I <00:00:27.875>also <00:00:28.050>like <00:00:28.224>to <00:00:28.400>ride <00:00:28.575>a <00:00:28.750>bike. <00:00:28.925>I've <00:00:29.099>been

9
00:00:30.300 --> 00:00:33.300
<00:00:30.300>commuting <00:00:30.533>to <00:00:30.766>work <00:00:31.000>since <00:00:31.233>since <00:00:31.466>after <00:00:31.700>the

10
00:00:33.300 --> 00:00:35.700
<00:00:33.300>pandemic. <00:00:33.474>So <00:00:33.650>it's <00:00:33.824>really <00:00:34.000>really <00:00:34.175>good. <00:00:34.349>It's <00:00:34.525>good <00:00:34.699>exercise.

11
00:00:36.700 --> 00:00:39.200
<00:00:36.700>And <00:00:36.875>I <00:00:37.050>also <00:00:37.225>like <00:00:37.400>to <00:00:37.575>gamble <00:00:37.750>so <00:00:37.925>gamble <00:00:38.100>note

12
00:00:39.200 --> 00:00:42.200
<00:00:39.200>to <00:00:39.400>game <00:00:39.600>especially <00:00:39.800>smash <00:00:40.000>with <00:00:40.200>with <00:00:40.400>the <00:00:40.600>Nintendo

13
00:00:42.200 --> 00:00:45.300
<00:00:42.200>switch. <00:00:42.400>It's <00:00:42.600>really <00:00:42.800>cool <00:00:43.000>and <00:00:43.200>I <00:00:43.400>work <00:00:43.600>with

14
00:00:45.300 --> 00:00:48.600
<00:00:45.300>these <00:00:45.474>amazing <00:00:45.650>bunch <00:00:45.824>at <00:00:46.000>the <00:00:46.175>software <00:00:46.349>development <00:00:46.525>center <00:00:46.699>from

15
00:00:48.600 --> 00:00:50.000
<00:00:48.600>Volkswagen <00:00:49.230>in <00:00:49.860>Lisbon.

16
00:00:50.800 --> 00:00:53.300
<00:00:50.800>And <00:00:51.080>what <00:00:51.360>am <00:00:51.640>I <00:00:51.919>here <00:00:52.199>to

17
00:00:53.300 --> 00:00:56.000
<00:00:53.300>talk <00:00:53.440>to <00:00:53.580>you <00:00:53.720>about? <00:00:53.860>So <00:00:54.000>I <00:00:54.140>want <00:00:54.279>to <00:00:54.419>talk <00:00:54.559>to <00:00:54.699>you

18
00:00:56.300 --> 00:00:59.300
<00:00:56.300>about <00:00:56.474>building <00:00:56.650>the <00:00:56.824>right <00:00:57.000>product. <00:00:57.175>What <00:00:57.349>is <00:00:57.525>a <00:00:57.699>right

19
00:00:59.300 --> 00:00:59.500
product?

20
00:01:00.400 --> 00:01:03.500
<00:01:00.400>For <00:01:00.555>us <00:01:00.711>it <00:01:00.866>is <00:01:01.022>something <00:01:01.177>that <00:01:01.333>is <00:01:01.488>user-driven. <00:01:01.644>It <00:01:01.800>is

21
00:01:03.500 --> 00:01:07.000
<00:01:03.500>something <00:01:03.675>that <00:01:03.850>is <00:01:04.025>built <00:01:04.200>of <00:01:04.375>consistent <00:01:04.550>in <00:01:04.724>quality <00:01:04.900>uis.

22
00:01:07.600 --> 00:01:10.200
<00:01:07.600>It <00:01:07.740>is <00:01:07.880>something <00:01:08.020>that <00:01:08.160>has <00:01:08.300>to <00:01:08.440>have <00:01:08.580>a <00:01:08.720>Clear <00:01:08.860>Vision <00:01:09.000>on

23
00:01:10.200 --> 00:01:11.200
<00:01:10.200>what <00:01:10.425>we <00:01:10.650>want <00:01:10.875>to <00:01:11.100>achieve.

24
00:01:12.100 --> 00:01:15.200
<00:01:12.100>On <00:01:12.207>the <00:01:12.315>other <00:01:12.423>hand, <00:01:12.530>we <00:01:12.638>want <00:01:12.746>to <00:01:12.853>build <00:01:12.961>it <00:01:13.069>right. <00:01:13.176>How <00:01:13.284>can <00:01:13.392>we <00:01:13.500>do

25
00:01:15.200 --> 00:01:18.200
<00:01:15.200>so <00:01:15.375>well <00:01:15.550>we <00:01:15.725>can <00:01:15.900>do <00:01:16.075>so <00:01:16.250>by <00:01:16.425>doing <00:01:16.600>it

26
00:01:18.200 --> 00:01:19.900
<00:01:18.200>using <00:01:18.666>test <00:01:19.133>driven <00:01:19.600>development.

27
00:01:20.900 --> 00:01:23.400
<00:01:20.900>We <00:01:21.075>can <00:01:21.250>do <00:01:21.425>it <00:01:21.600>by <00:01:21.775>by <00:01:21.950>having <00:01:22.125>a <00:01:22.300>good

28
00:01:23.400 --> 00:01:26.200
<00:01:23.400>set <00:01:23.600>of <00:01:23.800>designs <00:01:24.000>to <00:01:24.200>to <00:01:24.400>implement <00:01:24.600>what <00:01:24.800>the

29
00:01:26.200 --> 00:01:26.900
<00:01:26.200>user <00:01:26.830>needs.

30
00:01:27.700 --> 00:01:30.500
<00:01:27.700>And <00:01:27.855>it <00:01:28.011>needs <00:01:28.166>to <00:01:28.322>be <00:01:28.477>easy <00:01:28.633>to <00:01:28.788>scale <00:01:28.944>because <00:01:29.100>the

31
00:01:30.500 --> 00:01:32.200
<00:01:30.500>product <00:01:30.966>will <00:01:31.433>inevitably <00:01:31.900>grow.

32
00:01:33.500 --> 00:01:35.300
<00:01:33.500>So, <00:01:33.700>how <00:01:33.900>can <00:01:34.100>we <00:01:34.300>achieve <00:01:34.500>all <00:01:34.700>of <00:01:34.900>this?

33
00:01:36.200 --> 00:01:36.800
<00:01:36.200>It's <00:01:36.470>quite <00:01:36.740>simple.

34
00:01:38.700 --> 00:01:42.000
<00:01:38.700>With <00:01:38.875>the <00:01:39.050>first <00:01:39.225>part <00:01:39.400>we <00:01:39.575>can <00:01:39.750>use <00:01:39.925>extreme <00:01:40.100>programming.

35
00:01:42.800 --> 00:01:45.700
<00:01:42.800>With <00:01:42.975>the <00:01:43.149>second <00:01:43.325>part <00:01:43.500>we <00:01:43.675>can <00:01:43.850>use <00:01:44.024>Atomic <00:01:44.200>design

36
00:01:45.700 --> 00:01:48.400
<00:01:45.700>and <00:01:45.900>with <00:01:46.100>the <00:01:46.300>third <00:01:46.500>part <00:01:46.700>we <00:01:46.900>can <00:01:47.100>use

37
00:01:48.400 --> 00:01:50.200
<00:01:48.400>the <00:01:48.866>microphone <00:01:49.333>tense <00:01:49.800>framework.

38
00:01:51.200 --> 00:01:54.600
<00:01:51.200>How <00:01:51.375>do <00:01:51.550>all <00:01:51.725>of <00:01:51.900>these <00:01:52.075>fit <00:01:52.250>together <00:01:52.425>extreme <00:01:52.600>programming

39
00:01:54.600 --> 00:01:56.900
<00:01:54.600>Atomic <00:01:54.833>design <00:01:55.066>and <00:01:55.300>the <00:01:55.533>micro <00:01:55.766>front <00:01:56.000>ends?

40
00:01:57.300 --> 00:02:00.100
<00:01:57.300>That's <00:01:57.407>what <00:01:57.515>I <00:01:57.623>hope <00:01:57.730>you'll <00:01:57.838>get <00:01:57.946>a <00:01:58.053>you'll <00:01:58.161>get <00:01:58.269>at <00:01:58.376>the <00:01:58.484>end <00:01:58.592>of <00:01:58.700>this

41
00:02:00.100 --> 00:02:00.600
talk.

42
00:02:01.300 --> 00:02:04.100
<00:02:01.300>So <00:02:01.500>the <00:02:01.700>software <00:02:01.899>development <00:02:02.100>center. <00:02:02.300>It <00:02:02.500>is <00:02:02.700>in

43
00:02:04.100 --> 00:02:07.900
<00:02:04.100>Lisbon. <00:02:04.255>It <00:02:04.411>is <00:02:04.566>in <00:02:04.722>this <00:02:04.877>in <00:02:05.033>this <00:02:05.188>beautiful <00:02:05.344>yellow <00:02:05.500>home

44
00:02:07.900 --> 00:02:10.300
<00:02:07.900>and <00:02:08.180>how <00:02:08.460>do <00:02:08.740>we <00:02:09.020>how <00:02:09.300>do

45
00:02:10.300 --> 00:02:13.500
<00:02:10.300>we <00:02:10.475>organize <00:02:10.650>ourselves <00:02:10.825>within <00:02:11.000>the <00:02:11.175>yellow <00:02:11.350>home? <00:02:11.525>So <00:02:11.700>we

46
00:02:13.500 --> 00:02:16.600
<00:02:13.500>are <00:02:13.700>composed <00:02:13.900>of <00:02:14.100>balance <00:02:14.300>teams. <00:02:14.500>We <00:02:14.700>have <00:02:14.900>each

47
00:02:16.600 --> 00:02:19.800
<00:02:16.600>of <00:02:16.775>our <00:02:16.950>product <00:02:17.125>team. <00:02:17.299>It <00:02:17.475>has <00:02:17.650>designers. <00:02:17.825>It <00:02:18.000>has

48
00:02:19.800 --> 00:02:22.600
<00:02:19.800>product <00:02:20.033>managers <00:02:20.266>and <00:02:20.500>it <00:02:20.733>has <00:02:20.966>developers <00:02:21.200>we

49
00:02:23.600 --> 00:02:26.200
<00:02:23.600>So <00:02:23.775>what <00:02:23.950>to <00:02:24.125>do <00:02:24.299>designers <00:02:24.475>bring <00:02:24.650>to <00:02:24.825>the <00:02:25.000>table

50
00:02:26.200 --> 00:02:29.700
<00:02:26.200>they <00:02:26.355>talk <00:02:26.511>to <00:02:26.666>the <00:02:26.822>users. <00:02:26.977>They <00:02:27.133>understand <00:02:27.288>the <00:02:27.444>pain <00:02:27.600>points

51
00:02:29.700 --> 00:02:31.200
<00:02:29.700>and <00:02:29.892>what <00:02:30.085>are <00:02:30.278>the <00:02:30.471>needs <00:02:30.664>that <00:02:30.857>they <00:02:31.049>have?

52
00:02:32.300 --> 00:02:35.600
<00:02:32.300>The <00:02:32.455>product <00:02:32.611>managers <00:02:32.766>they <00:02:32.922>take <00:02:33.077>those <00:02:33.233>needs <00:02:33.388>and <00:02:33.544>they <00:02:33.700>transform

53
00:02:35.600 --> 00:02:38.600
<00:02:35.600>it <00:02:35.775>into <00:02:35.950>stories <00:02:36.125>that <00:02:36.299>we <00:02:36.475>the <00:02:36.650>developers <00:02:36.825>can <00:02:37.000>implement.

54
00:02:39.800 --> 00:02:41.200
<00:02:39.800>And <00:02:40.052>what <00:02:40.304>do <00:02:40.556>we <00:02:40.808>do? <00:02:41.060>Well

55
00:02:42.200 --> 00:02:45.100
<00:02:42.200>We <00:02:42.355>implement <00:02:42.511>the <00:02:42.666>stories <00:02:42.822>we <00:02:42.977>take <00:02:43.133>into <00:02:43.288>account <00:02:43.444>if <00:02:43.600>they

56
00:02:45.100 --> 00:02:48.100
<00:02:45.100>are <00:02:45.275>feasible <00:02:45.450>if <00:02:45.625>the <00:02:45.799>technology <00:02:45.975>to <00:02:46.150>build <00:02:46.325>what <00:02:46.500>the

57
00:02:48.100 --> 00:02:51.300
<00:02:48.100>user <00:02:48.299>wants <00:02:48.500>if <00:02:48.700>the <00:02:48.900>technology <00:02:49.100>exists <00:02:49.299>and <00:02:49.500>if

58
00:02:51.300 --> 00:02:52.200
<00:02:51.300>it <00:02:51.462>is <00:02:51.624>possible <00:02:51.786>to <00:02:51.948>do <00:02:52.109>so.

59
00:02:53.200 --> 00:02:56.300
<00:02:53.200>At <00:02:53.327>the <00:02:53.454>center <00:02:53.581>of <00:02:53.709>it <00:02:53.836>that's <00:02:53.963>where <00:02:54.090>the <00:02:54.218>magic <00:02:54.345>happens. <00:02:54.472>That's <00:02:54.600>where

60
00:02:56.300 --> 00:02:58.300
<00:02:56.300>the <00:02:56.580>good <00:02:56.860>stuff <00:02:57.140>gets <00:02:57.420>gets <00:02:57.700>going.

61
00:02:59.600 --> 00:03:02.900
<00:02:59.600>We <00:02:59.799>also <00:03:00.000>organize <00:03:00.200>ourselves <00:03:00.400>with <00:03:00.600>extreme <00:03:00.799>programming. <00:03:01.000>What

62
00:03:02.900 --> 00:03:05.300
<00:03:02.900>is <00:03:03.075>Extreme <00:03:03.250>programming? <00:03:03.425>It's <00:03:03.600>not <00:03:03.775>something <00:03:03.950>new. <00:03:04.125>It's <00:03:04.300>something

63
00:03:05.300 --> 00:03:06.700
<00:03:05.300>that's <00:03:05.510>been <00:03:05.720>around <00:03:05.930>for <00:03:06.140>quite <00:03:06.350>some <00:03:06.560>time.

64
00:03:07.600 --> 00:03:10.300
<00:03:07.600>To <00:03:07.799>quote. <00:03:08.000>It's <00:03:08.200>an <00:03:08.400>Agile <00:03:08.600>development <00:03:08.799>framework <00:03:09.000>that

65
00:03:10.300 --> 00:03:13.400
<00:03:10.300>aims <00:03:10.475>to <00:03:10.650>produce <00:03:10.825>higher <00:03:11.000>quality <00:03:11.175>software <00:03:11.350>and <00:03:11.525>increase <00:03:11.700>the

66
00:03:13.400 --> 00:03:16.500
<00:03:13.400>quality <00:03:13.575>of <00:03:13.750>life <00:03:13.925>of <00:03:14.100>the <00:03:14.275>development <00:03:14.450>team. <00:03:14.625>It <00:03:14.800>sounds

67
00:03:16.500 --> 00:03:19.300
<00:03:16.500>good <00:03:16.700>and <00:03:16.900>it <00:03:17.100>is <00:03:17.300>good. <00:03:17.500>Why <00:03:17.700>because <00:03:17.900>it

68
00:03:19.300 --> 00:03:22.300
<00:03:19.300>stands <00:03:19.500>on <00:03:19.700>five <00:03:19.900>core <00:03:20.100>values <00:03:20.300>the <00:03:20.500>value <00:03:20.700>of

69
00:03:22.300 --> 00:03:25.300
<00:03:22.300>communication <00:03:22.533>within <00:03:22.766>the <00:03:23.000>team <00:03:23.233>and <00:03:23.466>outside <00:03:23.700>the

70
00:03:25.300 --> 00:03:27.300
<00:03:25.300>team <00:03:25.580>you <00:03:25.860>keep <00:03:26.140>the <00:03:26.420>communication <00:03:26.700>flowing.

71
00:03:28.500 --> 00:03:31.300
<00:03:28.500>Everyone <00:03:28.675>is <00:03:28.850>aware <00:03:29.025>of <00:03:29.200>what <00:03:29.375>each <00:03:29.550>other <00:03:29.725>is <00:03:29.900>doing

72
00:03:31.300 --> 00:03:34.300
<00:03:31.300>everyone <00:03:31.500>talks <00:03:31.700>to <00:03:31.900>to <00:03:32.100>one <00:03:32.300>another <00:03:32.500>and <00:03:32.700>it

73
00:03:34.300 --> 00:03:37.600
<00:03:34.300>is <00:03:34.500>pivotal <00:03:34.700>to <00:03:34.900>to <00:03:35.100>keep <00:03:35.300>everybody <00:03:35.500>up <00:03:35.700>on

74
00:03:37.600 --> 00:03:38.800
<00:03:37.600>the <00:03:37.816>same <00:03:38.032>page <00:03:38.248>about <00:03:38.464>the <00:03:38.680>product.

75
00:03:39.800 --> 00:03:42.200
<00:03:39.800>The <00:03:40.033>product <00:03:40.266>should <00:03:40.500>be <00:03:40.733>simple. <00:03:40.966>We <00:03:41.200>should

76
00:03:42.200 --> 00:03:45.200
<00:03:42.200>do <00:03:42.355>an <00:03:42.511>approach <00:03:42.666>things <00:03:42.822>with <00:03:42.977>Simplicity. <00:03:43.133>We <00:03:43.288>don't <00:03:43.444>want <00:03:43.600>to

77
00:03:45.200 --> 00:03:48.200
<00:03:45.200>do <00:03:45.355>more <00:03:45.511>than <00:03:45.666>it's <00:03:45.822>needed <00:03:45.977>to <00:03:46.133>fulfill <00:03:46.288>the <00:03:46.444>needs <00:03:46.600>of

78
00:03:48.200 --> 00:03:51.600
<00:03:48.200>the <00:03:48.339>user. <00:03:48.480>And <00:03:48.619>how <00:03:48.760>do <00:03:48.899>we <00:03:49.040>get <00:03:49.179>that <00:03:49.320>through <00:03:49.459>feedback? <00:03:49.600>We

79
00:03:51.600 --> 00:03:54.700
<00:03:51.600>ask <00:03:51.833>our <00:03:52.066>users <00:03:52.299>for <00:03:52.533>feedback <00:03:52.766>constantly, <00:03:53.000>but

80
00:03:54.700 --> 00:03:57.800
<00:03:54.700>not <00:03:54.855>only <00:03:55.011>from <00:03:55.166>the <00:03:55.322>users <00:03:55.477>also <00:03:55.633>within <00:03:55.788>the <00:03:55.944>team <00:03:56.100>the

81
00:03:57.800 --> 00:04:00.400
<00:03:57.800>team <00:03:57.975>needs <00:03:58.150>to <00:03:58.325>provide <00:03:58.500>feedback <00:03:58.675>to <00:03:58.850>one <00:03:59.025>another. <00:03:59.200>We

82
00:04:00.400 --> 00:04:03.300
<00:04:00.400>need <00:04:00.527>to <00:04:00.654>know <00:04:00.781>what's <00:04:00.909>going <00:04:01.036>on <00:04:01.163>within <00:04:01.290>the <00:04:01.418>product <00:04:01.545>and <00:04:01.672>within <00:04:01.800>the

83
00:04:03.300 --> 00:04:04.200
<00:04:03.300>team <00:04:03.570>that <00:04:03.840>builds <00:04:04.109>it.

84
00:04:05.100 --> 00:04:05.700
courage

85
00:04:06.800 --> 00:04:10.500
<00:04:06.800>can't <00:04:07.033>Beck <00:04:07.266>the <00:04:07.500>founder <00:04:07.733>of <00:04:07.966>founder <00:04:08.200>creator

86
00:04:09.500 --> 00:04:12.600
<00:04:09.500>of <00:04:10.200>extreme <00:04:10.900>programming

87
00:04:12.600 --> 00:04:15.700
<00:04:12.600>defines <00:04:12.880>courage <00:04:13.160>as <00:04:13.440>the <00:04:13.720>capability <00:04:14.000>to

88
00:04:15.700 --> 00:04:18.200
<00:04:15.700>take <00:04:15.875>action <00:04:16.050>in <00:04:16.224>the <00:04:16.399>face <00:04:16.575>of <00:04:16.750>fear. <00:04:16.925>If <00:04:17.099>you

89
00:04:18.200 --> 00:04:21.700
<00:04:18.200>have <00:04:18.327>a <00:04:18.454>product <00:04:18.581>that <00:04:18.709>is <00:04:18.836>not <00:04:18.963>working <00:04:19.090>that <00:04:19.218>it's <00:04:19.345>not <00:04:19.472>fulfilling. <00:04:19.599>The

90
00:04:21.700 --> 00:04:24.100
<00:04:21.700>user's <00:04:21.899>needs <00:04:22.099>throw <00:04:22.300>it <00:04:22.500>away <00:04:22.700>and <00:04:22.900>start <00:04:23.099>over

91
00:04:24.100 --> 00:04:27.500
<00:04:24.100>ask <00:04:24.227>the <00:04:24.354>users <00:04:24.481>what <00:04:24.609>they <00:04:24.736>want <00:04:24.863>what <00:04:24.990>they <00:04:25.118>need. <00:04:25.245>That's <00:04:25.372>how <00:04:25.500>you'll

92
00:04:27.500 --> 00:04:29.700
<00:04:27.500>be <00:04:27.640>able <00:04:27.780>to <00:04:27.920>do <00:04:28.060>and <00:04:28.200>deliver <00:04:28.340>something <00:04:28.480>that <00:04:28.620>is <00:04:28.760>of <00:04:28.900>use.

93
00:04:30.300 --> 00:04:31.800
<00:04:30.300>and <00:04:30.975>finally <00:04:31.650>respect

94
00:04:32.500 --> 00:04:35.400
<00:04:32.500>Within <00:04:32.700>the <00:04:32.900>team. <00:04:33.100>Everyone <00:04:33.300>has <00:04:33.500>the <00:04:33.700>same <00:04:33.900>weight.

95
00:04:35.400 --> 00:04:38.500
<00:04:35.400>Everyone <00:04:35.575>has <00:04:35.750>the <00:04:35.924>same <00:04:36.099>voice <00:04:36.275>every <00:04:36.450>voice <00:04:36.625>needs <00:04:36.799>to

96
00:04:38.500 --> 00:04:41.400
<00:04:38.500>be <00:04:38.700>heard <00:04:38.900>every <00:04:39.100>voice <00:04:39.300>deserves <00:04:39.500>to <00:04:39.700>be <00:04:39.900>heard.

97
00:04:42.300 --> 00:04:45.600
<00:04:42.300>And <00:04:42.500>these <00:04:42.700>values <00:04:42.900>for <00:04:43.100>the <00:04:43.300>XP <00:04:43.500>they <00:04:43.700>align

98
00:04:45.600 --> 00:04:48.900
<00:04:45.600>really <00:04:45.740>well <00:04:45.880>with <00:04:46.020>the <00:04:46.160>values <00:04:46.300>of <00:04:46.440>the <00:04:46.580>Volkswagen <00:04:46.720>group <00:04:46.860>the <00:04:47.000>Volkswagen

99
00:04:48.900 --> 00:04:51.100
<00:04:48.900>group <00:04:49.075>at <00:04:49.250>the <00:04:49.424>moment. <00:04:49.599>It <00:04:49.775>stands <00:04:49.950>on <00:04:50.125>seven <00:04:50.299>different

100
00:04:51.100 --> 00:04:51.400
values.

101
00:04:52.400 --> 00:04:55.300
<00:04:52.400>And <00:04:52.599>they <00:04:52.799>are <00:04:53.000>pretty <00:04:53.200>much <00:04:53.400>self-explanatory. <00:04:53.599>We <00:04:53.799>take

102
00:04:55.300 --> 00:04:57.600
<00:04:55.300>responsibility <00:04:55.533>for <00:04:55.766>the <00:04:56.000>society <00:04:56.233>and <00:04:56.466>the <00:04:56.700>environment.

103
00:04:58.700 --> 00:05:01.100
<00:04:58.700>We <00:04:58.855>are <00:04:59.011>honest <00:04:59.166>and <00:04:59.322>speak <00:04:59.477>up <00:04:59.633>when <00:04:59.788>things <00:04:59.944>go <00:05:00.099>wrong.

104
00:05:02.300 --> 00:05:03.300
<00:05:02.300>We <00:05:02.600>break <00:05:02.900>new <00:05:03.200>grounds.

105
00:05:04.600 --> 00:05:06.600
<00:05:04.600>We <00:05:04.950>live <00:05:05.300>diversity <00:05:05.650>or <00:05:06.000>diversity.

106
00:05:07.700 --> 00:05:09.700
<00:05:07.700>We <00:05:07.900>are <00:05:08.099>proud <00:05:08.300>of <00:05:08.500>the <00:05:08.700>work <00:05:08.900>we <00:05:09.099>do.

107
00:05:10.700 --> 00:05:14.000
<00:05:10.700>We <00:05:10.979>not <00:05:11.260>me <00:05:11.539>because <00:05:11.820>we're <00:05:12.099>a

108
00:05:13.000 --> 00:05:14.000
team.

109
00:05:15.200 --> 00:05:16.200
<00:05:15.200>And <00:05:15.425>we <00:05:15.650>keep <00:05:15.875>our <00:05:16.099>word.

110
00:05:17.200 --> 00:05:20.200
<00:05:17.200>These <00:05:17.355>are <00:05:17.511>seven <00:05:17.666>core <00:05:17.822>values <00:05:17.977>that <00:05:18.133>guide <00:05:18.288>the <00:05:18.444>work <00:05:18.599>we

111
00:05:20.200 --> 00:05:21.000
<00:05:20.200>do <00:05:20.440>in <00:05:20.680>the <00:05:20.920>group.

112
00:05:22.800 --> 00:05:24.600
<00:05:22.800>But <00:05:23.500>as <00:05:24.200>everything.

113
00:05:25.800 --> 00:05:28.600
<00:05:25.800>Values <00:05:26.080>and <00:05:26.360>and <00:05:26.640>ideas <00:05:26.920>there <00:05:27.200>pretty

114
00:05:28.600 --> 00:05:31.600
<00:05:28.600>much <00:05:28.727>Barren <00:05:28.854>if <00:05:28.981>you <00:05:29.109>don't <00:05:29.236>put <00:05:29.363>them <00:05:29.490>to <00:05:29.618>to <00:05:29.745>good <00:05:29.872>use <00:05:30.000>so

115
00:05:31.600 --> 00:05:34.600
<00:05:31.600>for <00:05:31.740>us <00:05:31.880>in <00:05:32.020>the <00:05:32.160>SDC, <00:05:32.300>there <00:05:32.440>are <00:05:32.580>at <00:05:32.720>least <00:05:32.860>two <00:05:33.000>practices

116
00:05:34.600 --> 00:05:37.300
<00:05:34.600>that <00:05:34.880>we <00:05:35.160>use <00:05:35.440>to <00:05:35.720>to <00:05:36.000>keep

117
00:05:37.300 --> 00:05:41.500
<00:05:37.300>the <00:05:37.475>workflowing. <00:05:37.650>The <00:05:37.825>first <00:05:38.000>is <00:05:38.175>pair <00:05:38.350>programming. <00:05:38.525>So <00:05:38.700>regardless

118
00:05:40.500 --> 00:05:43.500
<00:05:40.500>of <00:05:40.733>your <00:05:40.966>rolling <00:05:41.200>the <00:05:41.433>team <00:05:41.666>you <00:05:41.900>always

119
00:05:43.500 --> 00:05:44.200
<00:05:43.500>have <00:05:43.815>a <00:05:44.130>pair.

120
00:05:44.900 --> 00:05:47.400
<00:05:44.900>May <00:05:45.075>it <00:05:45.250>be <00:05:45.424>a <00:05:45.599>designer <00:05:45.775>may <00:05:45.950>be <00:05:46.125>a <00:05:46.299>programmer.

121
00:05:47.400 --> 00:05:49.600
<00:05:47.400>May <00:05:47.679>it <00:05:47.960>be <00:05:48.239>the <00:05:48.520>product <00:05:48.799>manager?

122
00:05:50.400 --> 00:05:53.200
<00:05:50.400>For <00:05:50.555>us <00:05:50.711>the <00:05:50.866>developers, <00:05:51.022>which <00:05:51.177>is <00:05:51.333>the <00:05:51.488>main <00:05:51.644>audience <00:05:51.799>here.

123
00:05:53.200 --> 00:05:56.500
<00:05:53.200>It's <00:05:53.400>pretty <00:05:53.599>much <00:05:53.800>stands <00:05:54.000>as <00:05:54.200>in <00:05:54.400>there's <00:05:54.599>one

124
00:05:56.500 --> 00:05:59.400
<00:05:56.500>computer. <00:05:56.733>There's <00:05:56.966>two <00:05:57.200>screens. <00:05:57.433>There's <00:05:57.666>two <00:05:57.900>keyboards

125
00:05:59.400 --> 00:06:02.100
<00:05:59.400>to <00:05:59.555>mice <00:05:59.711>and <00:05:59.866>we <00:06:00.022>work <00:06:00.177>on <00:06:00.333>the <00:06:00.488>same <00:06:00.644>code <00:06:00.799>base.

126
00:06:03.100 --> 00:06:06.200
<00:06:03.100>You <00:06:03.255>can <00:06:03.411>either <00:06:03.566>have <00:06:03.722>a <00:06:03.877>driver <00:06:04.033>Navigator <00:06:04.188>form <00:06:04.344>you <00:06:04.500>can

127
00:06:06.200 --> 00:06:09.400
<00:06:06.200>have <00:06:06.400>ping <00:06:06.599>pong <00:06:06.800>with <00:06:07.000>with <00:06:07.200>test <00:06:07.400>driven <00:06:07.599>development.

128
00:06:09.400 --> 00:06:12.400
<00:06:09.400>It <00:06:09.539>will <00:06:09.679>depend <00:06:09.820>on <00:06:09.960>how <00:06:10.099>you <00:06:10.239>how <00:06:10.380>you <00:06:10.520>want <00:06:10.659>to <00:06:10.799>organize

129
00:06:12.400 --> 00:06:14.300
<00:06:12.400>yourself <00:06:12.866>but <00:06:13.333>pair <00:06:13.799>programming.

130
00:06:15.200 --> 00:06:18.100
<00:06:15.200>And <00:06:15.375>for <00:06:15.550>us <00:06:15.724>the <00:06:15.900>developers, <00:06:16.075>we <00:06:16.250>do <00:06:16.425>it <00:06:16.599>using

131
00:06:18.100 --> 00:06:21.200
<00:06:18.100>test <00:06:18.333>driven <00:06:18.566>developments <00:06:18.800>and <00:06:19.033>test <00:06:19.266>driven <00:06:19.500>development

132
00:06:21.200 --> 00:06:23.800
<00:06:21.200>in <00:06:21.375>the <00:06:21.550>nutshell. <00:06:21.724>It <00:06:21.900>is <00:06:22.075>composed <00:06:22.250>of <00:06:22.425>a <00:06:22.599>cycle.

133
00:06:24.500 --> 00:06:27.000
<00:06:24.500>You <00:06:24.700>start <00:06:24.900>red <00:06:25.100>you <00:06:25.300>write <00:06:25.500>a <00:06:25.700>failing <00:06:25.900>test.

134
00:06:28.200 --> 00:06:31.200
<00:06:28.200>You <00:06:28.375>make <00:06:28.550>the <00:06:28.724>least <00:06:28.900>amount <00:06:29.075>of <00:06:29.250>code <00:06:29.425>that <00:06:29.599>you

135
00:06:31.200 --> 00:06:34.400
<00:06:31.200>can <00:06:31.375>to <00:06:31.550>make <00:06:31.724>your <00:06:31.900>tests <00:06:32.075>pass <00:06:32.250>the <00:06:32.425>green <00:06:32.599>part

136
00:06:34.400 --> 00:06:37.800
<00:06:34.400>of <00:06:34.575>the <00:06:34.750>test <00:06:34.924>driven <00:06:35.099>development <00:06:35.275>and <00:06:35.450>then <00:06:35.625>you <00:06:35.799>refactor

137
00:06:37.800 --> 00:06:40.300
<00:06:37.800>you <00:06:38.000>refactor <00:06:38.200>both <00:06:38.400>your <00:06:38.600>tests <00:06:38.800>and <00:06:39.000>the <00:06:39.200>code

138
00:06:40.300 --> 00:06:43.700
<00:06:40.300>to <00:06:40.475>keep <00:06:40.650>things <00:06:40.825>simple <00:06:41.000>and <00:06:41.175>to <00:06:41.350>keep <00:06:41.525>your <00:06:41.700>code

139
00:06:43.700 --> 00:06:46.600
<00:06:43.700>as <00:06:43.900>clean <00:06:44.099>as <00:06:44.300>possible. <00:06:44.500>And <00:06:44.700>this <00:06:44.900>is <00:06:45.099>the

140
00:06:46.600 --> 00:06:47.600
<00:06:46.600>tdd <00:06:47.500>cycle.

141
00:06:49.600 --> 00:06:53.600
<00:06:49.600>And <00:06:49.727>now <00:06:49.854>how <00:06:49.981>do <00:06:50.109>we <00:06:50.236>put <00:06:50.363>this <00:06:50.490>to <00:06:50.618>good <00:06:50.745>use <00:06:50.872>within <00:06:51.000>within

142
00:06:52.600 --> 00:06:55.800
<00:06:52.600>the <00:06:52.880>STC? <00:06:53.160>Well <00:06:53.440>with <00:06:53.720>the <00:06:54.000>pre-delivery

143
00:06:55.800 --> 00:06:58.200
<00:06:55.800>enrollment, <00:06:55.975>it <00:06:56.150>is <00:06:56.325>a <00:06:56.500>product <00:06:56.675>that <00:06:56.850>was <00:06:57.025>developed <00:06:57.200>by

144
00:06:58.200 --> 00:07:01.800
<00:06:58.200>the <00:06:58.433>Falcon <00:06:58.666>team <00:06:58.900>since <00:06:59.133>and <00:06:59.366>of <00:06:59.599>2018

145
00:07:01.800 --> 00:07:04.300
<00:07:01.800>and <00:07:02.033>it <00:07:02.266>it <00:07:02.500>has <00:07:02.733>been <00:07:02.966>developed <00:07:03.200>with

146
00:07:04.300 --> 00:07:07.600
<00:07:04.300>a <00:07:04.455>very <00:07:04.611>clear <00:07:04.766>Mission. <00:07:04.922>We <00:07:05.077>want <00:07:05.233>to <00:07:05.388>drive <00:07:05.544>the <00:07:05.700>adoption

147
00:07:07.600 --> 00:07:10.200
<00:07:07.600>for <00:07:07.800>multiple <00:07:08.000>digital <00:07:08.200>products <00:07:08.400>in <00:07:08.600>the <00:07:08.800>Volkswagen <00:07:09.000>world.

148
00:07:12.500 --> 00:07:15.300
<00:07:12.500>We <00:07:12.700>rolled <00:07:12.900>out <00:07:13.100>in <00:07:13.300>in <00:07:13.500>2019 <00:07:13.700>here <00:07:13.900>in

149
00:07:15.300 --> 00:07:18.300
<00:07:15.300>Germany <00:07:15.533>during <00:07:15.766>2020. <00:07:16.000>We <00:07:16.233>rolled <00:07:16.466>out <00:07:16.700>to

150
00:07:18.300 --> 00:07:21.800
<00:07:18.300>to <00:07:18.455>the <00:07:18.611>rest <00:07:18.766>of <00:07:18.922>not <00:07:19.077>the <00:07:19.233>world <00:07:19.388>but <00:07:19.544>to <00:07:19.700>another

151
00:07:21.800 --> 00:07:25.100
<00:07:21.800>countries <00:07:22.080>in <00:07:22.360>Europe <00:07:22.640>and <00:07:22.920>it <00:07:23.200>is

152
00:07:24.100 --> 00:07:25.900
<00:07:24.100>it <00:07:25.500>is

153
00:07:26.700 --> 00:07:29.400
<00:07:26.700>Cool. <00:07:26.855>It <00:07:27.011>is <00:07:27.166>a <00:07:27.322>good <00:07:27.477>product. <00:07:27.633>It <00:07:27.788>is <00:07:27.944>a <00:07:28.099>full

154
00:07:29.400 --> 00:07:32.500
<00:07:29.400>stack <00:07:29.555>product. <00:07:29.711>It <00:07:29.866>has <00:07:30.022>a <00:07:30.177>backend <00:07:30.333>that <00:07:30.488>is <00:07:30.644>developed <00:07:30.799>in

155
00:07:32.500 --> 00:07:35.400
<00:07:32.500>kotlin <00:07:32.780>and <00:07:33.060>go <00:07:33.340>and <00:07:33.620>the <00:07:33.900>front

156
00:07:35.400 --> 00:07:38.300
<00:07:35.400>end <00:07:35.527>which <00:07:35.654>is <00:07:35.781>the <00:07:35.909>the <00:07:36.036>customer <00:07:36.163>facing <00:07:36.290>part <00:07:36.418>of <00:07:36.545>it. <00:07:36.672>It <00:07:36.799>is

157
00:07:38.300 --> 00:07:40.900
<00:07:38.300>delivered <00:07:38.475>it <00:07:38.650>delivered. <00:07:38.825>Sorry. <00:07:39.000>It <00:07:39.175>is <00:07:39.350>developed <00:07:39.525>in <00:07:39.700>react.

158
00:07:43.700 --> 00:07:46.700
<00:07:43.700>But <00:07:43.933>as <00:07:44.166>I <00:07:44.400>said <00:07:44.633>before <00:07:44.866>products <00:07:45.099>grow

159
00:07:46.700 --> 00:07:50.100
<00:07:46.700>and <00:07:46.933>this <00:07:47.166>product <00:07:47.400>in <00:07:47.633>particular, <00:07:47.866>it's <00:07:48.099>it

160
00:07:49.100 --> 00:07:52.500
<00:07:49.100>grew <00:07:49.300>quite <00:07:49.500>a <00:07:49.700>lot <00:07:49.900>and <00:07:50.100>we <00:07:50.300>identified <00:07:50.500>that

161
00:07:52.500 --> 00:07:55.200
<00:07:52.500>there <00:07:52.655>were <00:07:52.811>more <00:07:52.966>needs <00:07:53.122>and <00:07:53.277>more <00:07:53.433>stuff <00:07:53.588>that <00:07:53.744>the <00:07:53.900>users

162
00:07:55.200 --> 00:07:59.000
<00:07:55.200>that <00:07:55.375>were <00:07:55.550>that <00:07:55.724>were <00:07:55.900>using <00:07:56.075>the <00:07:56.250>product <00:07:56.425>that <00:07:56.599>they

163
00:07:58.300 --> 00:08:01.200
<00:07:58.300>needed. <00:07:58.500>How <00:07:58.700>did <00:07:58.900>we <00:07:59.100>how <00:07:59.300>did <00:07:59.500>we <00:07:59.700>came

164
00:08:01.200 --> 00:08:04.500
<00:08:01.200>across <00:08:01.316>that <00:08:01.433>we <00:08:01.550>talked <00:08:01.666>to <00:08:01.783>them? <00:08:01.900>We <00:08:02.016>did <00:08:02.133>a <00:08:02.250>lot <00:08:02.366>of <00:08:02.483>user <00:08:02.599>interviews

165
00:08:04.500 --> 00:08:07.500
<00:08:04.500>to <00:08:04.733>understand <00:08:04.966>what <00:08:05.200>were <00:08:05.433>the <00:08:05.666>people <00:08:05.900>so

166
00:08:08.500 --> 00:08:11.100
<00:08:08.500>Coming <00:08:08.655>back <00:08:08.811>a <00:08:08.966>little <00:08:09.122>bit <00:08:09.277>the <00:08:09.433>pre-delivery <00:08:09.588>enrollment. <00:08:09.744>It's <00:08:09.900>a

167
00:08:11.100 --> 00:08:14.500
<00:08:11.100>product <00:08:11.207>that <00:08:11.315>is <00:08:11.423>live <00:08:11.530>on <00:08:11.638>the <00:08:11.746>dealerships <00:08:11.853>when <00:08:11.961>you <00:08:12.069>go <00:08:12.176>and <00:08:12.284>buy <00:08:12.392>and <00:08:12.500>buy

168
00:08:14.500 --> 00:08:17.400
<00:08:14.500>a <00:08:14.655>car <00:08:14.811>the <00:08:14.966>dealers <00:08:15.122>have <00:08:15.277>access <00:08:15.433>to <00:08:15.588>it. <00:08:15.744>So <00:08:15.900>the

169
00:08:17.400 --> 00:08:20.600
<00:08:17.400>people <00:08:17.527>that <00:08:17.654>walk <00:08:17.781>in <00:08:17.909>and <00:08:18.036>buy <00:08:18.163>cars <00:08:18.290>they <00:08:18.418>will <00:08:18.545>also <00:08:18.672>be <00:08:18.799>involved

170
00:08:20.600 --> 00:08:23.600
<00:08:20.600>in <00:08:20.833>this. <00:08:21.066>So <00:08:21.300>what <00:08:21.533>was <00:08:21.766>the <00:08:22.000>one

171
00:08:23.600 --> 00:08:26.700
<00:08:23.600>of <00:08:23.740>the <00:08:23.880>biggest <00:08:24.020>pain <00:08:24.160>points <00:08:24.300>that <00:08:24.440>the <00:08:24.580>dealers <00:08:24.720>had <00:08:24.860>so <00:08:25.000>let

172
00:08:26.700 --> 00:08:28.300
<00:08:26.700>me <00:08:26.855>tell <00:08:27.011>you <00:08:27.166>it <00:08:27.322>in <00:08:27.477>the <00:08:27.633>form <00:08:27.788>of <00:08:27.944>the <00:08:28.099>story.

173
00:08:29.200 --> 00:08:32.300
<00:08:29.200>You're <00:08:29.355>a <00:08:29.511>dealer <00:08:29.666>you <00:08:29.822>work <00:08:29.977>at <00:08:30.133>the <00:08:30.288>stand <00:08:30.444>a <00:08:30.599>customer

174
00:08:32.300 --> 00:08:34.200
<00:08:32.299>walks <00:08:32.579>in <00:08:32.859>they <00:08:33.140>buy <00:08:33.419>a <00:08:33.699>car.

175
00:08:34.900 --> 00:08:37.400
<00:08:34.900>Another <00:08:35.179>customer <00:08:35.459>walks <00:08:35.740>in <00:08:36.020>buys <00:08:36.299>another

176
00:08:37.400 --> 00:08:40.400
<00:08:37.400>car <00:08:37.633>and <00:08:37.866>yet <00:08:38.100>another <00:08:38.333>and <00:08:38.566>another <00:08:38.799>and

177
00:08:40.400 --> 00:08:43.900
<00:08:40.400>another <00:08:40.527>and <00:08:40.654>by <00:08:40.781>the <00:08:40.909>end <00:08:41.036>of <00:08:41.163>the <00:08:41.290>day <00:08:41.418>you'll <00:08:41.545>be <00:08:41.672>completely <00:08:41.799>oblivious

178
00:08:43.900 --> 00:08:45.600
<00:08:43.900>on <00:08:44.179>how <00:08:44.459>many <00:08:44.740>cars <00:08:45.020>you've <00:08:45.300>sold.

179
00:08:46.200 --> 00:08:49.700
<00:08:46.200>For <00:08:46.550>for <00:08:46.900>statistics <00:08:47.250>before <00:08:47.600>the

180
00:08:49.700 --> 00:08:53.100
<00:08:49.700>pandemic <00:08:49.875>dealers <00:08:50.050>would <00:08:50.225>send <00:08:50.400>an <00:08:50.575>average <00:08:50.750>of <00:08:50.925>20 <00:08:51.100>cars

181
00:08:52.100 --> 00:08:55.800
<00:08:52.100>per <00:08:52.380>month <00:08:52.660>and <00:08:52.940>each <00:08:53.220>delivery <00:08:53.500>or

182
00:08:55.800 --> 00:08:59.000
<00:08:55.800>each <00:08:55.939>order <00:08:56.079>would <00:08:56.219>take <00:08:56.359>about <00:08:56.500>three <00:08:56.640>months <00:08:56.780>to <00:08:56.920>get <00:08:57.060>completed. <00:08:57.199>So

183
00:08:58.500 --> 00:09:01.400
<00:08:58.500>during <00:08:58.733>this <00:08:58.966>time <00:08:59.200>span <00:08:59.433>how <00:08:59.666>would <00:08:59.900>the

184
00:09:01.400 --> 00:09:05.100
<00:09:01.400>users <00:09:01.540>the <00:09:01.680>dealers? <00:09:01.819>How <00:09:01.959>would <00:09:02.100>they <00:09:02.240>keep <00:09:02.380>track <00:09:02.520>of <00:09:02.660>their <00:09:02.800>orders?

185
00:09:04.100 --> 00:09:07.200
<00:09:04.100>Would <00:09:04.380>they <00:09:04.660>have <00:09:04.940>Excel <00:09:05.220>files <00:09:05.500>with

186
00:09:07.200 --> 00:09:10.900
<00:09:07.200>everything <00:09:07.340>would <00:09:07.480>they <00:09:07.620>have <00:09:07.760>a <00:09:07.900>notebook <00:09:08.040>where <00:09:08.180>they <00:09:08.320>have <00:09:08.460>handwritten <00:09:08.600>everything

187
00:09:10.900 --> 00:09:13.700
<00:09:10.900>would <00:09:11.133>they <00:09:11.366>have <00:09:11.600>the <00:09:11.833>printed <00:09:12.066>orders <00:09:12.300>stored

188
00:09:13.700 --> 00:09:17.300
<00:09:13.700>in <00:09:13.827>a <00:09:13.954>file <00:09:14.081>or <00:09:14.209>in <00:09:14.336>a <00:09:14.463>cabinet? <00:09:14.590>It <00:09:14.718>was <00:09:14.845>really <00:09:14.972>confusing <00:09:15.100>even

189
00:09:16.300 --> 00:09:19.400
<00:09:16.300>worse. <00:09:16.650>What <00:09:17.000>if <00:09:17.349>the <00:09:17.699>customers

190
00:09:19.400 --> 00:09:23.500
<00:09:19.400>called <00:09:19.500>Hey <00:09:19.600>listen, <00:09:19.699>where's <00:09:19.800>my <00:09:19.900>car? <00:09:20.000>I <00:09:20.100>want <00:09:20.199>to <00:09:20.300>know <00:09:20.400>where <00:09:20.500>it <00:09:20.600>is. <00:09:20.699>Wait. <00:09:20.800>I'm

191
00:09:23.500 --> 00:09:26.900
<00:09:23.500>gonna <00:09:23.627>check <00:09:23.754>and <00:09:23.881>see <00:09:24.009>if <00:09:24.136>I <00:09:24.263>can <00:09:24.390>find <00:09:24.518>your <00:09:24.645>order <00:09:24.772>bummer. <00:09:24.900>This

192
00:09:26.900 --> 00:09:29.400
<00:09:26.900>was <00:09:27.074>a <00:09:27.250>real <00:09:27.425>pain <00:09:27.600>point <00:09:27.775>and <00:09:27.949>so <00:09:28.125>with <00:09:28.300>this

193
00:09:29.400 --> 00:09:30.900
<00:09:29.400>a <00:09:29.737>new <00:09:30.074>product <00:09:30.412>was <00:09:30.750>created.

194
00:09:32.500 --> 00:09:34.900
<00:09:32.500>up <00:09:32.780>before <00:09:33.060>the <00:09:33.340>new <00:09:33.620>product <00:09:33.900>the

195
00:09:36.600 --> 00:09:39.400
<00:09:36.600>The <00:09:36.800>designers <00:09:37.000>they <00:09:37.200>came <00:09:37.400>across <00:09:37.600>three <00:09:37.800>assumptions <00:09:38.000>and

196
00:09:39.400 --> 00:09:42.700
<00:09:39.400>that's <00:09:39.574>how <00:09:39.750>how <00:09:39.925>the <00:09:40.100>product <00:09:40.275>is <00:09:40.449>developed <00:09:40.625>the <00:09:40.800>first

197
00:09:42.700 --> 00:09:45.400
<00:09:42.700>assumption <00:09:42.900>the <00:09:43.100>dealers. <00:09:43.300>They <00:09:43.500>want <00:09:43.700>to <00:09:43.900>know <00:09:44.100>what

198
00:09:45.400 --> 00:09:46.500
<00:09:45.400>support <00:09:45.895>their <00:09:46.390>orders.

199
00:09:47.100 --> 00:09:50.300
<00:09:47.100>The <00:09:47.255>dealers <00:09:47.411>want <00:09:47.566>to <00:09:47.722>be <00:09:47.877>updated <00:09:48.033>about <00:09:48.188>the <00:09:48.344>orders <00:09:48.500>that

200
00:09:50.300 --> 00:09:53.500
<00:09:50.300>they <00:09:50.455>do <00:09:50.611>and <00:09:50.766>furthermore. <00:09:50.922>They <00:09:51.077>want <00:09:51.233>to <00:09:51.388>share <00:09:51.544>that <00:09:51.699>information

201
00:09:53.500 --> 00:09:54.600
<00:09:53.500>with <00:09:53.995>their <00:09:54.490>customers.

202
00:09:55.700 --> 00:09:58.400
<00:09:55.700>Based <00:09:55.933>on <00:09:56.166>these <00:09:56.400>three <00:09:56.633>assumptions. <00:09:56.866>The <00:09:57.100>car

203
00:09:58.400 --> 00:10:01.100
<00:09:58.400>tracker <00:09:58.574>was <00:09:58.750>born <00:09:58.925>it <00:09:59.100>has <00:09:59.275>been <00:09:59.449>it <00:09:59.625>has <00:09:59.800>been

204
00:10:01.100 --> 00:10:04.500
<00:10:01.100>delivered <00:10:01.300>and <00:10:01.500>developed <00:10:01.700>by <00:10:01.900>the <00:10:02.100>eagle <00:10:02.300>team. <00:10:02.500>I'm

205
00:10:04.500 --> 00:10:07.700
<00:10:04.500>part <00:10:04.640>of <00:10:04.780>the <00:10:04.920>eagle <00:10:05.060>team <00:10:05.200>at <00:10:05.340>the <00:10:05.480>moment <00:10:05.620>and <00:10:05.760>there <00:10:05.900>is

206
00:10:07.700 --> 00:10:10.400
<00:10:07.700>a <00:10:07.900>very <00:10:08.100>clear <00:10:08.300>mission <00:10:08.500>to <00:10:08.700>it. <00:10:08.900>We <00:10:09.100>want

207
00:10:10.400 --> 00:10:13.600
<00:10:10.400>to <00:10:10.555>enable <00:10:10.711>the <00:10:10.866>dealer <00:10:11.022>to <00:10:11.177>create <00:10:11.333>a <00:10:11.488>stronger <00:10:11.644>relationship <00:10:11.800>with

208
00:10:13.600 --> 00:10:16.300
<00:10:13.600>customers <00:10:13.880>by <00:10:14.160>removing <00:10:14.440>the <00:10:14.720>annoyances <00:10:15.000>of

209
00:10:16.300 --> 00:10:18.000
<00:10:16.300>finding <00:10:16.650>information <00:10:17.000>about <00:10:17.349>the <00:10:17.699>orders.

210
00:10:18.600 --> 00:10:21.500
<00:10:18.600>So <00:10:18.833>what <00:10:19.066>was <00:10:19.300>what <00:10:19.533>was <00:10:19.766>our <00:10:20.000>role

211
00:10:21.500 --> 00:10:24.700
<00:10:21.500>as <00:10:21.655>developers <00:10:21.811>within <00:10:21.966>this? <00:10:22.122>Okay, <00:10:22.277>we <00:10:22.433>need <00:10:22.588>to <00:10:22.744>understand <00:10:22.900>if

212
00:10:24.700 --> 00:10:27.500
<00:10:24.700>we <00:10:24.875>can <00:10:25.050>get <00:10:25.225>the <00:10:25.400>information <00:10:25.575>about <00:10:25.750>the <00:10:25.925>orders. <00:10:26.100>How

213
00:10:27.500 --> 00:10:30.300
<00:10:27.500>do <00:10:27.587>we <00:10:27.675>know <00:10:27.762>if <00:10:27.850>a <00:10:27.937>car <00:10:28.025>has <00:10:28.112>been <00:10:28.200>shipped? <00:10:28.287>How <00:10:28.375>do <00:10:28.462>we <00:10:28.550>know <00:10:28.637>if <00:10:28.725>a <00:10:28.812>car <00:10:28.900>has

214
00:10:30.300 --> 00:10:33.100
<00:10:30.300>been <00:10:30.439>produced <00:10:30.579>if <00:10:30.719>it <00:10:30.859>has <00:10:31.000>passed <00:10:31.140>the <00:10:31.280>quality <00:10:31.420>checks <00:10:31.560>we <00:10:31.699>can

215
00:10:33.100 --> 00:10:34.800
<00:10:33.100>do <00:10:33.333>it. <00:10:33.566>We <00:10:33.800>can <00:10:34.033>know <00:10:34.266>it <00:10:34.500>so.

216
00:10:35.700 --> 00:10:38.300
<00:10:35.700>Everything <00:10:35.980>seemed <00:10:36.260>to <00:10:36.540>be <00:10:36.820>feasible <00:10:37.100>and

217
00:10:38.300 --> 00:10:41.100
<00:10:38.300>doable. <00:10:38.766>So <00:10:39.233>there <00:10:39.699>is

218
00:10:41.100 --> 00:10:44.400
<00:10:41.100>a <00:10:41.300>small <00:10:41.500>backend <00:10:41.700>enclosure <00:10:41.900>the <00:10:42.100>front <00:10:42.300>and <00:10:42.500>it

219
00:10:44.400 --> 00:10:46.100
<00:10:44.400>is <00:10:44.750>also <00:10:45.100>developed <00:10:45.449>using <00:10:45.800>react.

220
00:10:46.800 --> 00:10:48.600
<00:10:46.800>and <00:10:47.150>we've <00:10:47.500>built <00:10:47.849>it <00:10:48.199>how

221
00:10:49.400 --> 00:10:49.700
well

222
00:10:51.600 --> 00:10:54.400
<00:10:51.600>In <00:10:51.707>theory, <00:10:51.815>it <00:10:51.923>would <00:10:52.030>be <00:10:52.138>really <00:10:52.246>really <00:10:52.353>cool <00:10:52.461>to <00:10:52.569>be <00:10:52.676>able <00:10:52.784>to <00:10:52.892>pick <00:10:53.000>up

223
00:10:54.400 --> 00:10:57.400
<00:10:54.400>the <00:10:54.574>card <00:10:54.750>tracker <00:10:54.925>and <00:10:55.100>put <00:10:55.275>it <00:10:55.449>in <00:10:55.625>some <00:10:55.800>piece

224
00:10:57.400 --> 00:11:00.200
<00:10:57.400>of <00:10:57.555>software <00:10:57.711>that <00:10:57.866>the <00:10:58.022>deal <00:10:58.177>has <00:10:58.333>already <00:10:58.488>used. <00:10:58.644>We <00:10:58.800>don't

225
00:11:00.200 --> 00:11:03.400
<00:11:00.200>want <00:11:00.355>to <00:11:00.511>have <00:11:00.666>multiple <00:11:00.822>tabs <00:11:00.977>and <00:11:01.133>multiple <00:11:01.288>things <00:11:01.444>open <00:11:01.600>in

226
00:11:03.400 --> 00:11:06.600
<00:11:03.400>the <00:11:03.574>computer. <00:11:03.750>So <00:11:03.925>what <00:11:04.100>if <00:11:04.275>we <00:11:04.449>could <00:11:04.625>integrate <00:11:04.800>it

227
00:11:06.600 --> 00:11:09.600
<00:11:06.600>with <00:11:06.740>the <00:11:06.880>pre-deliving <00:11:07.020>enrollment <00:11:07.160>that <00:11:07.300>was <00:11:07.440>delivered <00:11:07.580>by <00:11:07.720>the <00:11:07.860>Falcon <00:11:08.000>team

228
00:11:09.600 --> 00:11:12.600
<00:11:09.600>and <00:11:09.800>that's <00:11:10.000>what <00:11:10.200>we <00:11:10.400>did. <00:11:10.600>So <00:11:10.800>we <00:11:11.000>took

229
00:11:12.600 --> 00:11:15.700
<00:11:12.600>both <00:11:12.833>products. <00:11:13.066>Each <00:11:13.300>of <00:11:13.533>the <00:11:13.766>products <00:11:14.000>has

230
00:11:15.700 --> 00:11:18.500
<00:11:15.700>a <00:11:15.900>clear <00:11:16.100>Mission <00:11:16.300>each <00:11:16.500>of <00:11:16.700>the <00:11:16.900>products <00:11:17.100>has

231
00:11:18.500 --> 00:11:19.500
<00:11:18.500>an <00:11:19.400>aeroscope.

232
00:11:20.400 --> 00:11:23.100
<00:11:20.400>It <00:11:20.600>is <00:11:20.800>developed <00:11:21.000>by <00:11:21.199>autonomous <00:11:21.400>full <00:11:21.600>stack <00:11:21.800>teams.

233
00:11:24.100 --> 00:11:25.900
<00:11:24.100>with <00:11:24.566>the <00:11:25.033>independent <00:11:25.500>deployments

234
00:11:27.700 --> 00:11:30.300
<00:11:27.700>The <00:11:27.855>customers <00:11:28.011>and <00:11:28.166>the <00:11:28.322>users <00:11:28.477>they <00:11:28.633>are <00:11:28.788>the <00:11:28.944>main <00:11:29.100>focus

235
00:11:30.300 --> 00:11:30.900
<00:11:30.300>of <00:11:30.569>the <00:11:30.839>product.

236
00:11:32.100 --> 00:11:34.200
<00:11:32.100>And <00:11:32.300>it's <00:11:32.500>easier <00:11:32.700>to <00:11:32.900>scale <00:11:33.100>both <00:11:33.300>of <00:11:33.500>them.

237
00:11:35.100 --> 00:11:38.900
<00:11:35.100>So <00:11:35.450>this <00:11:35.800>description <00:11:36.150>these <00:11:36.500>set

238
00:11:38.900 --> 00:11:41.500
<00:11:38.900>of <00:11:39.074>bullet <00:11:39.250>points. <00:11:39.425>This <00:11:39.600>is <00:11:39.775>what <00:11:39.949>this <00:11:40.125>what <00:11:40.300>defines

239
00:11:41.500 --> 00:11:44.100
<00:11:41.500>the <00:11:41.700>microfront <00:11:41.900>and <00:11:42.100>the <00:11:42.300>architecture <00:11:42.500>it <00:11:42.700>is <00:11:42.900>a

240
00:11:44.100 --> 00:11:47.100
<00:11:44.100>style <00:11:44.300>an <00:11:44.500>architectural <00:11:44.700>style <00:11:44.900>in <00:11:45.100>which <00:11:45.300>you <00:11:45.500>can

241
00:11:47.100 --> 00:11:50.400
<00:11:47.100>build <00:11:47.333>independable <00:11:47.566>deliverable <00:11:47.800>front <00:11:48.033>and <00:11:48.266>applications <00:11:48.500>that

242
00:11:50.400 --> 00:11:53.300
<00:11:50.400>get <00:11:50.600>composed <00:11:50.800>into <00:11:51.000>a <00:11:51.199>greater <00:11:51.400>whole <00:11:51.600>this <00:11:51.800>is

243
00:11:53.300 --> 00:11:56.400
<00:11:53.300>one <00:11:53.439>of <00:11:53.579>the <00:11:53.719>definitions <00:11:53.859>you <00:11:54.000>will <00:11:54.140>find <00:11:54.280>for <00:11:54.420>micro <00:11:54.560>front-ends. <00:11:54.699>Another

244
00:11:56.400 --> 00:11:59.600
<00:11:56.400>is <00:11:56.574>that <00:11:56.750>this <00:11:56.925>is <00:11:57.100>not <00:11:57.275>a <00:11:57.449>concrete <00:11:57.625>technology. <00:11:57.800>There's

245
00:11:59.600 --> 00:12:01.000
<00:11:59.600>not <00:12:00.020>a <00:12:00.440>there <00:12:00.860>are

246
00:12:02.700 --> 00:12:05.600
<00:12:02.700>Guides <00:12:02.855>but <00:12:03.011>there's <00:12:03.166>not <00:12:03.322>a <00:12:03.477>there's <00:12:03.633>not <00:12:03.788>a <00:12:03.944>rule <00:12:04.100>a

247
00:12:05.600 --> 00:12:08.300
<00:12:05.600>rule <00:12:05.755>set <00:12:05.911>or <00:12:06.066>rule <00:12:06.222>book <00:12:06.377>to <00:12:06.533>go <00:12:06.688>buy <00:12:06.844>with <00:12:07.000>the

248
00:12:08.300 --> 00:12:11.600
<00:12:08.300>micro <00:12:08.455>front <00:12:08.611>ends. <00:12:08.766>Most <00:12:08.922>of <00:12:09.077>all <00:12:09.233>they <00:12:09.388>are <00:12:09.544>an <00:12:09.699>alternative

249
00:12:11.600 --> 00:12:16.200
<00:12:11.600>approach <00:12:11.775>on <00:12:11.950>how <00:12:12.125>you <00:12:12.300>organize <00:12:12.475>your <00:12:12.650>um, <00:12:12.825>your <00:12:13.000>teams

250
00:12:15.200 --> 00:12:19.000
<00:12:15.200>and <00:12:15.480>your <00:12:15.760>your <00:12:16.040>structure <00:12:16.320>and <00:12:16.600>it's

251
00:12:18.300 --> 00:12:20.700
<00:12:18.300>micro. <00:12:18.766>It's <00:12:19.233>an <00:12:19.699>end.

252
00:12:22.700 --> 00:12:25.900
<00:12:22.700>What <00:12:22.900>did <00:12:23.100>the <00:12:23.300>designers <00:12:23.500>do <00:12:23.700>so <00:12:23.900>they <00:12:24.100>put

253
00:12:25.900 --> 00:12:28.300
<00:12:25.900>up <00:12:26.250>with <00:12:26.600>this? <00:12:26.949>This <00:12:27.300>is

254
00:12:28.300 --> 00:12:30.600
<00:12:28.300>the <00:12:28.474>dashboard <00:12:28.650>for <00:12:28.824>the <00:12:29.000>card <00:12:29.175>tracker. <00:12:29.349>It <00:12:29.525>is <00:12:29.699>something.

255
00:12:31.700 --> 00:12:34.400
<00:12:31.700>Pretty <00:12:31.900>it <00:12:32.100>is <00:12:32.300>something <00:12:32.500>Visual <00:12:32.700>and <00:12:32.900>it <00:12:33.100>is

256
00:12:34.400 --> 00:12:38.200
<00:12:34.400>something <00:12:34.600>that <00:12:34.800>has <00:12:35.000>been <00:12:35.199>user <00:12:35.400>tested <00:12:35.600>before <00:12:35.800>we

257
00:12:37.200 --> 00:12:40.500
<00:12:37.200>developers <00:12:37.550>before <00:12:37.900>we <00:12:38.250>Implement <00:12:38.600>any

258
00:12:40.500 --> 00:12:43.700
<00:12:40.500>line <00:12:40.675>of <00:12:40.850>code. <00:12:41.025>All <00:12:41.200>of <00:12:41.375>this <00:12:41.550>gets <00:12:41.725>tested <00:12:41.900>by

259
00:12:43.700 --> 00:12:47.100
<00:12:43.700>the <00:12:43.875>real <00:12:44.050>users <00:12:44.225>so <00:12:44.400>that <00:12:44.575>we <00:12:44.750>know <00:12:44.925>exactly <00:12:45.100>what

260
00:12:46.100 --> 00:12:49.200
<00:12:46.100>they <00:12:46.240>want <00:12:46.380>to <00:12:46.520>do <00:12:46.660>what <00:12:46.800>they <00:12:46.940>want <00:12:47.080>to <00:12:47.220>use <00:12:47.360>if <00:12:47.500>it

261
00:12:49.200 --> 00:12:52.600
<00:12:49.200>is <00:12:49.340>if <00:12:49.480>we <00:12:49.620>will <00:12:49.760>be <00:12:49.900>developing <00:12:50.040>something <00:12:50.180>that <00:12:50.320>is <00:12:50.460>of <00:12:50.600>use

262
00:12:52.600 --> 00:12:55.500
<00:12:52.600>or <00:12:52.727>if <00:12:52.854>we <00:12:52.981>because <00:12:53.109>we <00:12:53.236>don't <00:12:53.363>want <00:12:53.490>to <00:12:53.618>be <00:12:53.745>developing <00:12:53.872>something <00:12:54.000>that

263
00:12:55.500 --> 00:12:57.200
<00:12:55.500>will <00:12:55.780>be <00:12:56.060>thrown <00:12:56.340>into <00:12:56.620>the <00:12:56.900>garbage.

264
00:12:58.400 --> 00:13:02.000
<00:12:58.400>How <00:12:58.574>does <00:12:58.750>this <00:12:58.925>look <00:12:59.100>so <00:12:59.275>okay, <00:12:59.449>you <00:12:59.625>you're <00:12:59.800>a

265
00:13:01.200 --> 00:13:04.300
<00:13:01.200>dealer <00:13:01.433>you <00:13:01.666>log <00:13:01.900>into <00:13:02.133>the <00:13:02.366>into <00:13:02.600>the

266
00:13:04.300 --> 00:13:07.300
<00:13:04.300>system <00:13:04.439>you <00:13:04.579>go <00:13:04.719>to <00:13:04.859>the <00:13:05.000>card <00:13:05.140>tracker <00:13:05.280>at <00:13:05.420>a <00:13:05.560>glance <00:13:05.699>on

267
00:13:07.300 --> 00:13:10.300
<00:13:07.300>the <00:13:07.416>top <00:13:07.533>you <00:13:07.650>get <00:13:07.766>to <00:13:07.883>see <00:13:08.000>what <00:13:08.116>are <00:13:08.233>the <00:13:08.349>status <00:13:08.466>of <00:13:08.583>your <00:13:08.699>orders.

268
00:13:10.300 --> 00:13:13.300
<00:13:10.300>You <00:13:10.500>have <00:13:10.699>the <00:13:10.900>different <00:13:11.099>the <00:13:11.300>different <00:13:11.500>categories <00:13:11.699>for

269
00:13:13.300 --> 00:13:15.300
<00:13:13.300>the <00:13:13.474>orders <00:13:13.650>and <00:13:13.824>you <00:13:14.000>get <00:13:14.175>information <00:13:14.349>about <00:13:14.525>about <00:13:14.699>it.

270
00:13:16.300 --> 00:13:20.000
<00:13:16.300>Down <00:13:16.427>below <00:13:16.554>you <00:13:16.681>have <00:13:16.809>the <00:13:16.936>orders <00:13:17.063>list. <00:13:17.190>So <00:13:17.318>you <00:13:17.445>have <00:13:17.572>comprehensive <00:13:17.699>list

271
00:13:19.200 --> 00:13:22.500
<00:13:19.200>with <00:13:19.400>the <00:13:19.600>relevant <00:13:19.800>information <00:13:20.000>that <00:13:20.200>the <00:13:20.400>users <00:13:20.600>have

272
00:13:22.500 --> 00:13:25.500
<00:13:22.500>said <00:13:22.700>we <00:13:22.900>want <00:13:23.100>to <00:13:23.300>see <00:13:23.500>this <00:13:23.700>displayed <00:13:23.900>on

273
00:13:25.500 --> 00:13:28.100
<00:13:25.500>on <00:13:25.780>the <00:13:26.060>table <00:13:26.340>form <00:13:26.620>you <00:13:26.900>select

274
00:13:28.100 --> 00:13:31.100
<00:13:28.100>the <00:13:28.227>customer <00:13:28.354>that <00:13:28.481>you <00:13:28.609>want <00:13:28.736>to <00:13:28.863>get <00:13:28.990>more <00:13:29.118>information <00:13:29.245>about <00:13:29.372>and <00:13:29.500>you

275
00:13:31.100 --> 00:13:34.100
<00:13:31.100>click <00:13:31.240>on <00:13:31.380>The <00:13:31.520>View <00:13:31.660>details <00:13:31.800>button. <00:13:31.940>When <00:13:32.080>you <00:13:32.220>click <00:13:32.360>on <00:13:32.500>The

276
00:13:34.100 --> 00:13:37.500
<00:13:34.100>View <00:13:34.255>details <00:13:34.411>button <00:13:34.566>you <00:13:34.722>get <00:13:34.877>taken <00:13:35.033>to <00:13:35.188>the <00:13:35.344>details <00:13:35.500>page

277
00:13:37.500 --> 00:13:40.200
<00:13:37.500>The <00:13:37.700>Details <00:13:37.900>page <00:13:38.100>on <00:13:38.300>the <00:13:38.500>left <00:13:38.700>it <00:13:38.900>has

278
00:13:40.200 --> 00:13:43.000
<00:13:40.200>information <00:13:40.340>about <00:13:40.480>the <00:13:40.620>order <00:13:40.760>on <00:13:40.900>the <00:13:41.040>right. <00:13:41.180>It <00:13:41.320>will <00:13:41.460>have <00:13:41.600>a

279
00:13:43.700 --> 00:13:47.400
<00:13:43.700>timeline <00:13:43.900>explaining <00:13:44.100>and <00:13:44.300>detailing <00:13:44.500>how <00:13:44.700>your <00:13:44.900>your <00:13:45.100>car

280
00:13:46.400 --> 00:13:49.200
<00:13:46.400>is <00:13:46.633>progressing <00:13:46.866>in <00:13:47.100>the <00:13:47.333>in <00:13:47.566>the <00:13:47.800>factory

281
00:13:49.200 --> 00:13:49.500
line.

282
00:13:51.200 --> 00:13:54.800
<00:13:51.200>A <00:13:51.375>small <00:13:51.550>note <00:13:51.725>about <00:13:51.900>the <00:13:52.075>front-end <00:13:52.250>technology <00:13:52.425>because <00:13:52.600>it

283
00:13:54.800 --> 00:13:58.400
<00:13:54.800>is <00:13:54.955>it <00:13:55.111>is <00:13:55.266>worth <00:13:55.422>to <00:13:55.577>to <00:13:55.733>mention <00:13:55.888>it <00:13:56.044>both <00:13:56.199>the

284
00:13:57.400 --> 00:14:01.100
<00:13:57.400>both <00:13:57.680>of <00:13:57.959>these <00:13:58.240>products <00:13:58.520>their <00:13:58.800>customer

285
00:14:00.100 --> 00:14:03.700
<00:14:00.100>facing <00:14:00.333>they <00:14:00.566>are <00:14:00.800>essentially <00:14:01.033>web <00:14:01.266>applications <00:14:01.500>and

286
00:14:03.700 --> 00:14:07.100
<00:14:03.700>they <00:14:03.900>have <00:14:04.100>been <00:14:04.300>developed <00:14:04.500>using <00:14:04.700>reacts. <00:14:04.900>Why <00:14:05.100>because

287
00:14:06.100 --> 00:14:09.800
<00:14:06.100>as <00:14:06.380>per <00:14:06.660>the <00:14:06.940>react <00:14:07.220>documentation, <00:14:07.500>it

288
00:14:09.800 --> 00:14:12.700
<00:14:09.800>should <00:14:10.000>be <00:14:10.199>painless <00:14:10.400>to <00:14:10.599>create <00:14:10.800>interactive <00:14:11.000>user <00:14:11.199>interfaces.

289
00:14:13.500 --> 00:14:16.500
<00:14:13.500>It <00:14:13.675>should <00:14:13.850>be <00:14:14.025>very <00:14:14.200>easy <00:14:14.375>to <00:14:14.550>create <00:14:14.725>encapsulated <00:14:14.900>components

290
00:14:16.500 --> 00:14:19.600
<00:14:16.500>and <00:14:16.700>then <00:14:16.900>compose <00:14:17.100>them <00:14:17.300>to <00:14:17.500>make <00:14:17.700>good <00:14:17.900>and

291
00:14:19.600 --> 00:14:22.500
<00:14:19.600>complex <00:14:20.066>ui's <00:14:20.533>in <00:14:21.000>even

292
00:14:22.500 --> 00:14:25.300
<00:14:22.500>more. <00:14:22.675>So <00:14:22.850>the <00:14:23.025>the <00:14:23.200>design <00:14:23.375>system <00:14:23.550>that <00:14:23.725>we <00:14:23.900>have

293
00:14:25.300 --> 00:14:28.300
<00:14:25.300>for <00:14:25.500>customer <00:14:25.699>facing <00:14:25.900>products <00:14:26.099>in <00:14:26.300>Volkswagen <00:14:26.500>the <00:14:26.699>design

294
00:14:28.300 --> 00:14:31.400
<00:14:28.300>six. <00:14:28.474>It <00:14:28.650>is <00:14:28.824>provided <00:14:29.000>in <00:14:29.175>react <00:14:29.349>so <00:14:29.525>it's <00:14:29.699>kind

295
00:14:31.400 --> 00:14:34.200
<00:14:31.400>of <00:14:31.516>a <00:14:31.633>bonus <00:14:31.750>and <00:14:31.866>we <00:14:31.983>get <00:14:32.100>to <00:14:32.216>we <00:14:32.333>get <00:14:32.449>to <00:14:32.566>take <00:14:32.683>advantage <00:14:32.800>of

296
00:14:34.200 --> 00:14:34.200
it.

297
00:14:36.800 --> 00:14:39.300
<00:14:36.800>But <00:14:37.150>sometimes <00:14:37.500>in <00:14:37.849>software <00:14:38.199>development

298
00:14:39.300 --> 00:14:42.200
<00:14:39.300>things <00:14:39.400>can <00:14:39.500>get <00:14:39.599>messy. <00:14:39.699>We <00:14:39.800>just <00:14:39.900>want <00:14:40.000>to <00:14:40.099>we <00:14:40.199>just <00:14:40.300>want <00:14:40.400>to <00:14:40.500>go <00:14:40.599>there <00:14:40.699>and

299
00:14:42.200 --> 00:14:44.500
<00:14:42.200>we <00:14:42.433>end <00:14:42.666>up <00:14:42.900>screwing <00:14:43.133>up <00:14:43.366>everything <00:14:43.600>why?

300
00:14:45.500 --> 00:14:45.700
well

301
00:14:46.900 --> 00:14:49.200
<00:14:46.900>We <00:14:47.100>used <00:14:47.300>to <00:14:47.500>do <00:14:47.699>something <00:14:47.900>some <00:14:48.100>of <00:14:48.300>us

302
00:14:49.200 --> 00:14:51.100
<00:14:49.200>still <00:14:49.480>do <00:14:49.760>which <00:14:50.040>is <00:14:50.320>featured-driven <00:14:50.600>development.

303
00:14:52.500 --> 00:14:55.500
<00:14:52.500>Given <00:14:52.675>a <00:14:52.850>feature <00:14:53.025>you <00:14:53.200>would <00:14:53.375>have <00:14:53.550>a <00:14:53.725>structure <00:14:53.900>for

304
00:14:55.500 --> 00:14:58.500
<00:14:55.500>your <00:14:55.700>code. <00:14:55.900>You <00:14:56.100>would <00:14:56.300>have <00:14:56.500>the <00:14:56.700>source <00:14:56.900>folder

305
00:14:58.500 --> 00:15:01.100
<00:14:58.500>within <00:14:58.640>the <00:14:58.780>source <00:14:58.920>folder <00:14:59.060>you <00:14:59.200>would <00:14:59.340>have <00:14:59.480>features <00:14:59.620>and <00:14:59.760>then <00:14:59.900>you

306
00:15:01.100 --> 00:15:04.300
<00:15:01.100>would <00:15:01.300>have <00:15:01.500>components <00:15:01.700>being <00:15:01.900>the <00:15:02.100>components <00:15:02.300>the <00:15:02.500>things

307
00:15:04.300 --> 00:15:07.400
<00:15:04.300>that <00:15:04.474>you <00:15:04.650>will <00:15:04.824>be <00:15:05.000>sharing <00:15:05.175>amongst <00:15:05.349>features, <00:15:05.525>but <00:15:05.699>then

308
00:15:07.400 --> 00:15:10.800
<00:15:07.400>sometimes <00:15:07.633>the <00:15:07.866>features <00:15:08.100>get <00:15:08.333>so <00:15:08.566>nested <00:15:08.800>that

309
00:15:10.800 --> 00:15:13.300
<00:15:10.800>you <00:15:10.939>end <00:15:11.079>up <00:15:11.219>having <00:15:11.359>a <00:15:11.500>component. <00:15:11.640>That <00:15:11.780>is <00:15:11.920>the <00:15:12.060>same <00:15:12.199>as

310
00:15:13.300 --> 00:15:16.900
<00:15:13.300>the <00:15:13.439>other <00:15:13.579>component <00:15:13.719>that <00:15:13.859>is <00:15:14.000>on <00:15:14.140>the <00:15:14.280>other <00:15:14.420>feature <00:15:14.560>things <00:15:14.699>can

311
00:15:16.900 --> 00:15:19.300
<00:15:16.900>get <00:15:17.074>messy <00:15:17.250>really <00:15:17.425>really <00:15:17.600>quick <00:15:17.775>and <00:15:17.949>really <00:15:18.125>really <00:15:18.300>fast.

312
00:15:20.100 --> 00:15:23.600
<00:15:20.100>so <00:15:20.300>and <00:15:20.500>a <00:15:20.700>good <00:15:20.900>way <00:15:21.100>of <00:15:21.300>making <00:15:21.500>this

313
00:15:23.600 --> 00:15:26.900
<00:15:23.600>this <00:15:24.066>organization <00:15:24.533>cleaner <00:15:25.000>and

314
00:15:26.900 --> 00:15:27.700
<00:15:26.900>nicer <00:15:27.620>is

315
00:15:28.600 --> 00:15:31.000
<00:15:28.600>to <00:15:28.800>you <00:15:29.000>given <00:15:29.200>the <00:15:29.400>dashboard <00:15:29.600>that <00:15:29.800>we <00:15:30.000>have

316
00:15:31.100 --> 00:15:34.000
<00:15:31.100>to <00:15:31.300>implement. <00:15:31.500>How <00:15:31.700>can <00:15:31.900>we <00:15:32.100>how <00:15:32.300>can <00:15:32.500>we

317
00:15:34.400 --> 00:15:37.500
<00:15:34.400>implement <00:15:34.516>it? <00:15:34.633>How <00:15:34.750>can <00:15:34.866>we <00:15:34.983>do <00:15:35.100>it? <00:15:35.216>We <00:15:35.333>can <00:15:35.449>use <00:15:35.566>it <00:15:35.683>the <00:15:35.800>atomic

318
00:15:37.500 --> 00:15:38.200
<00:15:37.500>design <00:15:38.130>framework.

319
00:15:39.500 --> 00:15:42.900
<00:15:39.500>The <00:15:39.700>atomic <00:15:39.900>design <00:15:40.100>framework <00:15:40.300>states <00:15:40.500>that <00:15:40.700>it <00:15:40.900>details

320
00:15:42.900 --> 00:15:45.700
<00:15:42.900>all <00:15:43.100>that <00:15:43.300>goes <00:15:43.500>into <00:15:43.699>creating <00:15:43.900>and <00:15:44.100>maintaining <00:15:44.300>robust

321
00:15:45.700 --> 00:15:48.100
<00:15:45.700>Design <00:15:46.050>Systems <00:15:46.400>allowing <00:15:46.750>you <00:15:47.100>to

322
00:15:48.100 --> 00:15:52.100
<00:15:48.100>roll <00:15:48.300>out <00:15:48.500>higher <00:15:48.700>quality <00:15:48.900>software <00:15:49.100>quality <00:15:49.300>consistent <00:15:49.500>higher

323
00:15:51.100 --> 00:15:55.300
<00:15:51.100>quality <00:15:51.800>higher <00:15:52.500>quality

324
00:15:55.300 --> 00:15:58.100
<00:15:55.300>with <00:15:55.579>more <00:15:55.859>consistent <00:15:56.140>device <00:15:56.420>faster <00:15:56.699>than

325
00:15:58.100 --> 00:15:58.600
<00:15:58.100>ever <00:15:58.550>before.

326
00:16:00.100 --> 00:16:03.400
<00:16:00.100>For <00:16:00.275>sure, <00:16:00.450>this <00:16:00.625>is <00:16:00.800>targeted <00:16:00.975>for <00:16:01.150>design <00:16:01.325>but <00:16:01.500>we

327
00:16:03.400 --> 00:16:06.500
<00:16:03.400>can <00:16:03.555>use <00:16:03.711>the <00:16:03.866>same <00:16:04.022>pattern <00:16:04.177>for <00:16:04.333>our <00:16:04.488>code <00:16:04.644>and <00:16:04.800>how

328
00:16:06.500 --> 00:16:09.400
<00:16:06.500>do <00:16:06.700>we <00:16:06.900>do <00:16:07.100>so <00:16:07.300>it's <00:16:07.500>very <00:16:07.700>very <00:16:07.900>simple

329
00:16:09.400 --> 00:16:12.600
<00:16:09.400>you <00:16:09.600>structure <00:16:09.800>the <00:16:10.000>components <00:16:10.199>of <00:16:10.400>your <00:16:10.600>code <00:16:10.800>in

330
00:16:12.600 --> 00:16:16.100
<00:16:12.600>atoms <00:16:12.950>molecules <00:16:13.300>organisms <00:16:13.650>templates <00:16:14.000>and

331
00:16:15.100 --> 00:16:17.800
<00:16:15.100>Pages <00:16:15.800>by <00:16:16.500>complexity.

332
00:16:18.500 --> 00:16:21.300
<00:16:18.500>Atoms <00:16:18.700>will <00:16:18.900>be <00:16:19.100>very <00:16:19.300>simple <00:16:19.500>and <00:16:19.700>very <00:16:19.900>very

333
00:16:21.300 --> 00:16:24.400
<00:16:21.300>basic <00:16:22.000>elements. <00:16:22.699>Sorry

334
00:16:24.400 --> 00:16:27.400
<00:16:24.400>to <00:16:24.527>say <00:16:24.654>elements <00:16:24.781>again, <00:16:24.909>but <00:16:25.036>they <00:16:25.163>will <00:16:25.290>be <00:16:25.418>very <00:16:25.545>easy. <00:16:25.672>So <00:16:25.800>it

335
00:16:27.400 --> 00:16:30.400
<00:16:27.400>will <00:16:27.633>be <00:16:27.866>html <00:16:28.100>text <00:16:28.333>the <00:16:28.566>simplest <00:16:28.800>things

336
00:16:30.400 --> 00:16:33.200
<00:16:30.400>that <00:16:30.555>we <00:16:30.711>can <00:16:30.866>think <00:16:31.022>if <00:16:31.177>you <00:16:31.333>compose <00:16:31.488>two <00:16:31.644>atoms <00:16:31.800>together,

337
00:16:33.200 --> 00:16:36.800
<00:16:33.200>you'll <00:16:33.375>get <00:16:33.550>a <00:16:33.725>molecule <00:16:33.900>if <00:16:34.075>you <00:16:34.250>compose <00:16:34.425>molecules <00:16:34.600>and

338
00:16:36.800 --> 00:16:39.400
<00:16:36.800>atoms <00:16:36.974>together, <00:16:37.150>you <00:16:37.324>will <00:16:37.500>get <00:16:37.675>an <00:16:37.849>organism <00:16:38.025>when <00:16:38.199>you

339
00:16:39.400 --> 00:16:42.200
<00:16:39.400>put <00:16:39.680>organisms <00:16:39.959>on <00:16:40.240>templates <00:16:40.520>you <00:16:40.800>will

340
00:16:42.200 --> 00:16:42.800
<00:16:42.200>get <00:16:42.740>pages.

341
00:16:43.800 --> 00:16:46.500
<00:16:43.800>It <00:16:43.974>becomes <00:16:44.150>easier <00:16:44.324>to <00:16:44.500>organize <00:16:44.675>the <00:16:44.849>code <00:16:45.025>as <00:16:45.199>such.

342
00:16:47.300 --> 00:16:47.400
so

343
00:16:48.400 --> 00:16:51.300
<00:16:48.400>given <00:16:48.527>the <00:16:48.654>dashboard <00:16:48.781>and <00:16:48.909>I'm <00:16:49.036>sorry. <00:16:49.163>It's <00:16:49.290>a <00:16:49.418>little <00:16:49.545>bit <00:16:49.672>tiny. <00:16:49.800>It's

344
00:16:51.300 --> 00:16:54.800
<00:16:51.300>just <00:16:51.416>to <00:16:51.533>keep <00:16:51.650>a <00:16:51.766>visual <00:16:51.883>reference <00:16:52.000>for <00:16:52.116>for <00:16:52.233>what <00:16:52.349>we <00:16:52.466>want <00:16:52.583>given <00:16:52.699>the

345
00:16:54.800 --> 00:16:57.400
<00:16:54.800>components. <00:16:54.974>How <00:16:55.150>do <00:16:55.324>we <00:16:55.500>go <00:16:55.675>from <00:16:55.849>the <00:16:56.025>designs <00:16:56.199>to

346
00:16:57.400 --> 00:16:58.700
<00:16:57.400>Atomic <00:16:57.790>components <00:16:58.180>in <00:16:58.570>code?

347
00:16:59.600 --> 00:17:02.300
<00:16:59.600>For <00:16:59.800>the <00:17:00.000>atoms, <00:17:00.200>they <00:17:00.400>are <00:17:00.600>unbreakable <00:17:00.800>components <00:17:01.000>and

348
00:17:02.300 --> 00:17:05.300
<00:17:02.300>usually <00:17:02.455>they <00:17:02.611>are <00:17:02.766>the <00:17:02.922>base <00:17:03.077>styles <00:17:03.233>for <00:17:03.388>the <00:17:03.544>user <00:17:03.699>interface.

349
00:17:06.300 --> 00:17:09.200
<00:17:06.300>For <00:17:06.500>example <00:17:06.700>The <00:17:06.899>View <00:17:07.099>details <00:17:07.300>button. <00:17:07.500>How <00:17:07.700>do

350
00:17:09.200 --> 00:17:12.700
<00:17:09.200>we <00:17:09.340>how <00:17:09.480>do <00:17:09.620>we <00:17:09.760>tackle <00:17:09.900>it <00:17:10.040>using <00:17:10.180>test <00:17:10.319>driven <00:17:10.460>development? <00:17:10.600>Well,

351
00:17:14.200 --> 00:17:17.200
<00:17:14.200>always <00:17:14.400>for <00:17:14.600>start <00:17:14.800>we <00:17:15.000>start <00:17:15.200>with <00:17:15.400>the <00:17:15.600>test

352
00:17:17.200 --> 00:17:19.800
<00:17:17.200>and <00:17:17.433>we <00:17:17.666>start <00:17:17.900>with <00:17:18.133>a <00:17:18.366>failing <00:17:18.600>test.

353
00:17:20.300 --> 00:17:23.500
<00:17:20.300>so <00:17:20.500>we <00:17:20.700>will <00:17:20.899>render <00:17:21.099>The <00:17:21.300>View <00:17:21.500>details <00:17:21.700>button,

354
00:17:23.500 --> 00:17:26.800
<00:17:23.500>which <00:17:23.675>means <00:17:23.849>that <00:17:24.025>we <00:17:24.200>will <00:17:24.375>create <00:17:24.550>the <00:17:24.724>HTML <00:17:24.900>code

355
00:17:26.800 --> 00:17:27.300
<00:17:26.800>that <00:17:27.250>is

356
00:17:28.500 --> 00:17:31.600
<00:17:28.500>that <00:17:28.675>is <00:17:28.850>that <00:17:29.025>is <00:17:29.200>the <00:17:29.375>view <00:17:29.550>details <00:17:29.725>button. <00:17:29.900>We

357
00:17:31.600 --> 00:17:34.100
<00:17:31.600>will <00:17:31.774>look <00:17:31.949>within <00:17:32.125>the <00:17:32.300>the <00:17:32.475>code. <00:17:32.649>We'll <00:17:32.824>look <00:17:33.000>for

358
00:17:34.100 --> 00:17:37.400
<00:17:34.100>the <00:17:34.274>text <00:17:34.449>view <00:17:34.625>details <00:17:34.800>and <00:17:34.975>then <00:17:35.149>we <00:17:35.324>will <00:17:35.500>expect

359
00:17:37.400 --> 00:17:41.100
<00:17:37.400>that <00:17:37.540>there <00:17:37.680>is <00:17:37.820>a <00:17:37.960>link <00:17:38.100>that <00:17:38.240>will <00:17:38.380>take <00:17:38.520>us <00:17:38.660>somewhere <00:17:38.800>in

360
00:17:40.100 --> 00:17:42.800
<00:17:40.100>this <00:17:40.300>case <00:17:40.500>to <00:17:40.699>the <00:17:40.899>we <00:17:41.100>are <00:17:41.300>developers <00:17:41.500>conference.

361
00:17:43.400 --> 00:17:44.400
<00:17:43.400>We <00:17:43.700>run <00:17:44.000>this <00:17:44.300>test.

362
00:17:45.200 --> 00:17:48.500
<00:17:45.200>When <00:17:45.400>we <00:17:45.600>run <00:17:45.800>the <00:17:46.000>test <00:17:46.200>naturally <00:17:46.400>the <00:17:46.600>test

363
00:17:48.500 --> 00:17:51.600
<00:17:48.500>fails <00:17:48.700>because <00:17:48.900>there <00:17:49.100>is <00:17:49.300>no <00:17:49.500>element. <00:17:49.700>There <00:17:49.900>is

364
00:17:51.600 --> 00:17:53.400
<00:17:51.600>no <00:17:51.949>text <00:17:52.300>saying <00:17:52.649>view <00:17:53.000>details.

365
00:17:54.200 --> 00:17:57.700
<00:17:54.200>With <00:17:54.375>test-driven <00:17:54.550>development <00:17:54.725>you <00:17:54.900>write <00:17:55.075>the <00:17:55.250>test <00:17:55.425>first <00:17:55.600>you

366
00:17:57.700 --> 00:17:59.300
<00:17:57.700>go <00:17:57.980>for <00:17:58.260>the <00:17:58.540>production <00:17:58.820>code <00:17:59.100>later.

367
00:18:01.700 --> 00:18:04.300
<00:18:01.700>Writing <00:18:01.900>the <00:18:02.100>production <00:18:02.300>code <00:18:02.500>to <00:18:02.700>make <00:18:02.900>the <00:18:03.100>test

368
00:18:04.300 --> 00:18:07.400
<00:18:04.300>pass <00:18:04.475>it <00:18:04.649>is <00:18:04.825>something <00:18:05.000>as <00:18:05.175>simple <00:18:05.350>as <00:18:05.524>okay. <00:18:05.700>You're

369
00:18:07.400 --> 00:18:10.700
<00:18:07.400>expecting <00:18:07.600>a <00:18:07.800>test <00:18:08.000>set <00:18:08.200>a <00:18:08.400>text <00:18:08.600>saying <00:18:08.800>view

370
00:18:10.700 --> 00:18:12.900
<00:18:10.700>details <00:18:10.933>here <00:18:11.166>have <00:18:11.400>a <00:18:11.633>paragraph <00:18:11.866>with <00:18:12.100>it.

371
00:18:13.700 --> 00:18:16.600
<00:18:13.700>And <00:18:13.855>the <00:18:14.011>expectation <00:18:14.166>is <00:18:14.322>met <00:18:14.477>the <00:18:14.633>expectation <00:18:14.788>is <00:18:14.944>done <00:18:15.100>all

372
00:18:16.600 --> 00:18:19.200
<00:18:16.600>good <00:18:16.800>Excellence, <00:18:17.000>but <00:18:17.199>we're <00:18:17.399>still <00:18:17.600>failing <00:18:17.800>on <00:18:18.000>the

373
00:18:19.200 --> 00:18:22.000
<00:18:19.200>second <00:18:19.355>part <00:18:19.511>for <00:18:19.666>the <00:18:19.822>view <00:18:19.977>link. <00:18:20.133>Let's <00:18:20.288>go <00:18:20.444>for <00:18:20.600>it.

374
00:18:22.800 --> 00:18:25.200
<00:18:22.800>We <00:18:23.000>implement <00:18:23.200>the <00:18:23.399>link <00:18:23.600>We <00:18:23.800>rerun <00:18:24.000>the <00:18:24.200>test.

375
00:18:25.200 --> 00:18:28.700
<00:18:25.200>Everything <00:18:25.340>is <00:18:25.480>fine. <00:18:25.620>We're <00:18:25.760>on <00:18:25.900>the <00:18:26.040>green <00:18:26.180>side <00:18:26.320>of <00:18:26.460>the <00:18:26.600>tdd

376
00:18:28.700 --> 00:18:29.000
cycle.

377
00:18:29.600 --> 00:18:32.300
<00:18:29.600>There's <00:18:29.774>not <00:18:29.949>much <00:18:30.125>to <00:18:30.300>refactor <00:18:30.475>with <00:18:30.649>this <00:18:30.824>with <00:18:31.000>this

378
00:18:32.300 --> 00:18:35.500
<00:18:32.300>code <00:18:32.427>so <00:18:32.554>we <00:18:32.681>can <00:18:32.809>skip <00:18:32.936>that <00:18:33.063>face <00:18:33.190>and <00:18:33.318>move <00:18:33.445>along <00:18:33.572>to <00:18:33.700>the

379
00:18:35.500 --> 00:18:38.300
<00:18:35.500>next <00:18:35.733>to <00:18:35.966>the <00:18:36.200>next <00:18:36.433>part <00:18:36.666>which <00:18:36.900>is

380
00:18:38.300 --> 00:18:42.100
<00:18:38.300>the <00:18:38.533>molecules. <00:18:38.766>How <00:18:39.000>do <00:18:39.233>we <00:18:39.466>how <00:18:39.700>do

381
00:18:41.100 --> 00:18:44.800
<00:18:41.100>we <00:18:41.255>build <00:18:41.411>the <00:18:41.566>molecules? <00:18:41.722>What <00:18:41.877>are <00:18:42.033>the <00:18:42.188>molecules? <00:18:42.344>Remember <00:18:42.500>the

382
00:18:44.800 --> 00:18:47.400
<00:18:44.800>molecules <00:18:44.975>are <00:18:45.149>items <00:18:45.325>that <00:18:45.500>have <00:18:45.675>been <00:18:45.850>bond <00:18:46.024>together <00:18:46.200>and

383
00:18:47.400 --> 00:18:50.500
<00:18:47.400>they <00:18:47.575>bring <00:18:47.750>functionality <00:18:47.925>to <00:18:48.100>the <00:18:48.275>user <00:18:48.450>interface. <00:18:48.625>For <00:18:48.800>example,

384
00:18:50.500 --> 00:18:54.500
<00:18:50.500>one <00:18:50.733>of <00:18:50.966>these <00:18:51.200>one <00:18:51.433>of <00:18:51.666>these <00:18:51.900>progress

385
00:18:53.500 --> 00:18:56.500
<00:18:53.500>icons, <00:18:53.966>it <00:18:54.433>is <00:18:54.900>composed

386
00:18:56.500 --> 00:18:59.800
<00:18:56.500>of <00:18:56.675>an <00:18:56.850>icon <00:18:57.025>and <00:18:57.200>some <00:18:57.375>text. <00:18:57.550>Let's <00:18:57.725>see <00:18:57.900>how

387
00:18:59.800 --> 00:19:01.400
<00:18:59.800>the <00:19:00.080>test <00:19:00.360>could <00:19:00.639>look <00:19:00.919>for <00:19:01.200>this

388
00:19:03.600 --> 00:19:06.400
<00:19:03.600>We <00:19:03.833>render <00:19:04.066>the <00:19:04.300>components <00:19:04.533>we <00:19:04.766>expect <00:19:05.000>the

389
00:19:06.400 --> 00:19:09.600
<00:19:06.400>text <00:19:06.555>in <00:19:06.711>transit <00:19:06.866>to <00:19:07.022>be <00:19:07.177>in <00:19:07.333>the <00:19:07.488>document <00:19:07.644>and <00:19:07.800>we

390
00:19:09.600 --> 00:19:12.300
<00:19:09.600>expect <00:19:09.879>the <00:19:10.159>intransit <00:19:10.439>icon <00:19:10.719>to <00:19:11.000>have

391
00:19:12.300 --> 00:19:15.500
<00:19:12.300>been <00:19:12.500>called <00:19:12.700>in <00:19:12.899>here. <00:19:13.100>We <00:19:13.300>are <00:19:13.500>kind <00:19:13.700>of

392
00:19:15.500 --> 00:19:17.800
<00:19:15.500>mocking <00:19:15.966>the <00:19:16.433>this <00:19:16.900>molecule.

393
00:19:20.800 --> 00:19:23.300
<00:19:20.800>Well, <00:19:20.955>we <00:19:21.111>are <00:19:21.266>not <00:19:21.422>mocking <00:19:21.577>the <00:19:21.733>multiple. <00:19:21.888>I <00:19:22.044>apologies. <00:19:22.200>We

394
00:19:23.300 --> 00:19:26.200
<00:19:23.300>are <00:19:23.407>not <00:19:23.515>mocking <00:19:23.623>the <00:19:23.730>molecules. <00:19:23.838>We <00:19:23.946>are <00:19:24.053>using <00:19:24.161>the <00:19:24.269>real <00:19:24.376>deal. <00:19:24.484>We <00:19:24.592>implement <00:19:24.700>the

395
00:19:26.200 --> 00:19:29.000
<00:19:26.200>code <00:19:26.433>the <00:19:26.666>code <00:19:26.900>gets <00:19:27.133>green <00:19:27.366>we <00:19:27.600>advance.

396
00:19:30.500 --> 00:19:33.200
<00:19:30.500>When <00:19:30.675>we <00:19:30.850>go <00:19:31.025>for <00:19:31.200>the <00:19:31.375>organisms <00:19:31.550>here, <00:19:31.725>we <00:19:31.900>will

397
00:19:33.200 --> 00:19:36.400
<00:19:33.200>get <00:19:33.375>into <00:19:33.550>into <00:19:33.725>mocking <00:19:33.900>because <00:19:34.075>things <00:19:34.250>get <00:19:34.425>a <00:19:34.600>bit

398
00:19:36.400 --> 00:19:37.000
<00:19:36.400>more <00:19:36.940>complex.

399
00:19:38.400 --> 00:19:41.100
<00:19:38.400>The <00:19:38.575>organisms <00:19:38.750>there <00:19:38.925>are <00:19:39.100>group <00:19:39.275>of <00:19:39.450>atoms <00:19:39.625>bond <00:19:39.800>together

400
00:19:41.100 --> 00:19:42.600
<00:19:41.100>or <00:19:41.774>even <00:19:42.449>molecules.

401
00:19:43.600 --> 00:19:46.200
<00:19:43.600>They <00:19:43.833>bring <00:19:44.066>user <00:19:44.300>value. <00:19:44.533>So <00:19:44.766>an <00:19:45.000>example

402
00:19:46.200 --> 00:19:50.100
<00:19:46.200>of <00:19:46.375>a <00:19:46.550>test <00:19:46.725>for <00:19:46.900>an <00:19:47.075>organism <00:19:47.250>is <00:19:47.425>the <00:19:47.600>orders

403
00:19:49.100 --> 00:19:52.300
<00:19:49.100>list. <00:19:49.333>So <00:19:49.566>remember <00:19:49.800>the <00:19:50.033>order's <00:19:50.266>listed <00:19:50.500>has

404
00:19:52.300 --> 00:19:55.500
<00:19:52.300>the <00:19:52.500>text <00:19:52.700>on <00:19:52.899>the <00:19:53.100>top <00:19:53.300>saying <00:19:53.500>all <00:19:53.700>orders

405
00:19:55.500 --> 00:19:59.100
<00:19:55.500>and <00:19:55.640>then <00:19:55.780>it <00:19:55.920>has <00:19:56.060>a <00:19:56.200>search <00:19:56.340>bar. <00:19:56.480>It <00:19:56.620>has <00:19:56.760>a <00:19:56.900>filters

406
00:19:58.100 --> 00:20:01.400
<00:19:58.100>button <00:19:58.300>and <00:19:58.500>it <00:19:58.699>will <00:19:58.899>have <00:19:59.100>the <00:19:59.300>order <00:19:59.500>table

407
00:20:01.400 --> 00:20:04.900
<00:20:01.400>with <00:20:01.633>information. <00:20:01.866>So <00:20:02.100>all <00:20:02.333>these <00:20:02.566>three <00:20:02.800>probably

408
00:20:04.900 --> 00:20:07.300
<00:20:04.900>the <00:20:05.055>first <00:20:05.211>two <00:20:05.366>there <00:20:05.522>will <00:20:05.677>be <00:20:05.833>molecules <00:20:05.988>and <00:20:06.144>the <00:20:06.300>table

409
00:20:07.300 --> 00:20:10.400
<00:20:07.300>it <00:20:07.500>could <00:20:07.700>be <00:20:07.899>between <00:20:08.100>an <00:20:08.300>organism <00:20:08.500>or <00:20:08.700>also

410
00:20:10.400 --> 00:20:14.500
<00:20:10.400>a <00:20:10.600>molecule <00:20:10.800>but <00:20:11.000>they <00:20:11.200>are <00:20:11.400>complex <00:20:11.600>components. <00:20:11.800>So

411
00:20:14.500 --> 00:20:17.500
<00:20:14.500>do <00:20:14.640>we <00:20:14.780>want <00:20:14.920>to <00:20:15.060>render <00:20:15.200>them? <00:20:15.340>Do <00:20:15.480>we <00:20:15.620>want <00:20:15.760>to <00:20:15.900>mock

412
00:20:17.500 --> 00:20:18.700
<00:20:17.500>them? <00:20:18.580>It's

413
00:20:19.400 --> 00:20:22.800
<00:20:19.400>Kind <00:20:19.680>of <00:20:19.960>tricky <00:20:20.240>and <00:20:20.520>it's <00:20:20.800>it

414
00:20:22.800 --> 00:20:25.300
<00:20:22.800>raises <00:20:23.000>a <00:20:23.200>question. <00:20:23.399>Should <00:20:23.600>we <00:20:23.800>mock <00:20:24.000>or <00:20:24.200>should

415
00:20:25.300 --> 00:20:26.200
<00:20:25.300>we <00:20:25.705>not <00:20:26.110>mock?

416
00:20:26.800 --> 00:20:30.300
<00:20:26.800>If <00:20:26.955>we <00:20:27.111>mock <00:20:27.266>there <00:20:27.422>are <00:20:27.577>a <00:20:27.733>couple <00:20:27.888>of <00:20:28.044>advantages <00:20:28.200>a

417
00:20:30.300 --> 00:20:33.100
<00:20:30.300>lot <00:20:30.500>of <00:20:30.700>advantages <00:20:30.899>we <00:20:31.100>can <00:20:31.300>we <00:20:31.500>can <00:20:31.700>take

418
00:20:33.100 --> 00:20:36.500
<00:20:33.100>benefit <00:20:33.227>of <00:20:33.354>encapsulation. <00:20:33.481>We <00:20:33.609>don't <00:20:33.736>need <00:20:33.863>to <00:20:33.990>know <00:20:34.118>how <00:20:34.245>the <00:20:34.372>component <00:20:34.500>works.

419
00:20:36.500 --> 00:20:39.300
<00:20:36.500>We <00:20:36.655>just <00:20:36.811>need <00:20:36.966>to <00:20:37.122>know <00:20:37.277>its <00:20:37.433>interface. <00:20:37.588>So <00:20:37.744>a <00:20:37.900>good

420
00:20:39.300 --> 00:20:41.400
<00:20:39.300>throwback <00:20:39.649>for <00:20:40.000>backend <00:20:40.350>development. <00:20:40.700>It's

421
00:20:42.300 --> 00:20:44.100
<00:20:42.300>black <00:20:42.580>and <00:20:42.860>white <00:20:43.139>in <00:20:43.419>and <00:20:43.700>out

422
00:20:45.600 --> 00:20:48.100
<00:20:45.600>Um, <00:20:45.879>but <00:20:46.159>we <00:20:46.439>are <00:20:46.719>taken <00:20:47.000>away

423
00:20:48.100 --> 00:20:51.700
<00:20:48.100>from <00:20:48.227>the <00:20:48.354>user <00:20:48.481>experience. <00:20:48.609>We <00:20:48.736>don't <00:20:48.863>know <00:20:48.990>what's <00:20:49.118>going <00:20:49.245>on <00:20:49.372>with <00:20:49.500>with

424
00:20:51.700 --> 00:20:54.200
<00:20:51.700>the <00:20:51.933>components. <00:20:52.166>We're <00:20:52.400>just <00:20:52.633>glazing <00:20:52.866>at <00:20:53.100>the

425
00:20:54.200 --> 00:20:55.900
<00:20:54.200>surface <00:20:54.666>of <00:20:55.133>our <00:20:55.600>code.

426
00:20:57.300 --> 00:21:00.200
<00:20:57.300>But <00:20:57.427>this <00:20:57.554>is <00:20:57.681>that <00:20:57.809>there's <00:20:57.936>a <00:20:58.063>lot <00:20:58.190>to <00:20:58.318>talk <00:20:58.445>about <00:20:58.572>this. <00:20:58.700>There's

427
00:21:00.200 --> 00:21:03.300
<00:21:00.200>a <00:21:00.340>lot <00:21:00.480>of <00:21:00.620>that <00:21:00.760>goes <00:21:00.900>into <00:21:01.040>into <00:21:01.180>mocking. <00:21:01.320>I've <00:21:01.460>done <00:21:01.600>also

428
00:21:03.300 --> 00:21:06.100
<00:21:03.300>a <00:21:03.580>presentation <00:21:03.860>about <00:21:04.139>mocking. <00:21:04.419>You <00:21:04.700>can

429
00:21:06.100 --> 00:21:07.600
<00:21:06.100>check <00:21:06.550>it. <00:21:07.000>It's <00:21:07.449>online.

430
00:21:09.100 --> 00:21:12.300
<00:21:09.100>Coming <00:21:09.333>back <00:21:09.566>to <00:21:09.800>to <00:21:10.033>the <00:21:10.266>to <00:21:10.500>the

431
00:21:12.300 --> 00:21:15.500
<00:21:12.300>subject <00:21:12.533>and <00:21:12.766>still <00:21:13.000>within <00:21:13.233>the <00:21:13.466>mocking. <00:21:13.700>There's

432
00:21:15.500 --> 00:21:18.700
<00:21:15.500>a <00:21:15.675>balance. <00:21:15.850>There's <00:21:16.025>a <00:21:16.200>balance <00:21:16.375>between <00:21:16.550>writing <00:21:16.725>unit <00:21:16.900>tests

433
00:21:18.700 --> 00:21:21.200
<00:21:18.700>in <00:21:18.900>which <00:21:19.100>you <00:21:19.300>will <00:21:19.500>mock <00:21:19.700>everything <00:21:19.900>in <00:21:20.100>writing

434
00:21:21.200 --> 00:21:24.100
<00:21:21.200>integration <00:21:21.355>tests <00:21:21.511>in <00:21:21.666>which <00:21:21.822>you <00:21:21.977>will <00:21:22.133>use <00:21:22.288>always <00:21:22.444>the <00:21:22.600>real

435
00:21:24.100 --> 00:21:27.900
<00:21:24.100>deal <00:21:24.255>for <00:21:24.411>the <00:21:24.566>components. <00:21:24.722>You <00:21:24.877>have <00:21:25.033>to <00:21:25.188>find <00:21:25.344>it <00:21:25.500>within

436
00:21:27.900 --> 00:21:30.100
<00:21:27.900>your <00:21:28.075>team's <00:21:28.250>it <00:21:28.425>is <00:21:28.600>something <00:21:28.775>that <00:21:28.950>has <00:21:29.125>to <00:21:29.300>be

437
00:21:30.100 --> 00:21:33.900
<00:21:30.100>agreed <00:21:30.227>upon. <00:21:30.354>Where <00:21:30.481>do <00:21:30.609>you <00:21:30.736>draw <00:21:30.863>the <00:21:30.990>line? <00:21:31.118>But <00:21:31.245>it's <00:21:31.372>always <00:21:31.500>something

438
00:21:33.900 --> 00:21:36.100
<00:21:33.900>that <00:21:34.133>you <00:21:34.366>get <00:21:34.600>to <00:21:34.833>decide <00:21:35.066>there <00:21:35.300>is

439
00:21:36.100 --> 00:21:37.700
<00:21:36.100>no <00:21:36.333>right <00:21:36.566>or <00:21:36.800>wrong <00:21:37.033>in <00:21:37.266>doing <00:21:37.500>so

440
00:21:39.300 --> 00:21:42.500
<00:21:39.300>For <00:21:39.475>our <00:21:39.649>test <00:21:39.825>and <00:21:40.000>oh <00:21:40.175>no. <00:21:40.350>Sorry. <00:21:40.524>This <00:21:40.700>this

441
00:21:42.500 --> 00:21:42.900
<00:21:42.500>is <00:21:42.680>a <00:21:42.860>good.

442
00:21:45.400 --> 00:21:46.500
<00:21:45.400>This <00:21:45.730>is <00:21:46.060>a <00:21:46.390>good.

443
00:21:47.300 --> 00:21:50.400
<00:21:47.300>Quote <00:21:47.475>from <00:21:47.649>from <00:21:47.825>kency <00:21:48.000>dots <00:21:48.175>from <00:21:48.350>the <00:21:48.524>react <00:21:48.700>testing

444
00:21:50.400 --> 00:21:50.800
Library.

445
00:21:51.700 --> 00:21:54.300
<00:21:51.700>the <00:21:51.875>more <00:21:52.050>you <00:21:52.225>test <00:21:52.400>resembles <00:21:52.575>the <00:21:52.750>way <00:21:52.925>your <00:21:53.100>software

446
00:21:54.300 --> 00:21:56.600
<00:21:54.300>is <00:21:54.475>used <00:21:54.649>the <00:21:54.825>more <00:21:55.000>confidence <00:21:55.175>they <00:21:55.350>can <00:21:55.524>give <00:21:55.700>you

447
00:21:57.300 --> 00:22:00.400
<00:21:57.300>There <00:21:57.440>is <00:21:57.580>no <00:21:57.720>user <00:21:57.860>in <00:21:58.000>the <00:21:58.139>world <00:21:58.280>except <00:21:58.419>us <00:21:58.560>developers <00:21:58.700>that

448
00:22:00.400 --> 00:22:03.100
<00:22:00.400>do <00:22:00.575>right <00:22:00.750>click <00:22:00.925>inspect <00:22:01.100>to <00:22:01.275>see <00:22:01.450>what's <00:22:01.625>going <00:22:01.800>on

449
00:22:03.100 --> 00:22:03.700
<00:22:03.100>on <00:22:03.370>a <00:22:03.640>page.

450
00:22:04.500 --> 00:22:07.200
<00:22:04.500>So <00:22:04.700>why <00:22:04.900>on <00:22:05.100>Earth <00:22:05.300>would <00:22:05.500>a <00:22:05.700>user <00:22:05.900>be

451
00:22:07.200 --> 00:22:10.500
<00:22:07.200>doing <00:22:07.340>that <00:22:07.480>to <00:22:07.620>access <00:22:07.760>a <00:22:07.900>given <00:22:08.040>element <00:22:08.180>on <00:22:08.320>a <00:22:08.460>front-end <00:22:08.600>page?

452
00:22:10.500 --> 00:22:13.600
<00:22:10.500>It <00:22:10.655>doesn't <00:22:10.811>it <00:22:10.966>looks <00:22:11.122>for <00:22:11.277>the <00:22:11.433>text <00:22:11.588>that <00:22:11.744>right <00:22:11.900>there

453
00:22:13.600 --> 00:22:16.300
<00:22:13.600>in <00:22:13.727>front <00:22:13.854>of <00:22:13.981>him <00:22:14.109>in <00:22:14.236>the <00:22:14.363>in <00:22:14.490>the <00:22:14.618>screen. <00:22:14.745>So <00:22:14.872>let's <00:22:15.000>take

454
00:22:16.300 --> 00:22:19.600
<00:22:16.300>advantage <00:22:16.455>of <00:22:16.611>that. <00:22:16.766>Let's <00:22:16.922>take <00:22:17.077>let's <00:22:17.233>take <00:22:17.388>the <00:22:17.544>user <00:22:17.700>and

455
00:22:19.600 --> 00:22:22.800
<00:22:19.600>put <00:22:19.755>ourselves <00:22:19.911>in <00:22:20.066>the <00:22:20.222>perspective <00:22:20.377>of <00:22:20.533>the <00:22:20.688>user <00:22:20.844>and <00:22:21.000>write

456
00:22:22.800 --> 00:22:26.100
<00:22:22.800>our <00:22:23.033>tests <00:22:23.266>and <00:22:23.500>drive <00:22:23.733>our <00:22:23.966>implementation <00:22:24.200>based

457
00:22:25.100 --> 00:22:26.400
<00:22:25.100>upon <00:22:26.270>that

458
00:22:27.500 --> 00:22:30.600
<00:22:27.500>When <00:22:27.675>we <00:22:27.850>do <00:22:28.025>so <00:22:28.200>the <00:22:28.375>test <00:22:28.550>for <00:22:28.725>the <00:22:28.900>orders

459
00:22:30.600 --> 00:22:34.200
<00:22:30.600>table, <00:22:30.774>it <00:22:30.949>becomes <00:22:31.125>something <00:22:31.300>a <00:22:31.475>little <00:22:31.649>bit <00:22:31.824>more <00:22:32.000>user-friendly.

460
00:22:33.200 --> 00:22:36.700
<00:22:33.200>So <00:22:33.480>when <00:22:33.760>you <00:22:34.040>render <00:22:34.320>there <00:22:34.600>is

461
00:22:36.700 --> 00:22:39.800
<00:22:36.700>a <00:22:36.875>component <00:22:37.050>that <00:22:37.225>is <00:22:37.400>the <00:22:37.575>order's <00:22:37.750>list <00:22:37.925>when <00:22:38.100>you

462
00:22:39.800 --> 00:22:42.700
<00:22:39.800>click <00:22:39.955>on <00:22:40.111>The <00:22:40.266>View <00:22:40.422>details <00:22:40.577>button <00:22:40.733>you <00:22:40.888>are <00:22:41.044>taking <00:22:41.200>somewhere

463
00:22:42.700 --> 00:22:45.300
<00:22:42.700>else. <00:22:42.875>So <00:22:43.050>let's <00:22:43.225>render <00:22:43.400>something <00:22:43.575>that <00:22:43.750>looks <00:22:43.925>like <00:22:44.100>that.

464
00:22:46.100 --> 00:22:49.700
<00:22:46.100>Cool, <00:22:46.274>we <00:22:46.449>have <00:22:46.625>that <00:22:46.800>HTML <00:22:46.975>code <00:22:47.149>then <00:22:47.324>for <00:22:47.500>the

465
00:22:49.700 --> 00:22:52.500
<00:22:49.700>expectations. <00:22:49.980>We <00:22:50.260>know <00:22:50.540>that <00:22:50.820>there <00:22:51.100>has

466
00:22:52.500 --> 00:22:55.700
<00:22:52.500>to <00:22:52.655>be <00:22:52.811>a <00:22:52.966>heading <00:22:53.122>within <00:22:53.277>the <00:22:53.433>within <00:22:53.588>the <00:22:53.744>page <00:22:53.900>that

467
00:22:55.700 --> 00:22:58.400
<00:22:55.700>says <00:22:55.980>all <00:22:56.260>orders <00:22:56.540>cool. <00:22:56.820>We'll <00:22:57.100>find

468
00:22:58.400 --> 00:23:01.200
<00:22:58.400>it <00:22:58.575>then <00:22:58.750>let's <00:22:58.925>look <00:22:59.100>for <00:22:59.275>the <00:22:59.450>order <00:22:59.625>in <00:22:59.800>the

469
00:23:01.200 --> 00:23:04.800
<00:23:01.200>line <00:23:01.480>for <00:23:01.760>krita <00:23:02.040>myself. <00:23:02.320>Okay, <00:23:02.600>good.

470
00:23:04.800 --> 00:23:07.300
<00:23:04.800>We <00:23:05.033>found <00:23:05.266>it <00:23:05.500>when <00:23:05.733>we <00:23:05.966>find <00:23:06.200>that

471
00:23:07.300 --> 00:23:10.500
<00:23:07.300>let's <00:23:07.475>click <00:23:07.649>on <00:23:07.825>The <00:23:08.000>View <00:23:08.175>details <00:23:08.350>button. <00:23:08.524>And <00:23:08.700>when

472
00:23:10.500 --> 00:23:13.700
<00:23:10.500>we <00:23:10.640>do <00:23:10.780>click <00:23:10.920>the <00:23:11.060>button, <00:23:11.200>let's <00:23:11.340>be <00:23:11.480>taken <00:23:11.620>to <00:23:11.760>some <00:23:11.900>someone

473
00:23:13.700 --> 00:23:14.700
<00:23:13.700>another <00:23:14.000>some <00:23:14.300>other <00:23:14.600>page.

474
00:23:15.600 --> 00:23:18.100
<00:23:15.600>Cool, <00:23:15.774>we <00:23:15.949>can <00:23:16.125>get <00:23:16.300>it <00:23:16.475>done <00:23:16.649>and <00:23:16.824>we've <00:23:17.000>done

475
00:23:18.100 --> 00:23:21.500
<00:23:18.100>it <00:23:18.240>always <00:23:18.379>looking <00:23:18.520>at <00:23:18.659>the <00:23:18.800>perspective <00:23:18.939>of <00:23:19.080>the <00:23:19.219>user <00:23:19.360>and <00:23:19.500>how

476
00:23:21.500 --> 00:23:24.300
<00:23:21.500>the <00:23:21.655>user <00:23:21.811>will <00:23:21.966>interact <00:23:22.122>with <00:23:22.277>the <00:23:22.433>code <00:23:22.588>that <00:23:22.744>we're <00:23:22.900>writing.

477
00:23:25.400 --> 00:23:28.100
<00:23:25.400>Finally <00:23:25.600>in <00:23:25.800>the <00:23:26.000>letter <00:23:26.200>of <00:23:26.400>the <00:23:26.600>atomic <00:23:26.800>design.

478
00:23:29.300 --> 00:23:30.400
<00:23:29.300>templates <00:23:29.795>and <00:23:30.290>pages

479
00:23:31.500 --> 00:23:34.900
<00:23:31.500>you <00:23:31.655>can <00:23:31.811>think <00:23:31.966>a <00:23:32.122>bit <00:23:32.277>of <00:23:32.433>pages <00:23:32.588>as <00:23:32.744>instantiation <00:23:32.900>of

480
00:23:34.900 --> 00:23:35.600
templates.

481
00:23:36.300 --> 00:23:38.500
<00:23:36.300>When <00:23:36.500>you <00:23:36.700>define <00:23:36.899>the <00:23:37.100>template <00:23:37.300>you <00:23:37.500>say, <00:23:37.700>okay?

482
00:23:40.300 --> 00:23:43.600
<00:23:40.300>The <00:23:40.440>header <00:23:40.580>goes <00:23:40.720>here. <00:23:40.860>The <00:23:41.000>main <00:23:41.139>goes <00:23:41.280>here <00:23:41.419>the <00:23:41.560>footer <00:23:41.700>goes

483
00:23:43.600 --> 00:23:46.400
<00:23:43.600>there <00:23:43.800>and <00:23:44.000>once <00:23:44.199>you <00:23:44.399>put <00:23:44.600>some <00:23:44.800>content <00:23:45.000>in

484
00:23:46.400 --> 00:23:50.000
<00:23:46.400>these <00:23:46.575>sections, <00:23:46.750>you <00:23:46.925>will <00:23:47.100>get <00:23:47.275>a <00:23:47.450>page. <00:23:47.625>So <00:23:47.800>it

485
00:23:49.100 --> 00:23:52.200
<00:23:49.100>is <00:23:49.379>it <00:23:49.659>is <00:23:49.939>something <00:23:50.219>that <00:23:50.500>will

486
00:23:52.200 --> 00:23:55.600
<00:23:52.200>help <00:23:52.433>Define <00:23:52.666>the <00:23:52.900>user <00:23:53.133>journey <00:23:53.366>in <00:23:53.600>this

487
00:23:55.600 --> 00:23:58.000
<00:23:55.600>case <00:23:55.774>the <00:23:55.949>Dealer's <00:23:56.125>Journey. <00:23:56.300>So <00:23:56.475>the <00:23:56.649>story <00:23:56.824>that <00:23:57.000>I

488
00:23:58.300 --> 00:24:01.500
<00:23:58.300>told <00:23:58.440>you <00:23:58.580>before <00:23:58.720>about <00:23:58.860>okay, <00:23:59.000>the <00:23:59.139>user <00:23:59.280>logs <00:23:59.419>in <00:23:59.560>he <00:23:59.700>goes

489
00:24:01.500 --> 00:24:04.500
<00:24:01.500>to <00:24:01.675>the <00:24:01.850>dashboard. <00:24:02.025>He <00:24:02.200>sees <00:24:02.375>the <00:24:02.550>order <00:24:02.725>he <00:24:02.900>clicks

490
00:24:04.500 --> 00:24:08.200
<00:24:04.500>he <00:24:04.655>checks <00:24:04.811>what <00:24:04.966>he <00:24:05.122>needs <00:24:05.277>he <00:24:05.433>comes <00:24:05.588>back. <00:24:05.744>This <00:24:05.900>can

491
00:24:08.200 --> 00:24:11.400
<00:24:08.200>be <00:24:08.340>written <00:24:08.480>in <00:24:08.620>the <00:24:08.760>form <00:24:08.900>of <00:24:09.040>a <00:24:09.180>test <00:24:09.320>a <00:24:09.460>test <00:24:09.600>that

492
00:24:11.400 --> 00:24:13.600
<00:24:11.400>defines <00:24:11.866>the <00:24:12.333>Dealer's <00:24:12.800>Journey.

493
00:24:14.400 --> 00:24:15.900
<00:24:14.400>How <00:24:15.750>okay.

494
00:24:17.600 --> 00:24:20.900
<00:24:17.600>It's <00:24:17.774>not <00:24:17.949>that <00:24:18.125>many <00:24:18.300>lines <00:24:18.475>of <00:24:18.649>code, <00:24:18.824>but <00:24:19.000>in

495
00:24:20.900 --> 00:24:23.400
<00:24:20.900>the <00:24:21.133>beginning <00:24:21.366>you <00:24:21.600>render <00:24:21.833>the <00:24:22.066>dashboard <00:24:22.300>you

496
00:24:23.400 --> 00:24:26.900
<00:24:23.400>render <00:24:23.575>dashboards. <00:24:23.750>Are <00:24:23.925>you <00:24:24.100>render <00:24:24.275>the <00:24:24.450>the <00:24:24.625>whole <00:24:24.800>vehicle

497
00:24:26.900 --> 00:24:29.600
<00:24:26.900>order <00:24:27.180>tracker <00:24:27.460>within <00:24:27.740>the <00:24:28.020>vehicle <00:24:28.300>or

498
00:24:29.600 --> 00:24:32.600
<00:24:29.600>the <00:24:29.740>tracker <00:24:29.879>You're <00:24:30.020>Expecting <00:24:30.159>the <00:24:30.300>dashboard <00:24:30.439>which <00:24:30.580>is <00:24:30.719>a <00:24:30.860>region. <00:24:31.000>Okay,

499
00:24:32.600 --> 00:24:34.900
<00:24:32.600>fine. <00:24:32.774>We've <00:24:32.949>got <00:24:33.125>it <00:24:33.300>it <00:24:33.475>is <00:24:33.649>in <00:24:33.824>the <00:24:34.000>document.

500
00:24:35.900 --> 00:24:38.300
<00:24:35.900>Then <00:24:36.180>within <00:24:36.460>the <00:24:36.740>dashboard <00:24:37.020>we <00:24:37.300>are

501
00:24:38.300 --> 00:24:41.100
<00:24:38.300>expecting <00:24:38.455>to <00:24:38.611>see <00:24:38.766>the <00:24:38.922>tabs <00:24:39.077>list. <00:24:39.233>So <00:24:39.388>the <00:24:39.544>tabs <00:24:39.700>on

502
00:24:41.100 --> 00:24:42.800
<00:24:41.100>the <00:24:41.449>top <00:24:41.800>cool <00:24:42.149>it's <00:24:42.500>there.

503
00:24:43.700 --> 00:24:46.300
<00:24:43.700>Within <00:24:43.980>still <00:24:44.260>the <00:24:44.540>dashboard <00:24:44.820>you're <00:24:45.100>expecting

504
00:24:46.300 --> 00:24:49.500
<00:24:46.300>to <00:24:46.500>see <00:24:46.700>the <00:24:46.899>text <00:24:47.100>for <00:24:47.300>your <00:24:47.500>orders. <00:24:47.700>You're

505
00:24:49.500 --> 00:24:52.600
<00:24:49.500>expecting <00:24:49.733>to <00:24:49.966>see <00:24:50.200>the <00:24:50.433>search <00:24:50.666>for <00:24:50.900>an

506
00:24:52.600 --> 00:24:55.500
<00:24:52.600>order <00:24:52.774>the <00:24:52.949>filter <00:24:53.125>buttons <00:24:53.300>and <00:24:53.475>you <00:24:53.649>have <00:24:53.824>that <00:24:54.000>within

507
00:24:55.500 --> 00:24:57.800
<00:24:55.500>the <00:24:55.780>implementation <00:24:56.060>and <00:24:56.340>it <00:24:56.620>is <00:24:56.900>simple

508
00:24:59.300 --> 00:25:02.600
<00:24:59.300>Furthermore <00:24:59.580>when <00:24:59.860>within <00:25:00.139>the <00:25:00.419>dashboard <00:25:00.700>he

509
00:25:02.600 --> 00:25:05.400
<00:25:02.600>finds <00:25:02.879>the <00:25:03.159>the <00:25:03.439>order <00:25:03.719>in <00:25:04.000>this

510
00:25:05.400 --> 00:25:08.400
<00:25:05.400>case <00:25:05.555>for <00:25:05.711>Scully. <00:25:05.866>He <00:25:06.022>will <00:25:06.177>click <00:25:06.333>the <00:25:06.488>button <00:25:06.644>and <00:25:06.800>when

511
00:25:08.400 --> 00:25:11.400
<00:25:08.400>he <00:25:08.527>clicks <00:25:08.654>the <00:25:08.781>button <00:25:08.909>he <00:25:09.036>gets <00:25:09.163>taken <00:25:09.290>to <00:25:09.418>the <00:25:09.545>orders <00:25:09.672>list. <00:25:09.800>There's

512
00:25:11.400 --> 00:25:14.900
<00:25:11.400>the <00:25:11.575>table <00:25:11.750>with <00:25:11.925>all <00:25:12.100>the <00:25:12.275>information. <00:25:12.450>Okay, <00:25:12.625>cool. <00:25:12.800>We

513
00:25:14.900 --> 00:25:15.100
<00:25:14.900>got <00:25:15.080>it.

514
00:25:16.200 --> 00:25:19.300
<00:25:16.200>Then <00:25:16.400>when <00:25:16.600>we <00:25:16.800>click <00:25:17.000>once <00:25:17.200>we <00:25:17.400>have <00:25:17.600>clicked

515
00:25:19.300 --> 00:25:22.300
<00:25:19.300>on <00:25:19.440>the <00:25:19.580>on <00:25:19.720>The <00:25:19.860>View <00:25:20.000>details, <00:25:20.139>we <00:25:20.280>are <00:25:20.419>no <00:25:20.560>longer <00:25:20.700>in

516
00:25:22.300 --> 00:25:26.000
<00:25:22.300>the <00:25:22.440>dashboard. <00:25:22.580>So <00:25:22.720>the <00:25:22.860>dashboard <00:25:23.000>is <00:25:23.139>not <00:25:23.280>in <00:25:23.419>the <00:25:23.560>document <00:25:23.700>when

517
00:25:25.200 --> 00:25:28.100
<00:25:25.200>you <00:25:25.340>get <00:25:25.480>out <00:25:25.620>of <00:25:25.760>it <00:25:25.900>or <00:25:26.040>when <00:25:26.180>you <00:25:26.320>get <00:25:26.460>into <00:25:26.600>the

518
00:25:28.100 --> 00:25:31.200
<00:25:28.100>The <00:25:28.274>Details <00:25:28.449>page <00:25:28.625>The <00:25:28.800>Details <00:25:28.975>page <00:25:29.149>is <00:25:29.324>in <00:25:29.500>the

519
00:25:31.200 --> 00:25:34.300
<00:25:31.200>document. <00:25:31.375>It's <00:25:31.550>in <00:25:31.725>the <00:25:31.900>HTC <00:25:32.075>HTML <00:25:32.250>that's <00:25:32.425>being <00:25:32.600>rendered.

520
00:25:34.900 --> 00:25:37.500
<00:25:34.900>When <00:25:35.100>you <00:25:35.300>click <00:25:35.500>the <00:25:35.700>back <00:25:35.900>button, <00:25:36.100>of <00:25:36.300>course,

521
00:25:37.500 --> 00:25:40.300
<00:25:37.500>you <00:25:37.675>are <00:25:37.850>taken <00:25:38.025>back <00:25:38.200>to <00:25:38.375>the <00:25:38.550>to <00:25:38.725>the <00:25:38.900>dashboard

522
00:25:40.300 --> 00:25:41.000
<00:25:40.300>where <00:25:40.510>you <00:25:40.720>were <00:25:40.930>before.

523
00:25:41.800 --> 00:25:44.500
<00:25:41.800>And <00:25:42.080>then <00:25:42.360>finally <00:25:42.639>that <00:25:42.919>completes <00:25:43.200>the

524
00:25:44.500 --> 00:25:47.800
<00:25:44.500>user <00:25:44.733>journey <00:25:44.966>and <00:25:45.200>the <00:25:45.433>test <00:25:45.666>for <00:25:45.900>me

525
00:25:47.800 --> 00:25:50.300
<00:25:47.800>one <00:25:47.975>of <00:25:48.149>the <00:25:48.325>greatest <00:25:48.500>things <00:25:48.675>about <00:25:48.850>about <00:25:49.024>using <00:25:49.200>the

526
00:25:50.300 --> 00:25:54.700
<00:25:50.300>react <00:25:50.475>testing <00:25:50.649>Library <00:25:50.825>alongside <00:25:51.000>with <00:25:51.175>all <00:25:51.350>the <00:25:51.524>the <00:25:51.700>digest

527
00:25:53.700 --> 00:25:56.500
<00:25:53.700>extended <00:25:54.400>queries <00:25:55.100>is

528
00:25:56.500 --> 00:25:59.800
<00:25:56.500>that <00:25:56.655>the <00:25:56.811>tests <00:25:56.966>are <00:25:57.122>very <00:25:57.277>easy <00:25:57.433>to <00:25:57.588>read <00:25:57.744>at <00:25:57.900>a

529
00:25:59.800 --> 00:26:02.600
<00:25:59.800>glance <00:25:59.975>you <00:26:00.149>get <00:26:00.325>to <00:26:00.500>see <00:26:00.675>what <00:26:00.850>you're <00:26:01.024>expecting <00:26:01.200>what

530
00:26:02.600 --> 00:26:05.400
<00:26:02.600>the <00:26:02.740>code <00:26:02.879>is <00:26:03.020>doing <00:26:03.159>what <00:26:03.300>the <00:26:03.439>behavior <00:26:03.580>should <00:26:03.719>be <00:26:03.860>and <00:26:04.000>that

531
00:26:05.400 --> 00:26:08.200
<00:26:05.400>is <00:26:05.516>something <00:26:05.633>that <00:26:05.750>is <00:26:05.866>of <00:26:05.983>a <00:26:06.100>lot <00:26:06.216>of <00:26:06.333>value <00:26:06.450>when <00:26:06.566>you <00:26:06.683>are <00:26:06.800>on

532
00:26:08.200 --> 00:26:11.300
<00:26:08.200>boarding <00:26:08.340>new <00:26:08.480>people <00:26:08.620>on <00:26:08.760>on <00:26:08.900>your <00:26:09.040>team <00:26:09.180>and <00:26:09.320>on <00:26:09.460>the <00:26:09.600>technology.

533
00:26:12.600 --> 00:26:15.800
<00:26:12.600>So <00:26:12.800>to <00:26:13.000>wrap <00:26:13.199>up <00:26:13.399>when <00:26:13.600>you <00:26:13.800>use <00:26:14.000>extreme

534
00:26:15.800 --> 00:26:19.200
<00:26:15.800>programming <00:26:16.149>with <00:26:16.500>atomic <00:26:16.850>design <00:26:17.200>combined

535
00:26:18.200 --> 00:26:21.400
<00:26:18.200>with <00:26:18.433>the <00:26:18.666>micro <00:26:18.900>front <00:26:19.133>ends <00:26:19.366>for <00:26:19.600>me.

536
00:26:21.400 --> 00:26:23.500
<00:26:21.400>That's <00:26:21.680>where <00:26:21.960>the <00:26:22.240>Sweet <00:26:22.520>Spot <00:26:22.800>lies.

537
00:26:23.900 --> 00:26:26.700
<00:26:23.900>It <00:26:24.133>allows <00:26:24.366>us <00:26:24.600>to <00:26:24.833>independently <00:26:25.066>deliver <00:26:25.300>high

538
00:26:26.700 --> 00:26:29.400
<00:26:26.700>quality <00:26:26.980>software <00:26:27.260>that <00:26:27.540>gets <00:26:27.820>composed <00:26:28.100>into

539
00:26:29.400 --> 00:26:30.200
<00:26:29.400>a <00:26:29.760>greater <00:26:30.120>whole

540
00:26:31.100 --> 00:26:34.400
<00:26:31.100>featuring <00:26:31.333>consistent <00:26:31.566>and <00:26:31.800>solid <00:26:32.033>uis <00:26:32.266>at <00:26:32.500>a

541
00:26:34.400 --> 00:26:37.200
<00:26:34.400>faster <00:26:34.600>Pace <00:26:34.800>than <00:26:35.000>ever <00:26:35.200>before <00:26:35.400>in <00:26:35.600>any <00:26:35.800>day

542
00:26:37.200 --> 00:26:37.500
<00:26:37.200>of <00:26:37.335>the <00:26:37.470>week.

543
00:26:38.300 --> 00:26:39.500
<00:26:38.300>including <00:26:39.380>Fridays

544
00:26:40.500 --> 00:26:41.100
<00:26:40.500>Thank <00:26:40.680>you <00:26:40.860>very <00:26:41.040>much.