1
00:00:01,130 --> 00:00:03,650
‫Instructeur : remplissons maintenant chacun des éléments de

2
00:00:03,650 --> 00:00:06,583
‫la carte avec les données correctes pour chacune des visites.

3
00:00:08,210 --> 00:00:09,870
‫Donc, juste pour récapituler rapidement.

4
00:00:09,870 --> 00:00:13,690
‫Dans une dernière vidéo, nous avons commencé par créer cet élément

5
00:00:13,690 --> 00:00:17,220
‫principal et un élément de conteneur à l'intérieur d'un conteneur

6
00:00:17,220 --> 00:00:19,070
‫div, puis à l'intérieur

7
00:00:19,070 --> 00:00:21,670
‫de ce conteneur, nous voulons un de ces

8
00:00:21,670 --> 00:00:24,740
‫éléments de carte pour chacune des visites du tableau

9
00:00:24,740 --> 00:00:26,850
‫que nous transmettons à ce modèle.

10
00:00:26,850 --> 00:00:29,720
‫Et pour cela, nous utilisons un tableau Pug qui

11
00:00:29,720 --> 00:00:30,930
‫fonctionne comme ceci.

12
00:00:30,930 --> 00:00:33,270
‫Alors, quel est chaque mot-clé

13
00:00:33,270 --> 00:00:37,580
‫ici et le résultat de cela ressemblait à ceci, très bien.

14
00:00:37,580 --> 00:00:40,010
‫Et donc ce que nous allons faire

15
00:00:40,010 --> 00:00:43,773
‫maintenant, c'est essentiellement remplir chacune de ces cartes ici avec les données réelles.

16
00:00:45,610 --> 00:00:48,223
‫Et commençons ici par le nom de la tournée.

17
00:00:49,940 --> 00:00:52,760
‫Alors, rappelez-vous comment nous mettons la valeur d'une variable à

18
00:00:52,760 --> 00:00:53,983
‫l'intérieur d'un élément.

19
00:00:55,200 --> 00:00:58,970
‫Eh bien, nous utilisons égal et puis dans ce cas, tour.

20
00:00:58,970 --> 00:01:00,310
‫Donc, le nom de

21
00:01:00,310 --> 00:01:03,370
‫la variable dans l'itération de la boucle actuelle, à droite.

22
00:01:03,370 --> 00:01:08,270
‫Et donc c'est un document de visite et puis le nom du point, rappelez-vous.

23
00:01:08,270 --> 00:01:11,300
‫Alors, vérifions cela dans la boussole très rapidement.

24
00:01:11,300 --> 00:01:12,900
‫Donc, ici, nous avons quatre

25
00:01:12,900 --> 00:01:14,283
‫tournées et ce sont

26
00:01:14,283 --> 00:01:17,680
‫donc toutes les données dont nous allons avoir besoin maintenant, d'accord.

27
00:01:17,680 --> 00:01:21,080
‫Et en commençant par le nom ici, d'accord.

28
00:01:21,080 --> 00:01:23,930
‫Et donc si nous rechargeons maintenant notre page, cela devrait en

29
00:01:23,930 --> 00:01:25,203
‫fait être reflété ici.

30
00:01:26,670 --> 00:01:30,350
‫Et c'est donc là que la magie commence et que cela a fonctionné.

31
00:01:30,350 --> 00:01:32,740
‫Et c'est donc la première fois que nous voyons

32
00:01:32,740 --> 00:01:35,470
‫vraiment les données de la base de données être réellement

33
00:01:35,470 --> 00:01:37,240
‫rendues sur le site Web.

34
00:01:37,240 --> 00:01:41,490
‫Donc, ici, nous avons le nom de chacune des tournées

35
00:01:41,490 --> 00:01:46,170
‫et encore une fois, cela sort maintenant directement de notre base de données.

36
00:01:46,170 --> 00:01:49,270
‫Donc, fantastique, c'est vraiment cool

