1
00:00:01,060 --> 00:00:04,450
‫Narratore: Quindi, dopo il tipo di lezione teorica pesante,

2
00:00:04,450 --> 00:00:07,236
‫ora vediamo http in azione e facciamo

3
00:00:07,236 --> 00:00:09,640
‫alcune richieste e diamo un'occhiata alle

4
00:00:09,640 --> 00:00:14,163
‫risposte che abbiamo ottenuto utilizzando gli strumenti di sviluppo dei nostri browser.

5
00:00:15,670 --> 00:00:18,260
‫Quindi sto usando Google Chrome come browser e

6
00:00:18,260 --> 00:00:21,100
‫sono qui su udemy. com.

7
00:00:21,100 --> 00:00:23,260
‫Quindi, vai su udemy. com, quindi

8
00:00:23,260 --> 00:00:25,073
‫apri i tuoi strumenti di sviluppo.

9
00:00:26,410 --> 00:00:31,150
‫E sto usando l'opzione di comando J per questo sul mio Mac, su Windows è probabilmente Alt

10
00:00:31,150 --> 00:00:33,870
‫+ Ctrl + J, o fai semplicemente clic con

11
00:00:33,870 --> 00:00:36,100
‫il tasto destro in un punto qualsiasi della

12
00:00:36,100 --> 00:00:38,260
‫pagina e quindi fai clic su

13
00:00:38,260 --> 00:00:42,100
‫ispeziona, nel caso in cui non hai familiarità con gli strumenti di sviluppo.

14
00:00:42,100 --> 00:00:45,120
‫Quindi, quello che faremo è andare alla

15
00:00:45,120 --> 00:00:46,820
‫scheda della rete.

16
00:00:46,820 --> 00:00:49,000
‫E poi clicca qui su disabilita la cache.

17
00:00:49,000 --> 00:00:51,110
‫Questo è importante perché altrimenti potresti

18
00:00:51,110 --> 00:00:54,240
‫caricare la pagina dal tuo computer perché sei

19
00:00:54,240 --> 00:00:57,310
‫stato su udemy. com prima.

20
00:00:57,310 --> 00:00:59,930
‫Ok, ora ricarichiamo la

21
00:00:59,930 --> 00:01:02,665
‫pagina, così registreremo l'attività di

22
00:01:02,665 --> 00:01:06,640
‫rete qui in questa scheda di rete.

23
00:01:06,640 --> 00:01:08,440
‫Quindi ricarica questo.

24
00:01:08,440 --> 00:01:11,500
‫E così ora qui possiamo vedere tutte le

25
00:01:11,500 --> 00:01:14,060
‫richieste che stanno accadendo sulla pagina.

26
00:01:14,060 --> 00:01:18,130
‫Quindi, come ti ho detto, ci saranno molte richieste per tutti

27
00:01:18,130 --> 00:01:20,743
‫gli elementi che sono sulla pagina.

28
00:01:21,740 --> 00:01:23,200
‫Ora, se stiamo andando in alto

29
00:01:23,200 --> 00:01:26,820
‫qui, il primo di tutto è in realtà udemy. com.

30
00:01:26,820 --> 00:01:29,870
‫E qui possiamo vedere il codice di stato, che è

31
00:01:29,870 --> 00:01:31,550
‫200, come ho detto nell'ultima lezione,

32
00:01:31,550 --> 00:01:33,040
‫significa che va bene.

33
00:01:33,040 --> 00:01:35,030
‫Quindi tutto è andato per il verso giusto.

34
00:01:35,030 --> 00:01:37,130
‫Poi le dimensioni e il

35
00:01:37,130 --> 00:01:39,500
‫tempo impiegato per scaricare questa risorsa.

36
00:01:39,500 --> 00:01:43,000
‫Ma poi, abbiamo anche tutte queste altre risorse qui

37
00:01:43,000 --> 00:01:46,220
‫come i file CSS che vedi qui, alcune

