1
00:00:01,200 --> 00:00:03,310
‫Instructeur : Passons maintenant à la première

2
00:00:03,310 --> 00:00:06,860
‫partie de la création du site Web de la ferme de

3
00:00:06,860 --> 00:00:08,830
‫nœuds dynamique en créant simplement

4
00:00:08,830 --> 00:00:11,083
‫les modèles qui contiendront les données réelles.

5
00:00:12,890 --> 00:00:15,590
‫Et rappelez-vous que notre objectif est de créer ce

6
00:00:15,590 --> 00:00:19,260
‫genre de site Web dynamique où nous avons une vue d'ensemble où

7
00:00:19,260 --> 00:00:21,130
‫nous avons tous les produits, puis

8
00:00:21,130 --> 00:00:24,060
‫chaque produit a sa page de détail comme je

9
00:00:24,060 --> 00:00:25,700
‫vous l'ai montré précédemment.

10
00:00:25,700 --> 00:00:29,780
‫Et ces données ici sont bien sûr lues à partir du fichier json,

11
00:00:29,780 --> 00:00:32,660
‫donc si nous modifions le fichier json, par exemple,

12
00:00:32,660 --> 00:00:36,140
‫en supprimant l'un de ces produits puis en rechargeant cette

13
00:00:36,140 --> 00:00:38,920
‫page, alors ce produit devrait disparaître d'ici.

14
00:00:38,920 --> 00:00:42,340
‫Ou si nous avons modifié certaines de ces données ici ou le nom,

15
00:00:42,340 --> 00:00:45,600
‫eh bien, cela devrait être mis à jour ici sur le site.

16
00:00:45,600 --> 00:00:47,940
‫Encore une fois parce qu'il s'agit d'un site

17
00:00:47,940 --> 00:00:51,073
‫Web dynamique construit à partir des données contenues dans le fichier json.

18
00:00:51,930 --> 00:00:52,830
‫Donc, comme

19
00:00:52,830 --> 00:00:55,540
‫je l'ai mentionné, la première étape consiste à créer

20
00:00:55,540 --> 00:00:57,930
‫ces modèles, un pour cette page de

21
00:00:57,930 --> 00:01:00,960
‫présentation et un pour la page de détail du produit.

22
00:01:00,960 --> 00:01:03,773
‫Et nous allons commencer par la page de détail, et

23
00:01:04,990 --> 00:01:06,540
‫je vais créer ces modèles

24
00:01:06,540 --> 00:01:09,250
‫en fonction de ces pages Web de données que nous

25
00:01:09,250 --> 00:01:11,220
‫avons ici dans le dossier des modèles.

26
00:01:11,220 --> 00:01:12,850
‫Jetons donc un œil à eux.

27
00:01:12,850 --> 00:01:16,030
‫Nous avons donc une vue d'ensemble et un produit, et encore une fois,

28
00:01:16,030 --> 00:01:19,610
‫nous allons commencer par le produit. html.

29
00:01:19,610 --> 00:01:22,950
‫Nous avons donc ici le nom du produit puis cette

30
00:01:22,950 --> 00:01:26,923
‫image ici qui est en fait un emoji, mais cela n'a pas vraiment d'importance.

31
00:01:27,880 --> 00:01:30,210
‫Donc, au lieu d'avoir à demander les

32
00:01:30,210 --> 00:01:33,000
‫vraies images pour tous ces différents produits, j'ai

33
00:01:33,000 --> 00:01:34,590
‫choisi d'utiliser des emojis.

34
00:01:34,590 --> 00:01:36,210
‫C'est beaucoup plus facile.

35
00:01:36,210 --> 00:01:37,860
‫Même chose en fait pour le style.

36
00:01:37,860 --> 00:01:42,040
‫J'ai donc tout le style CSS intégré dans les pages html afin que

37
00:01:42,040 --> 00:01:44,470
‫nous n'ayons pas à faire plusieurs

38
00:01:44,470 --> 00:01:47,500
‫demandes pour obtenir ces différentes données, n'est-ce pas ?

39
00:01:47,500 --> 00:01:48,450
‫Parce qu'en

40
00:01:48,450 --> 00:01:53,144
‫fait, chaque fichier différent déclenchera une requête différente, d'accord ?

41
00:01:53,144 --> 00:01:55,860
‫Rappelez-vous avant où nous avons eu la demande