37
00:01:49,270 --> 00:01:53,240
‫et continuons maintenant à construire cette carte.

38
00:01:53,240 --> 00:01:55,460
‫Donc, ici à propos de l'image maintenant.

39
00:01:55,460 --> 00:01:59,600
‫Mettons également le texte alternatif au nom de la tournée.

40
00:01:59,600 --> 00:02:02,530
‫Maintenant, nous ne pouvons pas simplement mettre un nom de point de tournée

41
00:02:03,490 --> 00:02:05,190
‫ici car nous sommes à l'intérieur d'une chaîne

42
00:02:05,190 --> 00:02:06,770
‫et cela ne fonctionne donc pas.

43
00:02:06,770 --> 00:02:07,730
‫Maintenant, en

44
00:02:07,730 --> 00:02:09,570
‫même temps, si nous le

45
00:02:09,570 --> 00:02:13,270
‫faisons comme ça, cela ne fonctionnera pas non plus car ici,

46
00:02:13,270 --> 00:02:16,220
‫cet Alt attend en fait une chaîne, d'accord.

47
00:02:16,220 --> 00:02:19,350
‫Nous avons donc besoin de quelques guillemets ici autour de cette variable.

48
00:02:19,350 --> 00:02:21,230
‫Et donc, le moyen le plus simple

49
00:02:21,230 --> 00:02:24,093
‫de le faire est d'utiliser des chaînes de modèle ES6, d'accord.

50
00:02:27,700 --> 00:02:30,840
‫Donc, juste comme ceci et encore, c'est parce

51
00:02:30,840 --> 00:02:34,620
‫que cela s'attend en fait à ce qu'une chaîne soit entrée

52
00:02:34,620 --> 00:02:38,320
‫et donc avec cela, bien sûr, nous créons une chaîne.

53
00:02:38,320 --> 00:02:42,450
‫Ensuite, spécifions l'image ici, d'accord.

54
00:02:42,450 --> 00:02:45,720
‫Alors, jetons à nouveau un coup d'œil à

55
00:02:45,720 --> 00:02:49,827
‫la boussole pour voir à quoi ressemble cette image de couverture.

56
00:02:49,827 --> 00:02:52,550
‫Et donc nous avons une propriété appelée image

57
00:02:52,550 --> 00:02:55,960
‫cover et ici nous n'avons que le nom de l'image elle-même.

58
00:02:55,960 --> 00:02:57,760
‫Donc, pas le chemin vers l'image. = et

59
00:02:57,760 --> 00:03:01,200
‫de sorte que nous devrons en fait spécifier manuellement, d'accord.

60
00:03:01,200 --> 00:03:03,300
‫Donc, mais ce qui compte ici, c'est que cela

61
00:03:03,300 --> 00:03:04,603
‫s'appelle une couverture d'image.

62
00:03:05,700 --> 00:03:07,500
‫Et donc débarrassons-nous de tout cela.

63
00:03:08,740 --> 00:03:11,730
‫Commencez par créer une chaîne de modèle,

64
00:03:11,730 --> 00:03:16,170
‫puis faites le tour de la couverture de l'image par points et

65
00:03:17,160 --> 00:03:18,480
‫nous devons maintenant

66
00:03:18,480 --> 00:03:21,700
‫déterminer le chemin complet vers cette image, d'accord.

67
00:03:21,700 --> 00:03:24,480
‫Et comme nous le savons déjà, les données d'image

68
00:03:24,480 --> 00:03:26,430
‫se trouvent dans le dossier public.

69
00:03:26,430 --> 00:03:28,820
‫Donc, le dossier à partir duquel tous les

70
00:03:28,820 --> 00:03:30,400
‫actifs statiques vont être

71
00:03:30,400 --> 00:03:32,790
‫servis et donc ici, nous avons des images.

72
00:03:32,790 --> 00:03:34,130
‫Et puis nous avons un dossier.

73
00:03:34,130 --> 00:03:37,833
‫Un pour les visites et un pour les utilisateurs, d'accord.

