No vídeo anterior, aprendemos que um navegador simplesmente envia uma solicitação a um servidor em algum
lugar do mundo pela Internet usando o protocolo HTTPS e, em seguida, recebe os arquivos JavaScript, HTML e CSS para que
seja capaz de exibir um site.
Agora, como podemos realmente verificar isso?
Bem, na verdade eu posso ir para ver o desenvolvedor, e isso está usando o Google Chrome, então eu recomendo para esta parte usar o Google Chrome
para que você possa acompanhar o que estou fazendo.
Se eu for para as ferramentas de desenvolvedor aqui, abrirá uma pequena caixa aqui com algumas informações para mim.
Agora, quero me concentrar nessa torneira de rede.
E esta guia de rede vai nos dizer que tipo de informação recebemos do servidor, se eu atualizar
aqui, você notará isso.
Eu recebo alguns dados aqui, agora você deseja ter certeza de que não há filtro envolvido, então queremos
dizer aqui que queremos tudo, então não há filtro de tudo.
Não há busca em andamento e podemos nos atualizar novamente.
E tudo bem.
Vemos muitos mais arquivos, mas isso parece intimidante.
Vamos pensar sobre o que acabamos de aprender.
Aprendemos que primeiro obtemos um arquivo HTML, que por acaso é este.
Diz aqui digite documento.
E se eu clicar aqui, este é um documento HTML.
Portanto, a resposta do servidor quando eu bati em atualizar, lembre-se, ele se comunicou com um servidor em algum lugar
do mundo que tinha esses arquivos naquele computador.
E aqui temos nosso arquivo HTML.
Se eu rolar para baixo, olhe para isso.
Podemos ver aqui a webcomic de romance, sarcasmo, matemática e linguagem, que está bem aqui.
Lembra que eu disse que HTML é o texto que é exibido em um site?
Bem, este é o nosso HTML aqui com o qual o servidor respondeu e o navegador sabe como ler isso e
exibir o texto.
E quanto ao sucesso?
Bem, na verdade posso clicar nesta próxima etapa aqui e mostrar todos os arquivos CSI que vieram do
servidor.
E você vê aqui que isso, novamente, parece um pouco diferente, está em uma sintaxe diferente de um
e-mail, mas tudo o que faz é me dar a caneta que eu quero.
Você pode ver aqui que podemos escolher a cor de fundo, podemos escolher posições diferentes com a posição esquerda.
E isso nos dá o estilo que queremos em um site.
E então, se formos para o JavaScript, veremos os arquivos JavaScript que este site usa.
Agora, não precisamos nos preocupar com JavaScript aqui.
JavaScript nos permite fazer alguma interatividade neste site que, por enquanto, provavelmente não precisamos nos preocupar.
Mas agora quero salientar que há algumas outras coisas aqui, como imagem e mídia.
E como você pode ver, imagens, definitivamente temos algumas imagens aqui que estamos usando.
Se eu clicar em Visualizar, podemos ver as imagens.
Mas no final do dia, o conceito é o mesmo.
Temos um arquivo HMO.
Que no nosso caso é bem aqui, você vê como o arquivo HTML é mostrado sem acesso, que
são apenas os dados textuais textuais, nós temos o acesso, que é o estilo.
Da nossa página e há algum JavaScript para tornar a nossa página interativa e talvez algumas imagens, mas
no final do dia, todas essas coisas são na verdade apenas dados textuais que recebemos do servidor.
Isso significa que, para que possamos construir nosso site, precisamos criar essas três coisas: um
arquivo de e-mail, um arquivo e um arquivo JavaScript.
Na verdade, nem mesmo precisamos de um arquivo JavaScript.
Se não quisermos nenhuma interatividade, nem precisaremos acessar o arquivo.
Se não quisermos atrasos, podemos até usar um arquivo de e-mail.
Então, no próximo vídeo, vamos construir nosso primeiro site.
Eu verei esse aqui.