1
00:00:01,060 --> 00:00:04,450
‫Narrateur : Donc, après le genre de cours théorique

2
00:00:04,450 --> 00:00:07,236
‫lourd, voyons maintenant http en action, effectuons

3
00:00:07,236 --> 00:00:09,640
‫quelques requêtes et examinons les réponses

4
00:00:09,640 --> 00:00:14,163
‫que nous avons obtenues en utilisant les outils de développement de nos navigateurs.

5
00:00:15,670 --> 00:00:18,260
‫J'utilise donc Google Chrome comme navigateur et je

6
00:00:18,260 --> 00:00:21,100
‫suis ici sur udemy. com.

7
00:00:21,100 --> 00:00:23,260
‫Alors, allez sur udemy. com, puis

8
00:00:23,260 --> 00:00:25,073
‫ouvrez vos outils de développement.

9
00:00:26,410 --> 00:00:31,150
‫Et j'utilise l'option de commande J pour cela sur mon Mac, sous Windows, c'est

10
00:00:31,150 --> 00:00:33,870
‫probablement Alt+Ctrl+J, ou faites simplement un clic droit

11
00:00:33,870 --> 00:00:36,100
‫n'importe où sur la page, puis cliquez

12
00:00:36,100 --> 00:00:38,260
‫sur inspecter, juste au cas

13
00:00:38,260 --> 00:00:42,100
‫où vous ne seriez pas familiarisé avec les outils de développement.

14
00:00:42,100 --> 00:00:45,120
‫Ensuite, nous allons nous diriger vers

15
00:00:45,120 --> 00:00:46,820
‫l'onglet réseau.

16
00:00:46,820 --> 00:00:49,000
‫Et puis cliquez ici sur désactiver le cache.

17
00:00:49,000 --> 00:00:51,110
‫C'est important car sinon, vous pourriez

18
00:00:51,110 --> 00:00:54,240
‫charger la page depuis votre ordinateur parce que vous

19
00:00:54,240 --> 00:00:57,310
‫êtes allé sur udemy. com avant.

20
00:00:57,310 --> 00:00:59,930
‫Bon, alors rechargeons maintenant la page,

21
00:00:59,930 --> 00:01:02,665
‫de sorte que nous allons en quelque

22
00:01:02,665 --> 00:01:06,640
‫sorte enregistrer l'activité du réseau ici dans cet onglet réseau.

23
00:01:06,640 --> 00:01:08,440
‫Alors rechargez ceci.

24
00:01:08,440 --> 00:01:11,500
‫Et maintenant, ici, nous pouvons voir toutes les demandes

25
00:01:11,500 --> 00:01:14,060
‫qui se produisent sur la page.

26
00:01:14,060 --> 00:01:18,130
‫Donc comme je vous l'ai dit, il va y avoir beaucoup de demandes pour

27
00:01:18,130 --> 00:01:20,743
‫tous les éléments qui sont sur la page.

28
00:01:21,740 --> 00:01:23,200
‫Maintenant, si nous allons vers le haut

29
00:01:23,200 --> 00:01:26,820
‫ici, le premier de tous est en fait udemy. com.

30
00:01:26,820 --> 00:01:29,870
‫Et nous pouvons voir ici le code d'état, qui est 200,

31
00:01:29,870 --> 00:01:31,550
‫comme je l'ai dit dans la

32
00:01:31,550 --> 00:01:33,040
‫dernière conférence, cela signifie d'accord.

33
00:01:33,040 --> 00:01:35,030
‫Donc tout s'est bien passé.

34
00:01:35,030 --> 00:01:37,130
‫Ensuite, la taille et le temps

35
00:01:37,130 --> 00:01:39,500
‫qu'il a fallu pour télécharger cette ressource.

36
00:01:39,500 --> 00:01:43,000
‫Mais alors, nous avons aussi toutes ces autres ressources ici

37
00:01:43,000 --> 00:01:46,220
‫comme les fichiers CSS que vous voyez ici, quelques