74
00:03:39,197 --> 00:03:41,700
‫Et donc à l'intérieur de chacune de ces

75
00:03:41,700 --> 00:03:45,423
‫visites, nous avons ensuite les trois images et une photo de couverture.

76
00:03:46,330 --> 00:03:49,120
‫Donc, ça va ressembler à quelque chose comme ça.

77
00:03:49,120 --> 00:03:54,120
‫Et donc le chemin ici est des visites de points d'image ou des visites de barres

78
00:03:56,230 --> 00:03:59,863
‫obliques, puis une barre oblique du nom de l'image, super.

79
00:04:00,750 --> 00:04:04,270
‫Cela devrait donc rendre les

80
00:04:04,270 --> 00:04:08,560
‫sites Web entiers encore plus beaux maintenant, oui.

81
00:04:08,560 --> 00:04:11,770
‫Maintenant, ça commence vraiment à prendre vie.

82
00:04:11,770 --> 00:04:13,730
‫Alors, c'est fantastique.

83
00:04:13,730 --> 00:04:15,460
‫Cela me fait vraiment du bien à

84
00:04:15,460 --> 00:04:16,993
‫chaque fois que cela fonctionne.

85
00:04:18,090 --> 00:04:21,260
‫Quoi qu'il en soit, occupons-nous maintenant du reste des

86
00:04:21,260 --> 00:04:23,010
‫données qui, bien sûr,

87
00:04:23,010 --> 00:04:26,680
‫ont toujours la même apparence sur toutes ces cartes, d'accord.

88
00:04:26,680 --> 00:04:29,550
‫Et donc utilisons maintenant les données de notre collection

89
00:04:29,550 --> 00:04:31,600
‫pour construire cette chaîne ici.

90
00:04:31,600 --> 00:04:33,550
‫Donc, vous voyez qu'il s'agit en fait

91
00:04:33,550 --> 00:04:35,010
‫d'une combinaison de données différentes.

92
00:04:35,010 --> 00:04:38,630
‫Donc, nous avons la difficulté et la durée du tour et

93
00:04:38,630 --> 00:04:41,710
‫créons donc ici maintenant une chaîne de modèle.

94
00:04:41,710 --> 00:04:46,093
‫Donc, attribuez essentiellement cette chaîne de modèle à cet élément.

95
00:04:48,100 --> 00:04:53,083
‫Et donc nous commençons ici avec la difficulté du point de

96
00:04:54,410 --> 00:04:59,410
‫visite, rappelez-vous, puis l'espace et ensuite la durée de la visite,

97
00:05:01,090 --> 00:05:05,763
‫la durée du point de la visite d'une journée, d'accord.

98
00:05:10,400 --> 00:05:14,030
‫C'est donc la traduction de ce contenu.

99
00:05:14,030 --> 00:05:18,413
‫Ensuite, nous avons ici le résumé de la tournée, d'accord.

100
00:05:19,700 --> 00:05:24,700
‫Donc, résumé des points du tour égal, d'accord.

101
00:05:26,520 --> 00:05:29,870
‫Ensuite, nous avons le lieu de départ et donc cette tournée

102
00:05:29,870 --> 00:05:31,720
‫par exemple commence à Banff Canada

103
00:05:31,720 --> 00:05:34,470
‫et donc encore une fois jetons un coup d'œil

104
00:05:34,470 --> 00:05:36,520
‫à la boussole ici juste pour voir

105
00:05:36,520 --> 00:05:38,520
‫à quoi ressemblent les données ou en

106
00:05:38,520 --> 00:05:40,740
‫fait nous n'avons pas besoin de toujours basculer

107
00:05:40,740 --> 00:05:42,520
‫d'avant en arrière boussole.

108
00:05:42,520 --> 00:05:46,340
‫Nous pouvons également simplement ouvrir ou importer des données ici.

109
00:05:49,170 --> 00:05:52,850
‫Ainsi, lors des tournées, nous pouvons simplement utiliser ces données

