Nel video precedente, abbiamo appreso che un browser invia semplicemente una richiesta a un server da
qualche parte nel mondo tramite Internet utilizzando il protocollo HTTPS, quindi riceve quei file JavaScript, HTML e CSS in modo che sia
in grado di visualizzare un sito web.
Ora, come possiamo effettivamente verificarlo?
Bene, posso effettivamente andare a vedere lo sviluppatore, e questo sta usando Google Chrome, quindi consiglio per questa parte di usare Google Chrome in
modo da poter seguire quello che sto facendo.
Se vado agli strumenti per sviluppatori qui, si aprirà una piccola scatola qui con alcune informazioni per me.
Ora, quello su cui voglio concentrarmi è questo tocco di rete.
E questa scheda di rete ci dirà che tipo di informazioni riceviamo dal server, se
aggiorno qui, lo noterai.
Ottengo alcuni dati qui ora, vuoi assicurarti che non sia coinvolto alcun filtro, quindi vogliamo dire qui
che vogliamo tutto, quindi non c'è alcun filtro su tutto.
Non ci sono ricerche in corso e possiamo aggiornare di nuovo.
E va bene.
Vediamo molti più file, ma questo sembra intimidatorio.
Pensiamo a quello che abbiamo appena imparato.
Abbiamo appreso che prima otteniamo un file HTML, che sembra essere questo.
Dice qui tipo documento.
E se clicco qui, questo è un documento HTML.
Quindi la risposta dal server quando ho premuto refresh, ricorda, ha comunicato a un server da qualche parte nel
mondo che aveva questi file su quel computer.
E qui abbiamo il nostro file HTML.
Se scorro verso il basso, guarda quello.
Possiamo vedere qui il webcomic di romanticismo, sarcasmo, matematica e linguaggio, che è proprio qui.
Ricordi come ho detto che l'HTML è il testo che viene visualizzato su un sito web?
Bene, questo è il nostro codice HTML qui con cui il server ha risposto e il browser sa come leggerlo e
visualizzare il testo.
E il successo?
Bene, posso effettivamente fare clic su questo passaggio successivo qui e mostrarmi tutti i file CSI provenienti dal
server.
E vedete qui che questo, di nuovo, sembra un po' diverso, ha una sintassi diversa rispetto a
un'e-mail, ma tutto ciò che fa è che mi dà lo stilo che voglio.
Puoi vedere qui che possiamo scegliere il colore di sfondo, possiamo scegliere una posizione diversa con la posizione a sinistra.
E questo ci dà lo stile che vogliamo su un sito web.
E poi, se andiamo su JavaScript, vediamo effettivamente i file JavaScript utilizzati da questo sito web.
Ora, non dobbiamo preoccuparci di JavaScript qui.
JavaScript ci permette di fare un po' di interattività su questo sito web che per ora, probabilmente, non dobbiamo
preoccuparci.
Ma ora voglio sottolineare che ci sono alcune altre cose qui, come l'immagine ei media.
E come puoi vedere, immagini, abbiamo sicuramente alcune immagini qui che stiamo usando.
Se clicco su Anteprima, possiamo vedere le immagini.
Ma alla fine il concetto è lo stesso.
Abbiamo un file HMO.
Che nel nostro caso è proprio qui, vedi come il file HTML viene visualizzato senza accesso,
che sono solo i dati testuali testuali, abbiamo l'accesso, che è lo stile.
Della nostra pagina e c'è del JavaScript per rendere la nostra pagina interattiva e forse alcune immagini, ma
alla fine della giornata, tutte queste cose sono in realtà solo dati testuali che riceviamo dal server.
Quindi questo significa che per poter costruire il nostro sito web, dobbiamo creare queste tre cose un
file di posta elettronica, un file e un file JavaScript.
In realtà, non abbiamo nemmeno bisogno di un file JavaScript.
Se non vogliamo alcuna interattività, non abbiamo nemmeno bisogno del file di accesso.
Se non vogliamo alcuno stallo, possiamo anche usare solo un file di posta elettronica.
Quindi, nel prossimo video, costruiremo il nostro primo sito web.
Vedrò quello da.