42
00:01:55,860 --> 00:01:58,090
‫pour l'icône cinq, n'est-ce pas ?

43
00:01:58,090 --> 00:02:02,160
‫Nous avons donc vu une demande pour la racine, donc pour la

44
00:02:02,160 --> 00:02:05,640
‫page principale, puis une demande pour cette image, et cela

45
00:02:05,640 --> 00:02:06,920
‫signifie que chaque élément,

46
00:02:06,920 --> 00:02:09,600
‫donc chaque élément faisant partie du site Web,

47
00:02:09,600 --> 00:02:10,670
‫recevra sa

48
00:02:10,670 --> 00:02:13,540
‫propre demande, et nous devra alors gérer cela,

49
00:02:13,540 --> 00:02:14,970
‫et nous ne voulons

50
00:02:14,970 --> 00:02:19,533
‫pas le faire, et j'ai donc simplement intégré le style dans ces pages html.

51
00:02:20,560 --> 00:02:25,560
‫D'accord, alors voici un tas de style, style, style, et puis

52
00:02:26,210 --> 00:02:29,073
‫ici nous avons le, eh

53
00:02:29,980 --> 00:02:33,053
‫bien, le nom du produit quelque part.

54
00:02:33,053 --> 00:02:35,090
‫Ah ouais, ici, c'est donc le nom du produit.

55
00:02:35,090 --> 00:02:38,270
‫Voici l'image du produit, qui n'est

56
00:02:38,270 --> 00:02:42,930
‫encore qu'un emoji, mais elle vient ici de ce champ d'image.

57
00:02:42,930 --> 00:02:44,693
‫Nous avons donc ce champ appelé image.

58
00:02:46,740 --> 00:02:47,630
‫Droit?

59
00:02:47,630 --> 00:02:51,780
‫Ensuite, nous avons d'où il vient, certains des ingrédients,

60
00:02:51,780 --> 00:02:56,257
‫et le prix, et aussi la description ici, d'accord ?

61
00:02:56,257 --> 00:02:59,000
‫Mais encore une fois, tout cela vient de ces différents domaines.

62
00:02:59,000 --> 00:03:01,310
‫Jetons donc un œil aux champs dont nous disposons.

63
00:03:01,310 --> 00:03:06,037
‫Donc nom du produit, image, provenance, nutriments, quantité, prix, qu'il soit

64
00:03:07,280 --> 00:03:10,323
‫bio ou non, et la description.

65
00:03:11,630 --> 00:03:14,890
‫Donc, ce que nous allons faire maintenant, c'est

66
00:03:14,890 --> 00:03:18,460
‫essentiellement remplacer tous ces éléments que nous voulons ajouter

67
00:03:18,460 --> 00:03:21,260
‫dynamiquement par un espace réservé, et

68
00:03:21,260 --> 00:03:24,320
‫nous remplacerons ensuite cet espace réservé par

69
00:03:24,320 --> 00:03:27,750
‫notre code par la vraie donnée, d'accord ?

70
00:03:27,750 --> 00:03:30,700
‫Commençons donc ici par le nom du produit,

71
00:03:30,700 --> 00:03:32,887
‫et je vais donc le

72
00:03:32,887 --> 00:03:35,330
‫supprimer, puis mettre un espace réservé ici.

73
00:03:35,330 --> 00:03:38,560
‫Et je peux faire tout ce que je veux pour un espace réservé.

74
00:03:38,560 --> 00:03:42,730
‫J'aime juste aller dans ce cas avec quelque chose comme ça.

75
00:03:42,730 --> 00:03:43,563
‫Donc...

76
00:03:45,930 --> 00:03:50,930
‫Nom du produit, puis pourcentage, puis les accolades.

77
00:03:51,050 --> 00:03:53,740
‫Encore une fois, cela pourrait être tout ce que

78
00:03:53,740 --> 00:03:55,270
‫nous voulions, mais nous

79
00:03:55,270 --> 00:03:57,660
‫voulons trouver quelque chose qui n'est probablement

80
00:03:57,660 --> 00:04:00,620
‫pas sur la page afin de ne rien remplacer

81
00:04:00,620 --> 00:04:05,120
‫de mal donc tout ce que nous ne voulons pas réellement remplacer, d'accord ?

82
00:04:05,120 --> 00:04:08,570
‫Et je pourrais mettre quelque chose comme ça ici, d'accord ?