110
00:05:52,850 --> 00:05:55,980
‫ici au lieu de toujours utiliser la boussole.

111
00:05:55,980 --> 00:05:57,810
‫Donc, avant d'utiliser le résumé maintenant,

112
00:05:57,810 --> 00:06:00,400
‫allons de l'avant et utilisons l'emplacement de départ qui

113
00:06:01,600 --> 00:06:03,040
‫est en fait ici.

114
00:06:03,040 --> 00:06:07,083
‫Donc, maintenant, nous voulons une description du point de l'emplacement de départ, d'accord.

115
00:06:09,570 --> 00:06:14,570
‫Donc, la description du point de l'emplacement de départ du point de visite.

116
00:06:17,630 --> 00:06:19,090
‫Et maintenant, vous commencez

117
00:06:19,090 --> 00:06:21,480
‫à comprendre pourquoi il était logique de

118
00:06:21,480 --> 00:06:24,450
‫créer toutes ces données différentes que nous avons créées ici.

119
00:06:24,450 --> 00:06:28,010
‫Bon, nous allons ensuite utiliser pour commencer les dates et

120
00:06:28,010 --> 00:06:29,520
‫donc garder à l'esprit.

121
00:06:29,520 --> 00:06:32,010
‫Que c'est un tableau, d'accord.

122
00:06:32,010 --> 00:06:34,900
‫Parce que maintenant, ce que nous voulons dans

123
00:06:34,900 --> 00:06:38,680
‫notre aperçu, c'est essentiellement la date de début de la prochaine tournée.

124
00:06:38,680 --> 00:06:41,710
‫C'est donc ce que signifie l'icône avec un calendrier

125
00:06:41,710 --> 00:06:42,923
‫dans ce cas.

126
00:06:44,260 --> 00:06:46,470
‫Donc, c'est essentiellement le

127
00:06:46,470 --> 00:06:50,710
‫premier élément de ce tableau de dates de début.

128
00:06:50,710 --> 00:06:55,680
‫Donc, commencez les dates à la position 0.

129
00:06:55,680 --> 00:06:59,960
‫Ensuite, nous avons cette donnée qui indique combien d'arrêts il

130
00:06:59,960 --> 00:07:02,320
‫y a dans ces circuits.

131
00:07:02,320 --> 00:07:03,670
‫Et donc fondamentalement,

132
00:07:03,670 --> 00:07:06,000
‫cela signifie combien d'emplacements nous avons

133
00:07:06,000 --> 00:07:09,210
‫et donc encore une fois, nous allons utiliser les

134
00:07:09,210 --> 00:07:11,120
‫emplacements et cette fois pas

135
00:07:11,120 --> 00:07:13,770
‫l'emplacement de départ mais vraiment ces emplacements

136
00:07:13,770 --> 00:07:17,350
‫et donc si vous voulez spécifier combien d'emplacements nous avons.

137
00:07:17,350 --> 00:07:21,493
‫Eh bien, nous devons compter la longueur de ce tableau, d'accord.

138
00:07:22,910 --> 00:07:24,560
‫Et si simple aussi.

139
00:07:24,560 --> 00:07:27,370
‫Donc, égalisez puis définissez-le sur cette chaîne

140
00:07:27,370 --> 00:07:29,830
‫de modèle car nous voulons

141
00:07:31,840 --> 00:07:36,807
‫également ajouter cet arrêt et ainsi les emplacements des points de tournée, la

142
00:07:42,850 --> 00:07:45,740
‫longueur des points, les arrêts et enfin le

143
00:07:45,740 --> 00:07:49,070
‫nombre de personnes faisant partie de chacun des groupes.

144
00:07:49,070 --> 00:07:52,990
‫Donc, les personnes qui peuvent participer à une tournée et

145
00:07:52,990 --> 00:07:55,110
‫qui sont stockées dans la

146
00:07:56,750 --> 00:08:00,053
‫tournée mais la taille maximale du groupe, souvenez-vous.

