1
00:00:01,060 --> 00:00:04,450
‫Narrador: Então, após o tipo de aula teórica pesada, vamos

2
00:00:04,450 --> 00:00:07,236
‫agora realmente ver o http em ação e

3
00:00:07,236 --> 00:00:09,640
‫fazer algumas solicitações e dar uma

4
00:00:09,640 --> 00:00:14,163
‫olhada nas respostas que obtivemos usando as ferramentas de desenvolvedor de nossos navegadores.

5
00:00:15,670 --> 00:00:18,260
‫Estou usando o Google Chrome como meu navegador e

6
00:00:18,260 --> 00:00:21,100
‫estou aqui no udemy. com.

7
00:00:21,100 --> 00:00:23,260
‫Então, vá para udemy. com e, em

8
00:00:23,260 --> 00:00:25,073
‫seguida, abra suas ferramentas de desenvolvedor.

9
00:00:26,410 --> 00:00:31,150
‫E estou usando a opção de comando J para isso no meu Mac, no Windows

10
00:00:31,150 --> 00:00:33,870
‫é provavelmente Alt + Ctrl + J, ou apenas

11
00:00:33,870 --> 00:00:36,100
‫clique com o botão direito em qualquer

12
00:00:36,100 --> 00:00:38,260
‫lugar da página e clique

13
00:00:38,260 --> 00:00:42,100
‫em inspecionar, caso você não esteja familiarizado com as ferramentas de desenvolvimento.

14
00:00:42,100 --> 00:00:45,120
‫Então, o que vamos fazer é ir para

15
00:00:45,120 --> 00:00:46,820
‫a guia rede.

16
00:00:46,820 --> 00:00:49,000
‫E então clique aqui para desativar o cache.

17
00:00:49,000 --> 00:00:51,110
‫Isso é importante porque, do contrário,

18
00:00:51,110 --> 00:00:54,240
‫você pode estar carregando a página do seu computador porque

19
00:00:54,240 --> 00:00:57,310
‫já esteve no udemy. com antes.

20
00:00:57,310 --> 00:00:59,930
‫Ok, agora vamos recarregar

21
00:00:59,930 --> 00:01:02,665
‫a página, para que possamos registrar

22
00:01:02,665 --> 00:01:06,640
‫a atividade de rede aqui nesta guia de rede.

23
00:01:06,640 --> 00:01:08,440
‫Então recarregue isso.

24
00:01:08,440 --> 00:01:11,500
‫E agora aqui podemos ver todos os pedidos

25
00:01:11,500 --> 00:01:14,060
‫que estão acontecendo na página.

26
00:01:14,060 --> 00:01:18,130
‫Como eu disse a você, haverá muitos pedidos para todos

27
00:01:18,130 --> 00:01:20,743
‫os elementos que estão na página.

28
00:01:21,740 --> 00:01:23,200
‫Agora, se vamos ao topo

29
00:01:23,200 --> 00:01:26,820
‫aqui, o primeiro de tudo é realmente udemy. com.

30
00:01:26,820 --> 00:01:29,870
‫E podemos ver aqui o código de status, que é

31
00:01:29,870 --> 00:01:31,550
‫200, como eu disse na última

32
00:01:31,550 --> 00:01:33,040
‫palestra, isso significa ok.

33
00:01:33,040 --> 00:01:35,030
‫Então tudo deu certo.

34
00:01:35,030 --> 00:01:37,130
‫Em seguida, o tamanho e o

35
00:01:37,130 --> 00:01:39,500
‫tempo que levou para baixar este recurso.

36
00:01:39,500 --> 00:01:43,000
‫Mas também temos todos esses outros recursos aqui, como

37
00:01:43,000 --> 00:01:46,220
‫os arquivos CSS que você vê aqui, algumas imagens,

38
00:01:46,220 --> 00:01:48,770
‫arquivos de script java como os

39
00:01:50,550 --> 00:01:51,970
‫que tenho aqui.

40
00:01:51,970 --> 00:01:54,830
‫E tudo isso foi realmente iniciado pelo índice,

41
00:01:54,830 --> 00:01:56,913
‫ou seja, pela página raiz.

42
00:01:57,820 --> 00:02:00,140
‫Ok, então temos udemy. com e

43
00:02:00,140 --> 00:02:02,430
‫esse então solicitará todos esses ativos.

44
00:02:02,430 --> 00:02:05,840
‫Então esse é o índice, então não acontece no iniciador, e

45
00:02:05,840 --> 00:02:10,840
‫todos esses aqui foram solicitados pelo udemy principal. com.

46
00:02:11,340 --> 00:02:14,220
‫Agora, se clicarmos em um desses recursos,

47
00:02:14,220 --> 00:02:16,730
‫vamos fazer udemy. com primeiro.

48
00:02:16,730 --> 00:02:19,490
‫Aqui podemos obter mais algumas informações sobre a solicitação

49
00:02:19,490 --> 00:02:20,519
‫e a resposta.

50
00:02:20,519 --> 00:02:25,470
‫Então, primeiro, a solicitação que está na parte inferior.

51
00:02:25,470 --> 00:02:29,040
‫E você verá que o pedido foi feito para udemy. com, fizemos uma

52
00:02:29,040 --> 00:02:31,100
‫solicitação get, e o

53
00:02:31,100 --> 00:02:33,920
‫caminho era apenas o caminho raiz,

54
00:02:33,920 --> 00:02:37,450
‫como expliquei para você no último vídeo, ok.

55
00:02:37,450 --> 00:02:39,440
‫Então temos um monte de