38
00:01:46,220 --> 00:01:48,770
‫immagini, file di script java come

39
00:01:50,550 --> 00:01:51,970
‫ho qui.

40
00:01:51,970 --> 00:01:54,830
‫E tutti questi sono stati effettivamente avviati

41
00:01:54,830 --> 00:01:56,913
‫dall'indice, quindi dalla pagina radice.

42
00:01:57,820 --> 00:02:00,140
‫Ok, quindi abbiamo udemy. com e

43
00:02:00,140 --> 00:02:02,430
‫quello richiederà quindi tutte queste risorse.

44
00:02:02,430 --> 00:02:05,840
‫Quindi questo è l'indice, quindi non accade in initiator e tutti

45
00:02:05,840 --> 00:02:10,840
‫questi qui sono stati richiesti dall'udemy principale. com.

46
00:02:11,340 --> 00:02:14,220
‫Ora, se clicchiamo su una di queste risorse,

47
00:02:14,220 --> 00:02:16,730
‫facciamo effettivamente udemy. com prima.

48
00:02:16,730 --> 00:02:19,490
‫Qui possiamo ottenere qualche informazione in più sulla richiesta

49
00:02:19,490 --> 00:02:20,519
‫e la risposta.

50
00:02:20,519 --> 00:02:25,470
‫Quindi prima, la richiesta che in realtà è in fondo.

51
00:02:25,470 --> 00:02:29,040
‫E vedrai che la richiesta è stata fatta a udemy. com, abbiamo fatto

52
00:02:29,040 --> 00:02:31,100
‫una richiesta get e il

53
00:02:31,100 --> 00:02:33,920
‫percorso era solo il percorso root,

54
00:02:33,920 --> 00:02:37,450
‫proprio come ti ho spiegato nell'ultimo video, ok.

55
00:02:37,450 --> 00:02:39,440
‫Poi abbiamo un sacco di

56
00:02:39,440 --> 00:02:41,430
‫intestazioni, quindi questo qui per

57
00:02:41,430 --> 00:02:46,010
‫esempio significa che la pagina è stata compressa usando solo un gzip.

58
00:02:46,010 --> 00:02:50,050
‫Quaggiù hai un'intestazione per l'impostazione di alcuni cookie e

59
00:02:50,050 --> 00:02:51,990
‫una serie di altre

60
00:02:51,990 --> 00:02:54,810
‫intestazioni di cui parleremo più avanti.

61
00:02:54,810 --> 00:02:56,970
‫Quindi questa è la richiesta,

62
00:02:56,970 --> 00:02:58,520
‫e poi anche

63
00:02:58,520 --> 00:03:02,840
‫la risposta ha un mucchio di tutte queste intestazioni, ok.

64
00:03:02,840 --> 00:03:06,700
‫Quindi possiamo vedere quando la risposta è stata effettivamente inviata.

65
00:03:06,700 --> 00:03:09,521
‫Possiamo vedere un mucchio di cookie e anche

66
00:03:09,521 --> 00:03:11,820
‫il codice di stato qui, quindi

67
00:03:11,820 --> 00:03:15,120
‫è da lì che proviene il codice di stato 200.

68
00:03:15,120 --> 00:03:18,330
‫E ancora, un mucchio di altre intestazioni, di cui

69
00:03:18,330 --> 00:03:21,100
‫parleremo un po' più tardi, ok.

70
00:03:21,100 --> 00:03:22,260
‫E lo

71
00:03:22,260 --> 00:03:27,000
‫stesso, ovviamente, abbiamo per tutte le altre risorse che sono state scaricate.

72
00:03:27,000 --> 00:03:30,180
‫Quindi la risposta e la richiesta quaggiù.

73
00:03:30,180 --> 00:03:32,120
‫E questa volta vediamo effettivamente che la radice