83
00:04:08,570 --> 00:04:12,260
‫Et puis remplacez tout ça, mais je pense que, comme ça,

84
00:04:12,260 --> 00:04:15,383
‫ça a l'air sympa, et c'est facile à reconnaître.

85
00:04:16,460 --> 00:04:19,550
‫Et donc tout ce que nous avons à faire

86
00:04:21,290 --> 00:04:23,630
‫est d'aller de l'avant et de

87
00:04:23,630 --> 00:04:28,050
‫mettre tout cela ici, et je vais ensuite remplacer, bien sûr, ces noms.

88
00:04:28,050 --> 00:04:29,963
‫Nous avons donc ici les nutriments.

89
00:04:32,750 --> 00:04:35,133
‫Ici, nous avons la quantité.

90
00:04:37,380 --> 00:04:39,293
‫Et là j'ai le prix.

91
00:04:41,450 --> 00:04:43,673
‫Ici, nous avons à nouveau le prix, voyez-vous.

92
00:04:45,410 --> 00:04:48,380
‫Et le prix n'est que le nombre, d'accord ?

93
00:04:48,380 --> 00:04:51,280
‫Le signe de l'euro ici reste juste là

94
00:04:51,280 --> 00:04:55,630
‫parce que le prix que nous avons n'est en fait qu'un nombre.

95
00:04:55,630 --> 00:04:59,470
‫Jetons un coup d'œil à cela ici en json.

96
00:04:59,470 --> 00:05:02,840
‫Nous n'en avons donc que 6. 50 mais pas la monnaie.

97
00:05:02,840 --> 00:05:07,240
‫Et en fait la même chose ici, alors saisissons-la et

98
00:05:07,240 --> 00:05:10,510
‫copions-la ici très rapidement, et oui, en fait,

99
00:05:10,510 --> 00:05:12,960
‫j'ai oublié de remplacer celle-ci, donc

100
00:05:12,960 --> 00:05:14,763
‫c'est la source.

101
00:05:16,920 --> 00:05:21,440
‫Et écrivons à partir de, pas en majuscules, pour que ce texte

102
00:05:21,440 --> 00:05:23,850
‫ait un peu plus de sens.

103
00:05:23,850 --> 00:05:28,320
‫Ainsi, par exemple, du Portugal ou d'Espagne ou autre.

104
00:05:28,320 --> 00:05:29,643
‫Oh, qu'est-ce que c'est ici ?

105
00:05:30,970 --> 00:05:35,380
‫D'accord, je suppose que je viens d'écrire au milieu du nom du produit.

106
00:05:35,380 --> 00:05:36,363
‫Donc nutriments.

107
00:05:39,861 --> 00:05:40,694
‫D'accord.

108
00:05:40,694 --> 00:05:44,030
‫Oh, et ici, nous avons, bien sûr, la description,

109
00:05:44,030 --> 00:05:45,320
‫alors remplaçons-la également.

110
00:05:45,320 --> 00:05:49,020
‫Oh, bien sûr, j'ai besoin de récupérer celui-ci

111
00:05:49,980 --> 00:05:50,820
‫et

112
00:05:51,850 --> 00:05:53,573
‫donc la description.

113
00:05:55,210 --> 00:05:58,963
‫Ensuite, nous avons ces images, donc l'avocat, et donc

114
00:06:00,070 --> 00:06:03,050
‫j'appuie sur quelques commandes V, je les

115
00:06:03,050 --> 00:06:07,060
‫colle ici, et je peux donc les éditer ici en

116
00:06:07,060 --> 00:06:08,363
‫même temps.

117
00:06:11,660 --> 00:06:16,660
‫D'accord, puis l'image et, oh, quelque chose ici dans le titre.

118
00:06:16,680 --> 00:06:20,500
‫Nous voulons également remplacer l'image ici et le nom

119
00:06:20,500 --> 00:06:22,083
‫du produit également.

120
00:06:23,030 --> 00:06:23,963
‫Donc.

121
00:06:27,510 --> 00:06:28,650
‫Nom du

122
00:06:29,930 --> 00:06:31,640
‫produit ici et

123
00:06:31,640 --> 00:06:36,640
‫ici l'image pour que celui-ci soit également remplacé dynamiquement.

124
00:06:36,840 --> 00:06:39,550
‫Très bien, maintenant encore une chose qui est