56
00:02:39,440 --> 00:02:41,430
‫cabeçalhos, então isso aqui,

57
00:02:41,430 --> 00:02:46,010
‫por exemplo, significa que a página foi compactada usando apenas um gzip.

58
00:02:46,010 --> 00:02:50,050
‫Aqui embaixo você tem um cabeçalho para definir alguns cookies, e

59
00:02:50,050 --> 00:02:51,990
‫um monte de outros

60
00:02:51,990 --> 00:02:54,810
‫cabeçalhos sobre os quais falaremos mais tarde.

61
00:02:54,810 --> 00:02:56,970
‫Portanto, esta é a solicitação

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

63
00:02:58,520 --> 00:03:02,840
‫resposta também tem um monte de todos esses cabeçalhos, ok.

64
00:03:02,840 --> 00:03:06,700
‫Assim, podemos ver quando a resposta foi realmente enviada.

65
00:03:06,700 --> 00:03:09,521
‫Podemos ver vários cookies e o código

66
00:03:09,521 --> 00:03:11,820
‫de status aqui também, então

67
00:03:11,820 --> 00:03:15,120
‫é daí que vem o código de status 200.

68
00:03:15,120 --> 00:03:18,330
‫E novamente, um monte de outros cabeçalhos, sobre os

69
00:03:18,330 --> 00:03:21,100
‫quais falaremos um pouco mais tarde, certo.

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

71
00:03:22,260 --> 00:03:27,000
‫mesmo, é claro, temos para todos os outros ativos que foram baixados.

72
00:03:27,000 --> 00:03:30,180
‫Então, a resposta e o pedido aqui embaixo.

73
00:03:30,180 --> 00:03:32,120
‫E, desta vez, vemos que a raiz

74
00:03:32,120 --> 00:03:34,880
‫aqui ainda é udemy. com, então

75
00:03:34,880 --> 00:03:36,930
‫o que eles chamam

76
00:03:36,930 --> 00:03:39,980
‫de autoridade aqui, mas o caminho

77
00:03:39,980 --> 00:03:41,875
‫é tudo isso, então

78
00:03:41,875 --> 00:03:45,850
‫este local aqui, onde o arquivo CSS está localizado.

79
00:03:45,850 --> 00:03:49,260
‫E se agora navegarmos em algum lugar aqui nesta página,

80
00:03:49,260 --> 00:03:52,080
‫digamos para os cursos de desenvolvimento web,

81
00:03:52,080 --> 00:03:55,253
‫bem, então vamos ver o que acontece aqui.

82
00:03:56,920 --> 00:03:59,580
‫E, aqui, temos essa página,

83
00:03:59,580 --> 00:04:02,810
‫que é o recurso de desenvolvimento web, certo.

84
00:04:02,810 --> 00:04:05,690
‫Então, basicamente, esta parte aqui da URL.

85
00:04:05,690 --> 00:04:07,620
‫Lembre-se de que isso se chama

86
00:04:07,620 --> 00:04:09,520
‫recurso, desde o último vídeo.

87
00:04:09,520 --> 00:04:11,289
‫Então, se clicarmos

88
00:04:11,289 --> 00:04:14,787
‫nisso, veremos isso aqui novamente, certo.

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

90
00:04:18,120 --> 00:04:22,750
‫temos novamente udemy. com e o /oursesdevelopment / webdevelopment.

91
00:04:22,750 --> 00:04:27,040
‫Então esse é o caminho para onde o pedido está indo.

92
00:04:27,040 --> 00:04:30,190
‫Aqui no lado esquerdo também podemos gostar de imagens de

93
00:04:30,190 --> 00:04:32,460
‫visualização, por exemplo, este logotipo aqui.

94
00:04:32,460 --> 00:04:34,610
‫Quando é uma imagem, podemos ver

95
00:04:35,580 --> 00:04:37,790
‫o preview, podemos ver melhor a resposta dela.

96
00:04:37,790 --> 00:04:40,930
‫Por exemplo, neste aqui, podemos

97
00:04:40,930 --> 00:04:44,830
‫realmente ver a resposta html que retornou.

98
00:04:44,830 --> 00:04:48,920
‫Portanto, em vez de apenas ver os cabeçalhos como fizemos

99
00:04:48,920 --> 00:04:51,360
‫aqui, podemos ver a resposta também,

100
00:04:51,360 --> 00:04:55,810
‫e uma boa visão geral de todos os cookies que foram

101
00:04:55,810 --> 00:04:57,500
‫definidos nesta solicitação.

102
00:04:57,500 --> 00:05:00,240
‫Não falamos sobre cookies ainda,

103
00:05:00,240 --> 00:05:03,230
‫mas isso é algo para mais tarde.

104
00:05:03,230 --> 00:05:06,790
‫Mas acho importante que você tenha essa visão geral de

105
00:05:06,790 --> 00:05:10,120
‫como as solicitações e respostas realmente se parecem

106
00:05:10,120 --> 00:05:11,090
‫nos bastidores.

107
00:05:11,090 --> 00:05:13,610
‫Então esse era exatamente o objetivo deste

108
00:05:13,610 --> 00:05:17,460
‫vídeo, espero que a mensagem tenha sido clara e que

109
00:05:17,460 --> 00:05:18,990
‫tudo fizesse sentido.

110
00:05:18,990 --> 00:05:20,220
‫E então, vamos

111
00:05:20,220 --> 00:05:24,213
‫agora prosseguir e continuar falando sobre o desenvolvimento de back-end em geral.