147
00:08:02,440 --> 00:08:03,953
‫Et puis les gens.

148
00:08:05,950 --> 00:08:08,990
‫Super, donc cette partie est terminée maintenant

149
00:08:08,990 --> 00:08:12,550
‫et revenons donc à notre site Web et

150
00:08:12,550 --> 00:08:13,743
‫testons cela.

151
00:08:15,270 --> 00:08:20,150
‫Et oui belle au moins presque belle parce que ce rendez-vous

152
00:08:20,150 --> 00:08:23,030
‫a l'air un peu bizarre ici.

153
00:08:23,030 --> 00:08:28,030
‫Donc, nous voulons vraiment juste le 21 juin, donc nous n'avons pas

154
00:08:28,500 --> 00:08:30,550
‫besoin d'être si précis

155
00:08:30,550 --> 00:08:32,630
‫ici dans cet aperçu, d'accord.

156
00:08:32,630 --> 00:08:37,630
‫Et donc ce que nous voulons, c'est ressembler à juin 2021 et

157
00:08:38,200 --> 00:08:41,620
‫donc en ce moment c'est tout ce gâchis et

158
00:08:41,620 --> 00:08:43,560
‫donc réparons cela et

159
00:08:43,560 --> 00:08:45,910
‫heureusement c'est en fait très

160
00:08:45,910 --> 00:08:48,640
‫facile avec JavaScript qui inclut quelques fonctions

161
00:08:48,640 --> 00:08:51,640
‫très agréables pour travailler avec des dates.

162
00:08:51,640 --> 00:08:55,100
‫Et gardez à l'esprit que chacune de ces dates

163
00:08:55,100 --> 00:08:57,920
‫de début ici est vraiment un objet

164
00:08:57,920 --> 00:09:01,120
‫date dans une base de données et donc

165
00:09:01,120 --> 00:09:06,120
‫maintenant nous pouvons utiliser une fonction comme celle-ci pour une chaîne locale, d'accord.

166
00:09:06,510 --> 00:09:09,260
‫Donc, fondamentalement, il convertira cette date en

167
00:09:09,260 --> 00:09:11,440
‫une belle chaîne lisible

168
00:09:11,440 --> 00:09:15,580
‫et ici, nous pouvons maintenant passer une option pour la langue.

169
00:09:15,580 --> 00:09:18,080
‫Et donc c'est l'anglais pour les États-Unis

170
00:09:19,570 --> 00:09:22,580
‫et puis aussi un objet avec quelques options et

171
00:09:22,580 --> 00:09:25,481
‫donc ici nous pouvons maintenant spécifier que nous voulons

172
00:09:25,481 --> 00:09:27,093
‫qu'un mois soit long.

173
00:09:29,330 --> 00:09:31,870
‫Donc, au lieu d'une simple abréviation comme celle que

174
00:09:31,870 --> 00:09:32,940
‫nous avions ici.

175
00:09:32,940 --> 00:09:34,910
‫ainsi, un avril, un

176
00:09:34,910 --> 00:09:36,970
‫août, il l'imprimera maintenant comme ceci.

177
00:09:36,970 --> 00:09:41,560
‫Donc, vraiment le nom du mois entier et d'accord, puis

178
00:09:41,560 --> 00:09:46,557
‫dire aussi que l'année doit être numérique et si vous voulez

179
00:09:48,380 --> 00:09:50,757
‫en savoir plus sur

180
00:09:50,757 --> 00:09:55,180
‫cette fonction ici, alors allez-y et Google ça, d'accord.

181
00:09:55,180 --> 00:09:57,810
‫Alors, essayons à nouveau et

182
00:09:59,550 --> 00:10:02,930
‫maintenant ça a l'air vraiment sympa, génial.

183
00:10:02,930 --> 00:10:06,980
‫Alors, continuons et terminons cette dernière partie ici avec le

184
00:10:06,980 --> 00:10:09,723
‫prix et les détails de l'évaluation.