125
00:06:40,890 --> 00:06:42,563
‫un peu plus complexe.

126
00:06:43,870 --> 00:06:44,980
‫Où est-ce?

127
00:06:44,980 --> 00:06:46,290
‫Très bien, c'est ici.

128
00:06:46,290 --> 00:06:49,860
‫Ainsi, certains produits sont biologiques et d'autres non.

129
00:06:49,860 --> 00:06:53,210
‫Et donc il y a une classe dans le CSS

130
00:06:53,210 --> 00:06:58,200
‫qui sera ajoutée à tous ces éléments quand ils ne sont pas organiques, d'accord ?

131
00:06:58,200 --> 00:07:00,430
‫C'est donc cette classe ici.

132
00:07:00,430 --> 00:07:03,680
‫Donc quand ce n'est pas bio, alors ça ne doit pas être

133
00:07:03,680 --> 00:07:05,383
‫affiché, donc ce badge bio ici.

134
00:07:06,460 --> 00:07:08,930
‫Et juste pour vous montrer de quoi

135
00:07:08,930 --> 00:07:12,790
‫je parle, le badge bio est ce truc ici, d'accord ?

136
00:07:12,790 --> 00:07:14,830
‫Donc, nous ne voulons pas

137
00:07:14,830 --> 00:07:19,530
‫afficher cela au cas où il serait faux dans le json, donc ce

138
00:07:19,530 --> 00:07:22,660
‫que nous allons faire ici est d'ajouter un autre

139
00:07:22,660 --> 00:07:25,433
‫espace réservé ici ou à l'intérieur de

140
00:07:26,360 --> 00:07:29,410
‫la classe, et donc je vais appeler celui-ci non

141
00:07:30,370 --> 00:07:31,203
‫organique .

142
00:07:32,340 --> 00:07:34,280
‫Et vous verrez pourquoi un peu plus tard, d'accord ?

143
00:07:34,280 --> 00:07:38,650
‫Lorsque nous le remplacerons, cela aura un peu plus de sens pour vous.

144
00:07:38,650 --> 00:07:41,890
‫Très bien, donc je pense que celui-ci est

145
00:07:41,890 --> 00:07:45,313
‫terminé, et j'ai simplement écrasé tout ce que nous avions.

146
00:07:46,260 --> 00:07:48,180
‫Alors permettez-moi maintenant d'appeler

147
00:07:50,690 --> 00:07:53,110
‫ce modèle de produit, d'accord ?

148
00:07:53,110 --> 00:07:54,360
‫Donc celui-ci est fait.

149
00:07:54,360 --> 00:07:57,850
‫Passons au suivant, la vue d'ensemble.

150
00:07:57,850 --> 00:08:01,040
‫Et celui-ci va en fait être un peu différent,

151
00:08:01,040 --> 00:08:03,053
‫et laissez-moi vous montrer pourquoi.

152
00:08:04,030 --> 00:08:07,690
‫Encore une fois, nous avons tous les SCC intégrés ici,

153
00:08:07,690 --> 00:08:10,510
‫et maintenant nous avons ce conteneur

154
00:08:10,510 --> 00:08:14,640
‫de cartes, puis pour chacun des produits, nous avons une carte.

155
00:08:14,640 --> 00:08:19,373
‫Donc chacune de ces cartes ici a cette étiquette de figurine, n'est-ce pas ?

156
00:08:20,640 --> 00:08:23,050
‫Maintenant, nous ne savons pas combien

157
00:08:23,050 --> 00:08:27,280
‫de ces cartes seront ici dans cet aperçu, n'est-ce pas ?

158
00:08:27,280 --> 00:08:30,200
‫Imaginez que nous ayons 10 produits dans le json.

159
00:08:30,200 --> 00:08:32,660
‫Ensuite, nous avons besoin de 10 de ces cartes.

160
00:08:32,660 --> 00:08:34,920
‫Mais imaginez que nous n'en ayons qu'un ou deux.

161
00:08:34,920 --> 00:08:39,340
‫Bon alors, on ne veut pas toutes les 10 cartes mais seulement deux.

162
00:08:39,340 --> 00:08:42,190
‫Alors comment va-t-on faire ça ?

163
00:08:42,190 --> 00:08:46,350
‫Eh bien, nous allons en fait créer juste un autre modèle où