38
00:01:46,220 --> 00:01:48,770
‫images, des fichiers de script java

39
00:01:50,550 --> 00:01:51,970
‫comme j'ai ici.

40
00:01:51,970 --> 00:01:54,830
‫Et tout cela a en fait été initié par

41
00:01:54,830 --> 00:01:56,913
‫l'index, donc par la page racine.

42
00:01:57,820 --> 00:02:00,140
‫D'accord, nous avons udemy. com et que

43
00:02:00,140 --> 00:02:02,430
‫l'on demandera alors tous ces actifs.

44
00:02:02,430 --> 00:02:05,840
‫C'est donc l'index, donc cela ne se produit pas dans l'initiateur, et tout

45
00:02:05,840 --> 00:02:10,840
‫cela ici a été demandé par l'udemy principal. com.

46
00:02:11,340 --> 00:02:14,220
‫Maintenant, si nous cliquons sur l'une de ces

47
00:02:14,220 --> 00:02:16,730
‫ressources, faisons udemy. com d'abord.

48
00:02:16,730 --> 00:02:19,490
‫Ici, nous pouvons obtenir plus d'informations sur la demande

49
00:02:19,490 --> 00:02:20,519
‫et la réponse.

50
00:02:20,519 --> 00:02:25,470
‫Donc d'abord, la requête qui se trouve en fait en bas.

51
00:02:25,470 --> 00:02:29,040
‫Et vous verrez que la demande a été faite à udemy. com, nous avons fait

52
00:02:29,040 --> 00:02:31,100
‫une demande d'obtention, et le

53
00:02:31,100 --> 00:02:33,920
‫chemin n'était que le chemin racine, comme

54
00:02:33,920 --> 00:02:37,450
‫je vous l'ai expliqué dans la dernière vidéo, d'accord.

55
00:02:37,450 --> 00:02:39,440
‫Ensuite, nous avons un tas

56
00:02:39,440 --> 00:02:41,430
‫d'en-têtes, donc ici, par exemple,

57
00:02:41,430 --> 00:02:46,010
‫cela signifie que la page a été compressée à l'aide d'un simple gzip.

58
00:02:46,010 --> 00:02:50,050
‫En bas, vous avez un en-tête pour définir certains cookies

59
00:02:50,050 --> 00:02:51,990
‫et un tas d'autres

60
00:02:51,990 --> 00:02:54,810
‫en-têtes dont nous parlerons plus tard.

61
00:02:54,810 --> 00:02:56,970
‫C'est donc la demande, puis

62
00:02:56,970 --> 00:02:58,520
‫la réponse

63
00:02:58,520 --> 00:03:02,840
‫contient également un tas de tous ces en-têtes, d'accord.

64
00:03:02,840 --> 00:03:06,700
‫Ainsi, nous pouvons voir quand la réponse a été réellement envoyée.

65
00:03:06,700 --> 00:03:09,521
‫Nous pouvons voir un tas de cookies, ainsi

66
00:03:09,521 --> 00:03:11,820
‫que le code d'état ici,

67
00:03:11,820 --> 00:03:15,120
‫c'est donc de là que vient le code d'état 200.

68
00:03:15,120 --> 00:03:18,330
‫Et encore, un tas d'autres en-têtes, dont nous

69
00:03:18,330 --> 00:03:21,100
‫parlerons un peu plus tard, d'accord.

70
00:03:21,100 --> 00:03:22,260
‫Et la

71
00:03:22,260 --> 00:03:27,000
‫même chose, bien sûr, pour tous les autres actifs qui ont été téléchargés.

72
00:03:27,000 --> 00:03:30,180
‫Donc la réponse et la demande ici.

73
00:03:30,180 --> 00:03:32,120
‫Et cette fois, nous voyons en fait que la

74
00:03:32,120 --> 00:03:34,880
‫racine ici est toujours udemy. com, donc