185
00:10:11,640 --> 00:10:14,700
‫Et donc c'est ici dans le pied de page de la

186
00:10:14,700 --> 00:10:17,150
‫carte et donc ici c'est juste le prix.

187
00:10:17,150 --> 00:10:21,240
‫Donc, égal à, laissons-le là car maintenant nous avons toujours besoin

188
00:10:21,240 --> 00:10:23,810
‫d'une chaîne de modèle car le prix

189
00:10:23,810 --> 00:10:27,910
‫n'est pas seulement ce nombre, mais en fait nous avons besoin

190
00:10:31,370 --> 00:10:34,120
‫d'un signe dollar supplémentaire ici pour le prix

191
00:10:34,120 --> 00:10:35,250
‫en dollars.

192
00:10:35,250 --> 00:10:36,433
‫Alors, celui-ci, d'accord.

193
00:10:39,620 --> 00:10:42,410
‫Ensuite, nous avons la note moyenne ici.

194
00:10:42,410 --> 00:10:45,300
‫Donc, c'est ça et nous

195
00:10:45,300 --> 00:10:50,300
‫savons déjà que cela s'appelle la note moyenne du tour.

196
00:10:51,020 --> 00:10:54,560
‫Donc, nous l'avons utilisé tellement de fois au moins je crois.

197
00:10:54,560 --> 00:10:59,240
‫Confirmons-le simplement, en fait, il s'agit de la moyenne des notes, puis

198
00:10:59,240 --> 00:11:01,490
‫de la quantité des notes.

199
00:11:01,490 --> 00:11:03,488
‫Alors, copions simplement ceci.

200
00:11:03,488 --> 00:11:05,890
‫Donc, les notes sont

201
00:11:05,890 --> 00:11:10,073
‫moyennes et maintenant, nous voulons la quantité de notes.

202
00:11:16,320 --> 00:11:19,270
‫D'accord, mais bien sûr, cela doit être une

203
00:11:23,390 --> 00:11:25,560
‫chaîne de modèle, puis définissez-la

204
00:11:25,560 --> 00:11:30,450
‫ici sur la même valeur, puis interpolez bien sûr le nom de la

205
00:11:30,450 --> 00:11:33,490
‫variable ici et maintenant, nous devons enfin créer

206
00:11:33,490 --> 00:11:36,220
‫l'URL de la page de détail, d'accord.

207
00:11:36,220 --> 00:11:39,180
‫Alors, rappelez-vous cela lorsque nous cliquons sur l'une des cartes.

208
00:11:39,180 --> 00:11:41,280
‫Cela nous amène ensuite à la

209
00:11:41,280 --> 00:11:44,550
‫page de détail et donc bien sûr ici nous devons maintenant

210
00:11:45,410 --> 00:11:48,800
‫spécifier ce lien car bien sûr cela dépendra de chaque tournée.

211
00:11:48,800 --> 00:11:52,380
‫Donc, nous voulons créer des liens vers des visites à barre oblique,

212
00:11:52,380 --> 00:11:54,760
‫puis nous rappeler comment j'ai mentionné précédemment

213
00:11:54,760 --> 00:11:57,530
‫que pour le rendu de ces pages, nous voudrons

214
00:11:57,530 --> 00:12:00,050
‫en fait interroger les visites par leur slug

215
00:12:00,050 --> 00:12:01,870
‫et non par leur ID.

216
00:12:01,870 --> 00:12:04,620
‫Comment nous l'avons fait dans

217
00:12:04,620 --> 00:12:09,620
‫l'API, d'accord, car cela rend l'URL beaucoup plus agréable, d'accord.

218
00:12:09,920 --> 00:12:11,973
‫Et donc utilisons cela ici maintenant.

219
00:12:13,430 --> 00:12:18,130
‫Alors faites le tour de dot slug et donc juste pour vous

220
00:12:18,130 --> 00:12:20,200
‫expliquer pourquoi nous commençons

