‫Narrador: Então, após o tipo de aula teórica pesada, vamos
‫agora realmente ver o http em ação e
‫fazer algumas solicitações e dar uma
‫olhada nas respostas que obtivemos usando as ferramentas de desenvolvedor de nossos navegadores.
‫Estou usando o Google Chrome como meu navegador e
‫estou aqui no udemy. com.
‫Então, vá para udemy. com e, em
‫seguida, abra suas ferramentas de desenvolvedor.
‫E estou usando a opção de comando J para isso no meu Mac, no Windows
‫é provavelmente Alt + Ctrl + J, ou apenas
‫clique com o botão direito em qualquer
‫lugar da página e clique
‫em inspecionar, caso você não esteja familiarizado com as ferramentas de desenvolvimento.
‫Então, o que vamos fazer é ir para
‫a guia rede.
‫E então clique aqui para desativar o cache.
‫Isso é importante porque, do contrário,
‫você pode estar carregando a página do seu computador porque
‫já esteve no udemy. com antes.
‫Ok, agora vamos recarregar
‫a página, para que possamos registrar
‫a atividade de rede aqui nesta guia de rede.
‫Então recarregue isso.
‫E agora aqui podemos ver todos os pedidos
‫que estão acontecendo na página.
‫Como eu disse a você, haverá muitos pedidos para todos
‫os elementos que estão na página.
‫Agora, se vamos ao topo
‫aqui, o primeiro de tudo é realmente udemy. com.
‫E podemos ver aqui o código de status, que é
‫200, como eu disse na última
‫palestra, isso significa ok.
‫Então tudo deu certo.
‫Em seguida, o tamanho e o
‫tempo que levou para baixar este recurso.
‫Mas também temos todos esses outros recursos aqui, como
‫os arquivos CSS que você vê aqui, algumas imagens,
‫arquivos de script java como os
‫que tenho aqui.
‫E tudo isso foi realmente iniciado pelo índice,
‫ou seja, pela página raiz.
‫Ok, então temos udemy. com e
‫esse então solicitará todos esses ativos.
‫Então esse é o índice, então não acontece no iniciador, e
‫todos esses aqui foram solicitados pelo udemy principal. com.
‫Agora, se clicarmos em um desses recursos,
‫vamos fazer udemy. com primeiro.
‫Aqui podemos obter mais algumas informações sobre a solicitação
‫e a resposta.
‫Então, primeiro, a solicitação que está na parte inferior.
‫E você verá que o pedido foi feito para udemy. com, fizemos uma
‫solicitação get, e o
‫caminho era apenas o caminho raiz,
‫como expliquei para você no último vídeo, ok.
‫Então temos um monte de
‫cabeçalhos, então isso aqui,
‫por exemplo, significa que a página foi compactada usando apenas um gzip.
‫Aqui embaixo você tem um cabeçalho para definir alguns cookies, e
‫um monte de outros
‫cabeçalhos sobre os quais falaremos mais tarde.
‫Portanto, esta é a solicitação
‫e a
‫resposta também tem um monte de todos esses cabeçalhos, ok.
‫Assim, podemos ver quando a resposta foi realmente enviada.
‫Podemos ver vários cookies e o código
‫de status aqui também, então
‫é daí que vem o código de status 200.
‫E novamente, um monte de outros cabeçalhos, sobre os
‫quais falaremos um pouco mais tarde, certo.
‫E o
‫mesmo, é claro, temos para todos os outros ativos que foram baixados.
‫Então, a resposta e o pedido aqui embaixo.
‫E, desta vez, vemos que a raiz
‫aqui ainda é udemy. com, então
‫o que eles chamam
‫de autoridade aqui, mas o caminho
‫é tudo isso, então
‫este local aqui, onde o arquivo CSS está localizado.
‫E se agora navegarmos em algum lugar aqui nesta página,
‫digamos para os cursos de desenvolvimento web,
‫bem, então vamos ver o que acontece aqui.
‫E, aqui, temos essa página,
‫que é o recurso de desenvolvimento web, certo.
‫Então, basicamente, esta parte aqui da URL.
‫Lembre-se de que isso se chama
‫recurso, desde o último vídeo.
‫Então, se clicarmos
‫nisso, veremos isso aqui novamente, certo.
‫Portanto,
‫temos novamente udemy. com e o /oursesdevelopment / webdevelopment.
‫Então esse é o caminho para onde o pedido está indo.
‫Aqui no lado esquerdo também podemos gostar de imagens de
‫visualização, por exemplo, este logotipo aqui.
‫Quando é uma imagem, podemos ver
‫o preview, podemos ver melhor a resposta dela.
‫Por exemplo, neste aqui, podemos
‫realmente ver a resposta html que retornou.
‫Portanto, em vez de apenas ver os cabeçalhos como fizemos
‫aqui, podemos ver a resposta também,
‫e uma boa visão geral de todos os cookies que foram
‫definidos nesta solicitação.
‫Não falamos sobre cookies ainda,
‫mas isso é algo para mais tarde.
‫Mas acho importante que você tenha essa visão geral de
‫como as solicitações e respostas realmente se parecem
‫nos bastidores.
‫Então esse era exatamente o objetivo deste
‫vídeo, espero que a mensagem tenha sido clara e que
‫tudo fizesse sentido.
‫E então, vamos
‫agora prosseguir e continuar falando sobre o desenvolvimento de back-end em geral.