75
00:03:34,880 --> 00:03:36,930
‫ce qu'ils appellent l'autorité

76
00:03:36,930 --> 00:03:39,980
‫ici, mais le chemin est alors

77
00:03:39,980 --> 00:03:41,875
‫tout cela, donc cet

78
00:03:41,875 --> 00:03:45,850
‫emplacement ici, où se trouve le fichier CSS.

79
00:03:45,850 --> 00:03:49,260
‫Et si nous parcourons maintenant quelque part ici sur cette

80
00:03:49,260 --> 00:03:52,080
‫page, disons aux cours de développement Web,

81
00:03:52,080 --> 00:03:55,253
‫eh bien, voyons ce qui se passe ici.

82
00:03:56,920 --> 00:03:59,580
‫Et, donc ici, nous avons cette

83
00:03:59,580 --> 00:04:02,810
‫page, qui est la ressource de développement Web, d'accord.

84
00:04:02,810 --> 00:04:05,690
‫Donc, fondamentalement, ce morceau ici de l'URL.

85
00:04:05,690 --> 00:04:07,620
‫N'oubliez pas que cela s'appelle une ressource,

86
00:04:07,620 --> 00:04:09,520
‫à partir de la dernière vidéo.

87
00:04:09,520 --> 00:04:11,289
‫Donc, si nous cliquons

88
00:04:11,289 --> 00:04:14,787
‫dessus, nous le verrons à nouveau ici, n'est-ce pas.

89
00:04:17,210 --> 00:04:18,120
‫Nous

90
00:04:18,120 --> 00:04:22,750
‫avons donc à nouveau udemy. com et le /coursesdevelopment/webdevelopment.

91
00:04:22,750 --> 00:04:27,040
‫C'est donc le chemin vers lequel la demande va.

92
00:04:27,040 --> 00:04:30,190
‫Ici, sur le côté gauche, nous pouvons également aimer des images

93
00:04:30,190 --> 00:04:32,460
‫de prévisualisation par exemple, ce logo ici.

94
00:04:32,460 --> 00:04:34,610
‫Lorsqu'il s'agit d'une image, nous pouvons voir

95
00:04:35,580 --> 00:04:37,790
‫l'aperçu, nous pouvons mieux voir la réponse de celle-ci.

96
00:04:37,790 --> 00:04:40,930
‫Par exemple, dans celui-ci ici, nous

97
00:04:40,930 --> 00:04:44,830
‫pouvons réellement voir la réponse html qui est revenue.

98
00:04:44,830 --> 00:04:48,920
‫Ainsi, au lieu de simplement voir les en-têtes comme nous l'avons

99
00:04:48,920 --> 00:04:51,360
‫fait ici, nous pouvons également voir la

100
00:04:51,360 --> 00:04:55,810
‫réponse et un bon aperçu de tous les cookies qui ont été

101
00:04:55,810 --> 00:04:57,500
‫définis dans cette requête.

102
00:04:57,500 --> 00:05:00,240
‫Maintenant, nous n'avons pas encore parlé de cookies,

103
00:05:00,240 --> 00:05:03,230
‫mais encore une fois, c'est quelque chose pour plus tard.

104
00:05:03,230 --> 00:05:06,790
‫Mais je pense qu'il est important que vous obteniez cet aperçu de

105
00:05:06,790 --> 00:05:10,120
‫la façon dont les demandes et les réponses ressemblent réellement sous

106
00:05:10,120 --> 00:05:11,090
‫un capot.

107
00:05:11,090 --> 00:05:13,610
‫C'était donc exactement le but de cette

108
00:05:13,610 --> 00:05:17,460
‫vidéo, j'espère que le message était clair, et que tout

109
00:05:17,460 --> 00:05:18,990
‫avait du sens.

110
00:05:18,990 --> 00:05:20,220
‫Et donc, passons

111
00:05:20,220 --> 00:05:24,213
‫maintenant à autre chose et continuons à parler du développement backend en général.