221
00:12:20,200 --> 00:12:23,110
‫cette URL ici par une barre oblique.

222
00:12:23,110 --> 00:12:26,230
‫C'est parce que la construction d'une URL comme celle-ci, en

223
00:12:26,230 --> 00:12:30,140
‫commençant uniquement par la barre oblique, est appelée une URL relative et

224
00:12:30,140 --> 00:12:31,620
‫ce que cela

225
00:12:31,620 --> 00:12:35,020
‫fera, c'est qu'elle sera ensuite ajoutée à cette partie de

226
00:12:35,020 --> 00:12:36,640
‫l'URL après le nom d'hôte.

227
00:12:36,640 --> 00:12:41,540
‫Donc, cet hôte est actuellement de un à sept virgule zéro zéro un mais ce n'est

228
00:12:41,540 --> 00:12:44,170
‫pas nécessaire de le spécifier ici car

229
00:12:44,170 --> 00:12:47,710
‫encore une fois, lors de l'écriture d'une URL relative comme celle-ci,

230
00:12:47,710 --> 00:12:51,663
‫il ajoutera ce que nous avons ici à ce nom d'hôte, d'accord.

231
00:12:53,135 --> 00:12:56,490
‫Alors, rechargeons cela à nouveau et nous avons donc

232
00:12:56,490 --> 00:12:58,930
‫presque fini ici, pas tout à

233
00:12:58,930 --> 00:13:00,250
‫fait prêts.

234
00:13:00,250 --> 00:13:01,750
‫Donc, ici, vous voyez indéfini et

235
00:13:01,750 --> 00:13:03,820
‫nous avons probablement fait quelque chose de mal là-bas.

236
00:13:03,820 --> 00:13:06,490
‫Et aussi vous voyez qu'il n'y a pas

237
00:13:06,490 --> 00:13:08,650
‫d'espace ici entre le prix et

238
00:13:08,650 --> 00:13:11,440
‫le par personne et aussi ici le même maintenant.

239
00:13:11,440 --> 00:13:13,360
‫Si vous survolez ce bouton

240
00:13:13,360 --> 00:13:15,550
‫ici, puis là-bas dans le coin gauche.

241
00:13:15,550 --> 00:13:18,400
‫Donc, ici, vous verrez l'URL que nous

242
00:13:18,400 --> 00:13:19,780
‫venons de créer.

243
00:13:19,780 --> 00:13:21,040
‫Vous pouvez en

244
00:13:21,040 --> 00:13:23,010
‫fait cliquer dessus et cela nous

245
00:13:23,010 --> 00:13:25,470
‫donnera alors cette erreur car, bien sûr, nous

246
00:13:25,470 --> 00:13:27,390
‫n'avons pas encore défini cet itinéraire,

247
00:13:27,390 --> 00:13:30,660
‫mais vous voyez que cela a l'air vraiment sympa ici avec

248
00:13:30,660 --> 00:13:35,660
‫les visites qui coupent le randonneur en forêt au lieu d'avoir cet identifiant moche là-haut, d'accord .

249
00:13:35,950 --> 00:13:38,270
‫Mais de toute façon, corrigeons maintenant cet indéfini

250
00:13:38,270 --> 00:13:39,563
‫dans cet espace manquant.

251
00:13:40,610 --> 00:13:44,550
‫Alors, jetons un coup d'œil à celui-ci.

252
00:13:44,550 --> 00:13:49,270
‫Eh bien, ça a l'air correct en fait, les notes, la quantité

253
00:13:50,290 --> 00:13:54,690
‫mais bien sûr, il nous manque ce point de tournée, d'accord.

254
00:13:54,690 --> 00:13:57,770
‫Vous étiez probablement déjà en train de voir celui-là.

255
00:13:57,770 --> 00:13:59,360
‫Maintenant à propos de cet espace manquant.

256
00:13:59,360 --> 00:14:02,950
‫Il y a quelque chose de nouveau que je dois vous montrer à