164
00:08:46,350 --> 00:08:49,180
‫il n'y a qu'une seule carte, et nous

165
00:08:49,180 --> 00:08:51,730
‫inclurons ensuite un de ces modèles pour

166
00:08:51,730 --> 00:08:54,230
‫chacune des cartes que nous

167
00:08:54,230 --> 00:08:57,520
‫voulons, donc chacun des produits dans le fichier json.

168
00:08:57,520 --> 00:08:59,605
‫D'accord, ça a du sens ?

169
00:08:59,605 --> 00:09:02,693
‫Appelons cela ici l'aperçu du modèle.

170
00:09:06,480 --> 00:09:09,313
‫Et je vais aller de l'avant et créer la carte modèle.

171
00:09:14,220 --> 00:09:18,690
‫Donc, ce que je vais faire ici, c'est maintenant, comme je l'ai mentionné, maintenant c'est

172
00:09:18,690 --> 00:09:19,973
‫de retour au sommet,

173
00:09:21,400 --> 00:09:24,023
‫alors je vais de l'avant et prends un chiffre.

174
00:09:24,950 --> 00:09:26,153
‫C'était trop.

175
00:09:27,290 --> 00:09:29,623
‫Et collez-le ici.

176
00:09:31,120 --> 00:09:32,823
‫Alors baissez un peu ça.

177
00:09:35,450 --> 00:09:39,493
‫D'accord, donc chaque carte a maintenant son propre chiffre.

178
00:09:41,190 --> 00:09:44,280
‫D'accord, et maintenant, ce que je vais

179
00:09:44,280 --> 00:09:47,380
‫faire, c'est supprimer toutes les cartes d'ici et

180
00:09:50,610 --> 00:09:53,283
‫créer un espace réservé ici également.

181
00:09:57,320 --> 00:10:01,360
‫Fiches produits.

182
00:10:01,360 --> 00:10:02,430
‫D'accord?

183
00:10:02,430 --> 00:10:04,970
‫Encore une fois, plus tard dans

184
00:10:04,970 --> 00:10:08,830
‫notre code, nous créerons ensuite autant de cartes que nécessaire ici.

185
00:10:08,830 --> 00:10:10,890
‫Par exemple, si nous avons

186
00:10:10,890 --> 00:10:13,660
‫cinq produits, nous créons cinq cartes comme celle-ci.

187
00:10:13,660 --> 00:10:16,780
‫Nous allons ensuite les rassembler en une

188
00:10:16,780 --> 00:10:20,090
‫seule chaîne, puis remplacer les fiches produits par

189
00:10:20,090 --> 00:10:24,320
‫cette chaîne qui contient toutes ces différentes fiches, d'accord ?

190
00:10:24,320 --> 00:10:27,563
‫Donc en fait, nous en avons fini avec celui-ci.

191
00:10:28,870 --> 00:10:29,703
‫D'accord?

192
00:10:29,703 --> 00:10:31,440
‫Parce que la plupart

193
00:10:31,440 --> 00:10:34,780
‫des choses se passent à l'intérieur de la carte modèle.

194
00:10:34,780 --> 00:10:36,910
‫Donc rien d'autre à remplacer ici.

195
00:10:36,910 --> 00:10:40,113
‫Je viens juste ici pour copier ceci ici,

196
00:10:41,780 --> 00:10:44,730
‫et maintenant c'est très simple pour

197
00:10:44,730 --> 00:10:48,190
‫nous de remplacer ce dont nous avons besoin ici.

198
00:10:48,190 --> 00:10:52,373
‫Voici donc l'image, et nous l'avons en fait deux fois.

199
00:10:54,860 --> 00:10:56,893
‫D'accord, ça le rend un peu plus joli.

200
00:10:58,270 --> 00:11:03,227
‫Image, image, alors là on a le nom du produit, tu te souviens ?

201
00:11:07,080 --> 00:11:07,990
‫Ici, à

202
00:11:07,990 --> 00:11:12,670
‫cet endroit, nous aurons à nouveau l'espace réservé non organique, et encore une fois, celui-ci

203
00:11:12,670 --> 00:11:15,943
‫aura plus de sens pour vous un peu plus tard.

204
00:11:17,470 --> 00:11:21,143
‫Plus bio, puis la quantité ici.

205
00:11:25,540 --> 00:11:27,163
‫Ensuite le prix.

