‫Narratore: Quindi, dopo il tipo di lezione teorica pesante,
‫ora vediamo http in azione e facciamo
‫alcune richieste e diamo un'occhiata alle
‫risposte che abbiamo ottenuto utilizzando gli strumenti di sviluppo dei nostri browser.
‫Quindi sto usando Google Chrome come browser e
‫sono qui su udemy. com.
‫Quindi, vai su udemy. com, quindi
‫apri i tuoi strumenti di sviluppo.
‫E sto usando l'opzione di comando J per questo sul mio Mac, su Windows è probabilmente Alt
‫+ Ctrl + J, o fai semplicemente clic con
‫il tasto destro in un punto qualsiasi della
‫pagina e quindi fai clic su
‫ispeziona, nel caso in cui non hai familiarità con gli strumenti di sviluppo.
‫Quindi, quello che faremo è andare alla
‫scheda della rete.
‫E poi clicca qui su disabilita la cache.
‫Questo è importante perché altrimenti potresti
‫caricare la pagina dal tuo computer perché sei
‫stato su udemy. com prima.
‫Ok, ora ricarichiamo la
‫pagina, così registreremo l'attività di
‫rete qui in questa scheda di rete.
‫Quindi ricarica questo.
‫E così ora qui possiamo vedere tutte le
‫richieste che stanno accadendo sulla pagina.
‫Quindi, come ti ho detto, ci saranno molte richieste per tutti
‫gli elementi che sono sulla pagina.
‫Ora, se stiamo andando in alto
‫qui, il primo di tutto è in realtà udemy. com.
‫E qui possiamo vedere il codice di stato, che è
‫200, come ho detto nell'ultima lezione,
‫significa che va bene.
‫Quindi tutto è andato per il verso giusto.
‫Poi le dimensioni e il
‫tempo impiegato per scaricare questa risorsa.
‫Ma poi, abbiamo anche tutte queste altre risorse qui
‫come i file CSS che vedi qui, alcune
‫immagini, file di script java come
‫ho qui.
‫E tutti questi sono stati effettivamente avviati
‫dall'indice, quindi dalla pagina radice.
‫Ok, quindi abbiamo udemy. com e
‫quello richiederà quindi tutte queste risorse.
‫Quindi questo è l'indice, quindi non accade in initiator e tutti
‫questi qui sono stati richiesti dall'udemy principale. com.
‫Ora, se clicchiamo su una di queste risorse,
‫facciamo effettivamente udemy. com prima.
‫Qui possiamo ottenere qualche informazione in più sulla richiesta
‫e la risposta.
‫Quindi prima, la richiesta che in realtà è in fondo.
‫E vedrai che la richiesta è stata fatta a udemy. com, abbiamo fatto
‫una richiesta get e il
‫percorso era solo il percorso root,
‫proprio come ti ho spiegato nell'ultimo video, ok.
‫Poi abbiamo un sacco di
‫intestazioni, quindi questo qui per
‫esempio significa che la pagina è stata compressa usando solo un gzip.
‫Quaggiù hai un'intestazione per l'impostazione di alcuni cookie e
‫una serie di altre
‫intestazioni di cui parleremo più avanti.
‫Quindi questa è la richiesta,
‫e poi anche
‫la risposta ha un mucchio di tutte queste intestazioni, ok.
‫Quindi possiamo vedere quando la risposta è stata effettivamente inviata.
‫Possiamo vedere un mucchio di cookie e anche
‫il codice di stato qui, quindi
‫è da lì che proviene il codice di stato 200.
‫E ancora, un mucchio di altre intestazioni, di cui
‫parleremo un po' più tardi, ok.
‫E lo
‫stesso, ovviamente, abbiamo per tutte le altre risorse che sono state scaricate.
‫Quindi la risposta e la richiesta quaggiù.
‫E questa volta vediamo effettivamente che la radice
‫qui è ancora udemy. com, quindi
‫quello che chiamano l'autorità
‫qui, ma il percorso è quindi
‫tutto questo, quindi questa
‫posizione qui, dove si trova il file CSS.
‫E se ora navighiamo da qualche parte qui in
‫questa pagina, diciamo ai corsi di
‫sviluppo web, beh, allora vediamo cosa succede qui.
‫E quindi qui abbiamo questa pagina,
‫che è la risorsa per lo sviluppo web, ok.
‫Quindi fondamentalmente questo pezzo qui dell'URL.
‫Ricorda che questa si chiama
‫risorsa, dall'ultimo video.
‫Quindi, se facciamo clic
‫su di esso, lo vedremo di nuovo qui, giusto.
‫Quindi
‫abbiamo di nuovo udemy. com e /coursesdevelopment/webdevelopment.
‫Quindi questo è il percorso verso cui sta andando la richiesta.
‫Qui sul lato sinistro possiamo anche apprezzare le immagini di
‫anteprima, ad esempio questo logo qui.
‫Quando si tratta di un'immagine, possiamo
‫vedere l'anteprima, possiamo vederne meglio la risposta.
‫Ad esempio, in questo qui, possiamo
‫effettivamente vedere la risposta html che è tornata.
‫Quindi, invece di vedere solo le intestazioni come abbiamo fatto
‫qui, possiamo effettivamente vedere anche la
‫risposta e una bella panoramica di tutti i cookie che sono stati
‫impostati in questa richiesta.
‫Non abbiamo ancora parlato di biscotti,
‫ma di nuovo è qualcosa per dopo.
‫Ma penso che sia importante che tu abbia questa panoramica
‫di come le richieste e le risposte effettivamente appaiono sotto
‫un cofano.
‫Quindi questo era esattamente l'obiettivo di questo
‫video, spero che il messaggio sia stato chiaro e che tutto
‫avesse un senso.
‫E quindi, ora
‫andiamo avanti e continuiamo a parlare dello sviluppo del backend in generale.