257
00:14:02,950 --> 00:14:06,050
‫propos de carlin, qui est en fait ce qu'on appelle

258
00:14:07,090 --> 00:14:08,950
‫une voie ou une ligne vide.

259
00:14:08,950 --> 00:14:11,080
‫Donc, chaque fois que nous avons

260
00:14:11,080 --> 00:14:13,220
‫besoin d'un espace réel entre deux éléments

261
00:14:13,220 --> 00:14:15,610
‫de bloc en ligne qui sont ces bandes,

262
00:14:15,610 --> 00:14:17,210
‫nous devons créer manuellement

263
00:14:17,210 --> 00:14:20,840
‫cet espace en utilisant cette ligne canalisée ici comme ceci, d'accord.

264
00:14:20,840 --> 00:14:23,180
‫Et la même chose ici

265
00:14:23,180 --> 00:14:25,260
‫parce que sinon, comme

266
00:14:25,260 --> 00:14:27,660
‫nous venons de le voir,

267
00:14:27,660 --> 00:14:31,120
‫cela collera simplement tous ces éléments ensemble, d'accord.

268
00:14:31,120 --> 00:14:33,880
‫Donc, maintenant tout cela devrait être réparé

269
00:14:33,880 --> 00:14:37,260
‫et cet espace n'est toujours pas là et c'est en

270
00:14:37,260 --> 00:14:40,070
‫fait parce que nous avons oublié quelque chose.

271
00:14:40,070 --> 00:14:41,750
‫Et donc revenons

272
00:14:41,750 --> 00:14:44,080
‫en arrière et nous devons en

273
00:14:44,080 --> 00:14:47,600
‫fait ajouter manuellement cet espace vide ici et ici.

274
00:14:47,600 --> 00:14:50,290
‫Donc, cette ligne de conduite vide ici, en gros,

275
00:14:50,290 --> 00:14:53,390
‫crée un espace pour nous où nous pouvons ensuite créer du

276
00:14:53,390 --> 00:14:55,020
‫contenu en dehors d'un

277
00:14:55,020 --> 00:14:57,690
‫élément et c'est donc essentiellement ce qu'est cet espace.

278
00:14:57,690 --> 00:14:59,930
‫Donc, cet espace ici que nous venons de mettre ici.

279
00:14:59,930 --> 00:15:03,180
‫Donc, cet espace vide est un contenu qui n'est

280
00:15:03,180 --> 00:15:05,830
‫à l'intérieur d'aucun de ces deux éléments.

281
00:15:05,830 --> 00:15:08,690
‫Et donc encore une fois, pour pouvoir le faire, c'est pour

282
00:15:08,690 --> 00:15:10,880
‫cela que nous avons besoin de ce pipeline.

283
00:15:10,880 --> 00:15:13,423
‫Donc, ces deux pipelines.

284
00:15:14,960 --> 00:15:17,020
‫Alors, réessayez et maintenant, en

285
00:15:17,020 --> 00:15:18,870
‫effet, voici l'espace

286
00:15:18,870 --> 00:15:21,670
‫que nous venons de créer, parfait.

287
00:15:21,670 --> 00:15:25,010
‫Et avec cela, nous terminons en fait cette conférence

288
00:15:25,010 --> 00:15:28,140
‫et ce premier site Web ou partie du

289
00:15:28,140 --> 00:15:32,110
‫site Web d'une apparence époustouflante que nous venons de construire ensemble ici.

290
00:15:32,110 --> 00:15:35,651
‫Alors, un moment pour apprécier à quel point c'est

291
00:15:35,651 --> 00:15:38,280
‫vraiment cool et aussi comment tout

292
00:15:38,280 --> 00:15:42,340
‫ce code que nous avons écrit ensemble fonctionne réellement, d'accord.

293
00:15:42,340 --> 00:15:44,560
‫Et ensuite, revenez tout de suite pour

294
00:15:44,560 --> 00:15:47,693
‫que nous puissions construire ensemble la page d'aperçu de la tournée.