206
00:11:30,210 --> 00:11:34,070
‫Nous devons donc également créer le lien ici.

207
00:11:34,070 --> 00:11:36,290
‫Donc celui-ci ici, donc l'élément

208
00:11:36,290 --> 00:11:39,460
‫A, au cas où vous n'êtes pas vraiment familier

209
00:11:39,460 --> 00:11:42,093
‫avec html, l'élément A est pour un lien.

210
00:11:43,030 --> 00:11:47,073
‫Alors laissez-moi vous le montrer dans un exemple concret.

211
00:11:48,810 --> 00:11:52,040
‫Donc, lorsque nous survolons ici ce lien,

212
00:11:52,040 --> 00:11:54,830
‫là-bas dans le coin inférieur gauche, donc

213
00:11:54,830 --> 00:11:59,000
‫ici, vous verrez qu'il s'agit d'un produit slash et que

214
00:11:59,000 --> 00:12:01,770
‫l'ID est égal à zéro.

215
00:12:01,770 --> 00:12:06,760
‫Et celui-ci est ID égal à un, ID égal à deux.

216
00:12:06,760 --> 00:12:09,480
‫D'accord, et si nous cliquons dessus, nous le voyons en fait ici.

217
00:12:09,480 --> 00:12:13,440
‫Donc, slash product puis ID est égal à zéro,

218
00:12:13,440 --> 00:12:18,440
‫et cet ID ici est exactement l'ID que nous avons dans le json.

219
00:12:19,970 --> 00:12:22,085
‫D'accord, alors celui-ci ici.

220
00:12:22,085 --> 00:12:25,900
‫Donc l'avocat en est un, le chèvre en a un.

221
00:12:25,900 --> 00:12:28,083
‫Désolé, l'avocat a zéro, bien sûr.

222
00:12:29,110 --> 00:12:33,380
‫Le brocoli en a deux et ainsi de suite.

223
00:12:33,380 --> 00:12:36,463
‫Et donc ici en fait, nous devons construire le lien.

224
00:12:38,420 --> 00:12:42,113
‫Donc produit, et bien sûr, pas en majuscule.

225
00:12:43,060 --> 00:12:46,370
‫Donc produit, et l'ID est

226
00:12:49,920 --> 00:12:51,360
‫ID.

227
00:12:51,360 --> 00:12:52,280
‫D'accord?

228
00:12:52,280 --> 00:12:56,850
‫Nous devons donc remplacer cet espace réservé d'ID ici par

229
00:12:56,850 --> 00:12:58,250
‫le bon numéro.

230
00:12:58,250 --> 00:13:02,430
‫Donc zéro, un, deux, trois, quatre, cinq, et ainsi de suite

231
00:13:02,430 --> 00:13:04,930
‫selon le nombre de produits.

232
00:13:04,930 --> 00:13:09,510
‫Alors supposons que nous ayons un fromage ici, d'accord ?

233
00:13:09,510 --> 00:13:11,050
‫Revenons ici.

234
00:13:11,050 --> 00:13:14,440
‫Eh bien, alors l'image sera celle-ci ici, le

235
00:13:14,440 --> 00:13:18,463
‫nom du produit sera celui-ci et l'ID en sera un.

236
00:13:19,400 --> 00:13:21,480
‫D'accord, et ceci ici se

237
00:13:21,480 --> 00:13:26,113
‫traduira alors en ID égal à un et à notre gestionnaire ici.

238
00:13:27,230 --> 00:13:30,950
‫Donc, ce gestionnaire de serveur ici s'occupera d'aller

239
00:13:30,950 --> 00:13:35,950
‫à la bonne page lorsque l'ID de produit est un, d'accord ?

240
00:13:36,060 --> 00:13:39,220
‫Cette logique n'est donc pas encore mise en œuvre, mais bien

241
00:13:39,220 --> 00:13:42,103
‫sûr, nous allons le faire dans les deux prochaines conférences.

242
00:13:43,010 --> 00:13:47,456
‫Nous avons donc maintenant les modèles réellement construits, et passons

243
00:13:47,456 --> 00:13:50,940
‫donc à la vidéo suivante où nous commencerons

244
00:13:50,940 --> 00:13:54,440
‫réellement à remplir les modèles et à renvoyer

245
00:13:54,440 --> 00:13:57,073
‫la page finale au navigateur.