74
00:03:32,120 --> 00:03:34,880
‫qui è ancora udemy. com, quindi

75
00:03:34,880 --> 00:03:36,930
‫quello che chiamano l'autorità

76
00:03:36,930 --> 00:03:39,980
‫qui, ma il percorso è quindi

77
00:03:39,980 --> 00:03:41,875
‫tutto questo, quindi questa

78
00:03:41,875 --> 00:03:45,850
‫posizione qui, dove si trova il file CSS.

79
00:03:45,850 --> 00:03:49,260
‫E se ora navighiamo da qualche parte qui in

80
00:03:49,260 --> 00:03:52,080
‫questa pagina, diciamo ai corsi di

81
00:03:52,080 --> 00:03:55,253
‫sviluppo web, beh, allora vediamo cosa succede qui.

82
00:03:56,920 --> 00:03:59,580
‫E quindi qui abbiamo questa pagina,

83
00:03:59,580 --> 00:04:02,810
‫che è la risorsa per lo sviluppo web, ok.

84
00:04:02,810 --> 00:04:05,690
‫Quindi fondamentalmente questo pezzo qui dell'URL.

85
00:04:05,690 --> 00:04:07,620
‫Ricorda che questa si chiama

86
00:04:07,620 --> 00:04:09,520
‫risorsa, dall'ultimo video.

87
00:04:09,520 --> 00:04:11,289
‫Quindi, se facciamo clic

88
00:04:11,289 --> 00:04:14,787
‫su di esso, lo vedremo di nuovo qui, giusto.

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

90
00:04:18,120 --> 00:04:22,750
‫abbiamo di nuovo udemy. com e /coursesdevelopment/webdevelopment.

91
00:04:22,750 --> 00:04:27,040
‫Quindi questo è il percorso verso cui sta andando la richiesta.

92
00:04:27,040 --> 00:04:30,190
‫Qui sul lato sinistro possiamo anche apprezzare le immagini di

93
00:04:30,190 --> 00:04:32,460
‫anteprima, ad esempio questo logo qui.

94
00:04:32,460 --> 00:04:34,610
‫Quando si tratta di un'immagine, possiamo

95
00:04:35,580 --> 00:04:37,790
‫vedere l'anteprima, possiamo vederne meglio la risposta.

96
00:04:37,790 --> 00:04:40,930
‫Ad esempio, in questo qui, possiamo

97
00:04:40,930 --> 00:04:44,830
‫effettivamente vedere la risposta html che è tornata.

98
00:04:44,830 --> 00:04:48,920
‫Quindi, invece di vedere solo le intestazioni come abbiamo fatto

99
00:04:48,920 --> 00:04:51,360
‫qui, possiamo effettivamente vedere anche la

100
00:04:51,360 --> 00:04:55,810
‫risposta e una bella panoramica di tutti i cookie che sono stati

101
00:04:55,810 --> 00:04:57,500
‫impostati in questa richiesta.

102
00:04:57,500 --> 00:05:00,240
‫Non abbiamo ancora parlato di biscotti,

103
00:05:00,240 --> 00:05:03,230
‫ma di nuovo è qualcosa per dopo.

104
00:05:03,230 --> 00:05:06,790
‫Ma penso che sia importante che tu abbia questa panoramica

105
00:05:06,790 --> 00:05:10,120
‫di come le richieste e le risposte effettivamente appaiono sotto

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

107
00:05:11,090 --> 00:05:13,610
‫Quindi questo era esattamente l'obiettivo di questo

108
00:05:13,610 --> 00:05:17,460
‫video, spero che il messaggio sia stato chiaro e che tutto

109
00:05:17,460 --> 00:05:18,990
‫avesse un senso.

110
00:05:18,990 --> 00:05:20,220
‫E quindi, ora

111
00:05:20,220 --> 00:05:24,213
‫andiamo avanti e continuiamo a parlare dello sviluppo del backend in generale.