Вы находитесь на странице: 1из 99

18/07/2018 HTTP: Aula 1 - Atividade 1 Este curso foi atualizado!

| Alura - Cursos online de tecnologia

01

Este curso foi atualizado!

Se você já assistiu o curso de HTTP e está estranhando que apareceram novos vídeos, novos exercícios e até mesmo que o
instrutor mudou, não se preocupe! Atualizamos o curso de HTTP para melhorar a qualidade dos vídeos, dos exercícios e das
explicações. Até mesmo acrescentamos dois novos capítulos, para que seu conhecimento, ao nal do curso, esteja ainda
mais apurado!

Então, mesmo que você já tenha assistido ao curso antigo, que tal relembrar um pouco de HTTP e até quem sabe aprender
coisas novas? Bons estudos!

https://cursos.alura.com.br/course/http-fundamentos/task/25437 1/1
18/07/2018 HTTP: Aula 1 - Atividade 2 Introdução | Alura - Cursos online de tecnologia

02

Introdução

Transcrição

Olá, eu sou o Fábio Pimentel, e serei seu instrutor aqui no curso de HTTP da Alura.

Esse curso focará nesse protocolo tão presente no dia a dia do usuário e do desenvolvedor.

Iremos abordar tópicos como o HTTPS, que é a web segura, entendendo que o HTTP trafega texto puro, já o HTTPS trafega o
texto criptografado, e como isso tudo funciona por baixo dos panos.

Veremos também sobre endereços, incluindo domínios, recursos e portas.

Além disso, estudaremos sobre sessão, cookie e o modelo de requisição e resposta do HTTP, mais ainda os parâmetros que
são enviados na requisição, seja no seu corpo ou na URL.

Comentaremos também sobre os serviços REST, já que o HTTP não roda somente no browser, ele também roda no seu
aplicativo mobile. Veremos como implementar essa comunicação, que tipo de verbo o HTTP utiliza.

Por último, veremos sobre a nova versão do HTTP, o HTTP2, e o que ele adicionou de melhorias e otimizações que ele realiza
para nós.

https://cursos.alura.com.br/course/http-fundamentos/task/25368 1/1
18/07/2018 HTTP: Aula 1 - Atividade 3 O que é o HTTP | Alura - Cursos online de tecnologia

03

O que é o HTTP

Transcrição

Nesse treinamento focaremos nos fundamentos da web. Isto é importante pois a grande maioria das aplicações hoje em dia a
utilizam de alguma forma ou funcionam dentro dela. Não focaremos em nenhuma plataforma especí ca de desenvolvimento
como Java ou PHP. Focaremos nas regras de comunicação da web.

Quando se fala em HTTP, o primeiro pensamento que vem a nossa mente é sobre a utilização da internet, é o cenário onde
vemos realmente na prática a utilização do HTTP. Nós acessamos sites em que seus endereços iniciam com http:// e por isso
precisamos conhecer o que realmente está acontecendo ao fazer isso.

No momento em que acessou este curso, esta aula, entre o navegador e a Alura aconteceu uma comunicação, e esta
comunicação tem duas partes bem conhecidas que chamamos de Client-Server ou em português Cliente-Servidor. Este é um
modelo arquitetural, ou seja, a internet inteira é baseada nesta arquitetura onde há um cliente que solicita e um servidor que
responde.

Em qualquer comunicação é preciso existir algumas regras para que as duas partes consigam se entender com sucesso.
Pensando na comunicação do seu navegador entre a Alura ou algum outro site esse conjunto de regras é basicamente um
protocolo, onde neste cenário é o HTTP.

Os protocolos são de nidos, especi cados e disponibilizados para implementação em ambas as partes, para consultar a
especi cação do HTTP, você pode utilizar o seguinte endereço:
(https://tools.ietf.org/html/rfc2616)https://tools.ietf.org/html/rfc2616 (https://tools.ietf.org/html/rfc2616)

https://cursos.alura.com.br/course/http-fundamentos/task/25367 1/2
18/07/2018 HTTP: Aula 1 - Atividade 3 O que é o HTTP | Alura - Cursos online de tecnologia

Resumindo: O HTTP é um protocolo que de ne as regras de comunicação entre cliente e servidor na internet. Vamos focar
nos próximos vídeos e entender melhor esse protocolo tão importante. mãos a obra!

O que aprendemos neste capítulo?

Na internet sempre tem um cliente e um servidor


Entre o cliente e o servidor precisam haver regras de comunicação
As regras são de nidas dentro de um protocolo
HTTP é o protocolo mais importante na internet

https://cursos.alura.com.br/course/http-fundamentos/task/25367 2/2
18/07/2018 HTTP: Aula 1 - Atividade 4 Objetivo do treinamento | Alura - Cursos online de tecnologia

04

Objetivo do treinamento

Olá Aluno!

Neste treinamento, vamos falar sobre a "sigla" mais importante da internet: o HTTP. O objetivo é entender o
protocolo HTTP detalhadamente. Quanto mais o desenvolvedor souber sobre este protocolo, melhor, pois ele é
utilizado em todas aplicações web.

No entanto, não focaremos em como essas aplicações são criadas e funcionam internamente. Para isso, existem
várias plataformas, como PHP, .NET ou Java (entre muitas outras) que não abordaremos. Temos treinamentos
dedicados para conhecer estas plataformas.

Resumindo, nosso foco será o protocolo HTTP!

Falamos tanto sobre essa sigla, mas você sabe qual é o signi cado do HTTP?

A High Text Transmission Protocol

B Heavy Transmission Text Protocol

C Help Text Transfer Protocol

D Hypertext Transfer Protocol

Alternativa correta.

No mundo de TI, temos muitas siglas e abreviações! O que menos importa é decorar esses nomes, mas é preciso entender o
que há por trás. Nesse treinamento vamos focar nos principais conceitos do protocolo HTTP, aquilo que realmente importa
para o desenvolvedor.

PRÓXIMA ATIVIDADE

https://cursos.alura.com.br/course/http-fundamentos/task/25438 1/1
18/07/2018 HTTP: Aula 1 - Atividade 5 Modelo Client-Server | Alura - Cursos online de tecnologia

05

Modelo Client-Server

O protocolo HTTP segue o modelo Client-Server. O que o navegador (como Chrome ou Firefox) representa nesse
modelo? O cliente ou o servidor?

A Cliente

Exato, nós que estamos utilizando o navegador somos o cliente da Alura, que nos fornece o conteúdo,
logo ela é o servidor.

B Servidor

C Nem um, nem outro.

Nesse modelo, o navegador representa o cliente. É importante saber que nem só navegadores dominam o protocolo HTTP.
Ainda veremos mais sobre isso neste treinamento.

PRÓXIMA ATIVIDADE

https://cursos.alura.com.br/course/http-fundamentos/task/25440 1/1
18/07/2018 HTTP: Aula 1 - Atividade 6 Papel do HTTP entre Cliente e Servidor | Alura - Cursos online de tecnologia

06

Papel do HTTP entre Cliente e Servidor

O cliente inicia a comunicação e o servidor responde. No entanto, qual é o papel do HTTP entre o cliente e o
servidor?

A De nir uma estrutura de dados

B De nir o melhor algoritmo de pesquisa

C Estabelecer regras de comunicação

Exatamente, o HTTP foi feito para estabelecer regras de comunicação entre o modelo Cliente-Servidor
que funciona na Web.

D Comprimir os dados

Se você compreende este texto, é porque você sabe português! Para que alguém consiga se comunicar com você, esse alguém
deverá usar o português (supondo que você desconheça outro idioma, é claro). Isso signi ca que, sua regra (protocolo) de
comunicação com o mundo é a língua portuguesa, que de ne a forma com que as informações devem chegar até você
(através do vocabulário, regras de gramática e etc). Uma outra pessoa que conheça português irá usar do mesmo formato, já
que vocês possuem um idioma em comum.

Na internet, como já vimos, o idioma mais comum é o HTTP. Ele é responsável por de nir a forma de como os dados são
trafegados na rede através de várias regras. Portanto, todo mundo que conhece o idioma HTTP poderá receber e enviar
dados e participar dessa conversa!

PRÓXIMA ATIVIDADE

https://cursos.alura.com.br/course/http-fundamentos/task/25441 1/1
18/07/2018 HTTP: Aula 1 - Atividade 7 Para saber mais: Peer-To-Peer | Alura - Cursos online de tecnologia

07

Para saber mais: Peer-To-Peer

Você já usou torrent para baixar algum arquivo na internet? Caso sim, aproveitou um outro modelo de comunicação, o P2P
ou Peer-To-Peer !

O modelo Cliente-Servidor não é o único modelo de comunicação na rede, nem sempre o mais adequado. Por exemplo,
imagine que precisemos contar as letras de 20 palavras. No caso do modelo Cliente-Servidor, quem fará esse trabalho é o
servidor, certo? E se precisar contar as letras de 1 milhão de palavras? Muito trabalhoso para o servidor, não?

O modelo Cliente-Servidor tenta centralizar o trabalho no servidor, mas isso também pode gerar gargalos. Se cada Cliente
pudesse ajudar no trabalho, ou seja, assumir um pouco da responsabilidade do servidor, seria muito mais rápido. Essa é a
ideia do P2P! Não há mais uma clara divisão entre Cliente-Servidor, cada cliente também é servidor e vice-versa!

Isto é útil quando você precisa distribuir um trabalho ou necessita baixar algo de vários lugares diferentes. Faz sentido?

Usando algum aplicativo de Torrent, o protocolo utilizado não é o HTTP, e sim o protocolo P2P, como BitTorrent ou Gnutella.

https://cursos.alura.com.br/course/http-fundamentos/task/25442 1/1
18/07/2018 HTTP: Aula 1 - Atividade 8 Para saber mais: Outros protocolos | Alura - Cursos online de tecnologia

08

Para saber mais: Outros protocolos

O HTTP não é o único protocolo de comunicação que existe. Aliás, existem milhares de protocolos no mundo de
TI, no entanto o HTTP é de longe o mais popular.

Na lista abaixo, há um item que não representa um protocolo para internet.

Qual é exatamente? Pesquise se for necessário!

A FTP

B SQL

SQL (Structured Query Language) não é um protocolo para internet, e sim uma linguagem de consulta
para banco de dados.

C BitTorrent

D SMTP

Um banco de dados cuida dos dados de uma aplicação, é parecido com uma planilha de Excel. O SQL ajuda muito a acessar
esses dados.

Um banco de dados não se preocupa em como os dados serão visualizados, ele só administra os dados! Aqui na Alura, o
banco de dados guarda informações sobre os usuários, cursos, perguntas, respostas, etc.

PRÓXIMA ATIVIDADE

https://cursos.alura.com.br/course/http-fundamentos/task/25443 1/1
18/07/2018 HTTP: Aula 1 - Atividade 9 Para saber mais: Arquitetura da Alura | Alura - Cursos online de tecnologia

09

Para saber mais: Arquitetura da Alura

Agora já sabemos que existe um cliente, o navegador, como Chrome e Firefox, e um servidor, a Alura. Para de nir as regras
de comunicação entre cliente e servidor, existe o protocolo HTTP.

Também já sabemos que o servidor usa alguma plataforma, como PHP, Java, .Net ou outros. Qual plataforma realmente é
utilizada? Não é tão fácil de descobrir, pois o HTTP, de propósito, não está focado em alguma plataforma especí ca e esconde
isso de nós. Bom, eu não vou esconder nada e vou contar para vocês que a Alura usa a plataforma Java e o servidor concreto
se chama Tomcat.

Também já falamos que o SQL é uma linguagem para consultar o banco de dados. Alura usa SQL para acessar o banco de
dados MySQL.

Com essas informações já temos uma breve ideia da arquitetura da Alura!

Cliente <--- HTTP ---> Servidor Java <--- SQL ---> Banco de dados

Visualizando:

https://cursos.alura.com.br/course/http-fundamentos/task/25444 1/1
18/07/2018 HTTP: Aula 1 - Atividade 10 O que aprendemos? | Alura - Cursos online de tecnologia

10

O que aprendemos?

O que você aprendeu nesse capítulo?

A arquitetura Cliente-Servidor
Um protocolo é um conjunto de regras
HTTP é um protocolo que de ne as regras de comunicação entre cliente e servidor na internet.
HTTP é o protocolo mais importante da Internet

https://cursos.alura.com.br/course/http-fundamentos/task/26003 1/1
18/07/2018 HTTP: Aula 2 - Atividade 1 HTTPS - A versão segura do HTTP | Alura - Cursos online de tecnologia

01

HTTPS - A versão segura do HTTP

Transcrição

Sabendo que o HTTP é o protocolo que de ne as regras de comunicação na web, precisamos observar algumas coisas.
Quando usamos o HTTP, todos os dados enviados entre cliente e servidor são transmitidos em texto puro, inclusive dados
sensíveis, como login e senha!

Quando acessamos a Alura por exemplo, precisamos fornecer informações de autenticação, essas informações são nosso
email e senha, que são enviadas e validadas pela plataforma para que assim consigamos assistir as aulas. Estas informações
são enviadas em texto limpo e é possível visualizá-las pelas ferramentas do desenvolvedor do navegador. A aba network nos
possibilita isso.

Mas por que é importante sabermos isso? Quando o navegador pede informações da Alura, nessa comunicação há vários
intermediários. Por exemplo, usando uma conexão Wi-Fi, os dados do navegador passam primeiro para o roteador Wi-Fi, e
do roteador passam para o modem do provedor, do modem para algum servidor do provedor de internet, como Oi ou NET.

É muito provável que existam outros servidores intermediários no provedor antes que os dados realmente cheguem no
servidor da Alura. Com a resposta é a mesma coisa, ela volta passando por esses servidores no meio antes de chegar até
nosso navegador. O problema é, quando usamos HTTP, qualquer servidor no meio pode espionar os dados enviados, algo
totalmente inseguro! Imagine se essas informações fossem relativas a contas bancárias. Não seria nada seguro!

Para estes outros cenários, existe o HTTPS, que basicamente é o HTTP comum, porém com uma camada adicional de
segurança/criptogra a que antes era SSL, mas posteriormente passou a ser também TLS. É muito comum que estas duas
siglas sejam encontradas juntas como SSL/TLS por se tratarem da mesma questão de segurança. Sendo assim, temos dois
termos:

1. HTTP: HyperText Transfer Protocol


2. SSL/TLS: Secure Sockets Layer / Transport Layer Security

https://cursos.alura.com.br/course/http-fundamentos/task/25380 1/1
18/07/2018 HTTP: Aula 2 - Atividade 2 Enviando dados com HTTP | Alura - Cursos online de tecnologia

02

Enviando dados com HTTP

O que acontece com nossos dados quando usamos HTTP , ou seja sem a letra S ao nal?

A Os dados são transportados em texto puro para o servidor, visível para qualquer um.

Exato, nossos dados são enviados em texto puro, cando visível para qualquer um que consiga
interceptar nossa conexão!

B Os dados são criptografados, para impedir a visualização por intermediários.

C Usamos automaticamente um certi cado digital para provar a identidade de um site.

Quando usamos HTTP, os dados são enviados em texto puro. O que pode ser perigoso, já que assim deixamos os dados
abertos para intermediários.

PRÓXIMA ATIVIDADE

https://cursos.alura.com.br/course/http-fundamentos/task/25445 1/1
18/07/2018 HTTP: Aula 2 - Atividade 3 Funcionamento do HTTPS | Alura - Cursos online de tecnologia

03

Funcionamento do HTTPS

Transcrição

Ao acessarmos o site da Alura (https://www.alura.com.br) pelo navegador podemos perceber que ele já usa o protocolo
HTTPS:

Reparem que no navegador, ao lado do https , aparece um cadeado e que ao clicarmos no cadeado podemos ver mais
informações sobre HTTPS. Uma dessas informações indica que a Alura tem uma identidade con rmada. O que isso quer
dizer?

O HTTPS para garantir segurança usa criptogra a baseada em chaves públicas e privadas e para gerar essas chaves publicas e
privadas é preciso garantir a identidade de quem possui essas chaves e isso é feito a partir de um certi cado digital, ou seja,
um certi cado digital é utilizado para identi car determinada entidade e ainda é utilizada para geração das chaves de
criptogra a.

Apesar disso, ainda é necessário que uma autoridade certi cadora, que nada mais é que um órgão ou entidade con ável,
garanta não apenas a identidade do site mas também a validade do certi cado. No caso da Alura a autoridade certi cadora é
a COMODO RSA Domain Validation, mas existem outras.

Dito isso, como tudo funciona? Os navegadores em posse da chave pública criptografam as informações e as enviam para o
servidor que as descriptografa com a chave privada. É importante notar que apenas a chave privada descriptografa as
informações criptografadas com a pública, e também que deve-se manter a chave privada segura.

O que aprendemos nesse capítulo?

Só com HTTPS a web é segura.


HTTPS signi ca usar um certi cado digital no servidor.
O certi cado prova a identidade e tem validade
O certi cado possui uma chave publica.
A chave é utilizada pelo navegador para criptografar os dados.

https://cursos.alura.com.br/course/http-fundamentos/task/25370 1/2
18/07/2018 HTTP: Aula 2 - Atividade 3 Funcionamento do HTTPS | Alura - Cursos online de tecnologia

https://cursos.alura.com.br/course/http-fundamentos/task/25370 2/2
18/07/2018 HTTP: Aula 2 - Atividade 4 Certificado digital | Alura - Cursos online de tecnologia

04

Certi cado digital

Quando precisamos informar nossos dados a algum servidor, queremos ter certeza que este servidor realmente representa a
entidade em questão. Queremos con ar em quem estamos fornecendo nossos dados!

Um certi cado digital prova uma identidade para um site, onde temos informações sobre o seu domínio e a data de
expiração desse certi cado.

Além disso, o certi cado ainda guarda a chave pública que é utilizada para criptografar (cifrar) os dados que são trafegados
entre cliente e servidor.

https://cursos.alura.com.br/course/http-fundamentos/task/25446 1/1
18/07/2018 HTTP: Aula 2 - Atividade 5 Características do HTTPS | Alura - Cursos online de tecnologia

05

Características do HTTPS

Sobre as características do HTTPS, selecione todas as opções abaixo que estejam corretas:

A A chave privada ca apenas no lado do servidor.

Exato, a chave privada é utilizada para descriptografar os dados que foram criptografados com a chave
pública, por isso ela é importante e deve car apenas em posse do servidor.

B HTTP signi ca usar um certi cado digital do servidor.

C O certi cado prova a identidade e tem validade.

Correto, todo certi cado tem uma data validade e serve para provar a identidade entre o cliente e o
servidor.

D O certi cado guarda a chave pública.

Perfeito, é no certi cado digital que encontramos a chave pública utilizada para criptografar os nossos
dados.

Lembrando o HTTP não utiliza criptogra a nenhuma e é inseguro! Para deixar a web segura devemos usar o HTTPS sempre.

PRÓXIMA ATIVIDADE

https://cursos.alura.com.br/course/http-fundamentos/task/25996 1/1
18/07/2018 HTTP: Aula 2 - Atividade 6 Autoridade certificadora | Alura - Cursos online de tecnologia

06

Autoridade certi cadora

Qual é a nalidade das autoridades certi cadoras?

A Garantir que podemos con ar naquele certi cado (identidade).

Exato, a principal função de uma entidade certi cadora é garantir que os certi cados que estão sendo
utilizados podem ser con ados.

B Importar/Exportar chaves publicas do servidor.

C Usada para registrarmos nomes de domínio (DNS).

D Realizar a criptogra a dos dados da requisição.

Essa garantia é feita através de uma assinatura digital. A autoridade certi cadora (CA) assina digitalmente o certi cado!
Como na vida real, existem também no mundo digital: assinaturas!

Uma autoridade certi cadora (CA - Certi cate Authority) é um órgão que garante ao navegador e ao usuário que a identidade
de um servidor (por exemplo o servidor da Alura) é realmente válida. Portanto, podemos trocar informações com este sem
riscos!

PRÓXIMA ATIVIDADE

https://cursos.alura.com.br/course/http-fundamentos/task/25449 1/1
18/07/2018 HTTP: Aula 2 - Atividade 7 Para Saber Mais: As chaves do HTTPS | Alura - Cursos online de tecnologia

07

Para Saber Mais: As chaves do HTTPS

Aprendemos no vídeo que o HTTPS usa uma chave pública e uma chave privada. As chaves estão ligadas matematicamente, o
que foi cifrado pela chave pública só pode ser decifrado pela chave privada. Isso garante que os dados cifrados pelo
navegador (chave pública) só podem ser lidos pelo servidor (chave privada). Como temos duas chaves diferentes envolvidas,
esse método de criptogra a é chamado de criptogra a assimétrica. No entanto, a criptogra a assimétrica tem um problema,
ela é lenta.

Por outro lado, temos a criptogra a simétrica, que usa a mesma chave para cifrar e decifrar os dados, como na vida real,
onde usamos a mesma chave para abrir e fechar a porta. Já a criptogra a simétrica é muito mais rápida, mas infelizmente
não tão segura. Como existe apenas uma chave, ela cará espalhada pelos clientes (navegadores) e qualquer um, que tem a
posse dessa chave, pode decifrar a comunicação.

Agora, o interessante é que o HTTPS usa ambos os métodos de criptogra a, assimétrica e simétrica. Como assim? Muita
calma, tudo o que aprendemos é verdade! Só faltou o grande nal :)

No certi cado, vem a chave pública para o cliente utilizar, certo? E o servidor continua na posse da chave privada, ok? Isso é
seguro, mas lento e por isso o cliente gera uma chave simétrica ao vivo. Uma chave só para ele e o servidor com o qual está se
comunicando naquele momento! Essa chave exclusiva (e simétrica) é então enviada para o servidor utilizando a criptogra a
assimétrica (chave privada e pública) e então é utilizada para o restante da comunicação.

Então, HTTPS começa com criptogra a assimétrica para depois mudar para criptogra a simétrica. Essa chave simétrica será
gerada no início da comunicação e será reaproveitada nas requisições seguintes. Bem-vindo ao mundo fantástico do HTTPS
:)

https://cursos.alura.com.br/course/http-fundamentos/task/26559 1/1
18/07/2018 HTTP: Aula 2 - Atividade 8 O que aprendemos? | Alura - Cursos online de tecnologia

08

O que aprendemos?

O que você aprendeu nesse capítulo?

Por padrão, os dados são trafegados como texto puro na web.


Apenas com HTTPS a Web é segura
O protocolo HTTPS nada mais é do que o protocolo HTTP mais uma camada adicional de segurança, a TLS/SSL
O tipo de criptogra a de chave pública/chave privada
O que são os certi cados digitais
Certi cados possuem identidade e validade
As chaves públicas estão no certi cado, a chave privada ca apenas no servidor
O que é uma autoridade certi cadora
O navegador utiliza a chave pública para criptografar os dados

https://cursos.alura.com.br/course/http-fundamentos/task/26004 1/1
18/07/2018 HTTP: Aula 3 - Atividade 1 Endereços | Alura - Cursos online de tecnologia

01

Endereços

Transcrição

Você que está usando a Alura, já conhece então o endereço: https://www.alura.com.br . Já sabemos que o endereço
começa com http ou https . Repare que depois do nome do protocolo vem :// seguido pelo nome do site, que é
www.alura.com.br . No vocabulário de um desenvolvedor o www.alura.com.br é o domínio (ou domain). A abreviação www

representa o world wide web.

Analisando o domínio

Vamos dar uma olhada com mais carinho no nome do domínio. Olhando da direita para a esquerda, o domínio começa com
br , indicando um site do Brasil. O br representa o top level domain, está na raiz do domínio. Depois vem o com ,

abreviação de comercial e alura . O com e o alura são sub-domínios.

O www representa também um sub-domínio, no entanto seu uso é opcional, tanto que alura.com.br e www.alura.com.br
funcionam e mostram a mesma página. A maioria dos site usam o pre xo www e podemos dizer que isso é algo legado que
continua ser popular apesar de não ser necessário.

Subdomínios

Existe também a ideia de subdomínios, que representam sessões especí cas dentro de um site. Por exemplo, no caso do
Gmail temos o endereço: mail.google.com , ou ainda no caso do Google Drive: drive.google.com . Tanto Gmail como
Drive são subdomínios do domínio Google.

Perceba que esses subdomínios apontam para páginas diferentes dentro do mesmo domínio (Google).

Endereços IP's

O nome do domínio é organizado em uma hierarquia que foi criada para organizar os sites na internet e para a gente ter algo
fácil para se lembrar. Para ser correto, a internet funciona na verdade sem esses domínios. Aqueles nomes são coisas dos
humanos, as máquinas na internet têm uma outra forma de se endereçar. Elas usam o que se chama endereços de IP, que
nada mais são do que números - muito difícil para gente decorar.

Sendo assim, podemos acessar o Google usando um IP. Para quem é muito curioso, mas muito curioso mesmo e deseja saber
qual é o IP do Google, pode digitar na linha de comando a seguinte instrução:

https://cursos.alura.com.br/course/http-fundamentos/task/25391 1/2
18/07/2018 HTTP: Aula 3 - Atividade 1 Endereços | Alura - Cursos online de tecnologia

nslookup google.com
...
Name: google.com
Address: 216.58.202.238

Esse comando procura o número IP do Google na internet. Podemos até usar esse endereço no navegador:
http://216.58.202.238 (http://216.58.202.238)

A página principal do Google deve ser exibida. IP's são mais importantes para quem trabalha com rede. O desenvolvedor
normalmente não precisa mexer com isso.

Observação: Esse IP pode mudar dependendo do servidor concreto onde o Google foi instalado.

DNS

Mas a gente não acessa a Google ou a Alura por um número como 52.206.164.173 e sim pela URL.

Ainda bem não é verdade? Seria inviável decorar todos os serviços e sites que acessamos diariamente apenas por números.

Acontece que por baixo dos panos quando realizamos uma requisição essa URL é transformada em um número por um
serviço transparente chamado de DNS (Domain Name System).

Esse serviço age como um grande banco de dados de domínios. Portanto quando fazemos uma requisição para alura.com.br
o DNS age transformando para um IP e a requisição prossegue.

Podemos inclusive escolher um servidor DNS de preferência na nossa internet. Um bastante usado é o da própria Google:
https://developers.google.com/speed/public-dns/ (https://developers.google.com/speed/public-dns/)

https://cursos.alura.com.br/course/http-fundamentos/task/25391 2/2
18/07/2018 HTTP: Aula 3 - Atividade 2 O que é um domínio na Internet? | Alura - Cursos online de tecnologia

02

O que é um domínio na Internet?

Falamos bastante sobre o domínio nessa aula, mas o que é um domínio (ou domain name) e qual a sua
importância?

A O domínio é o endereço que digitamos no navegador para acessar o site. Para isso, precisamos registrá-lo
no servidor de domínios do Google.

B Domínio é permitir uma conexão segura com o site Web de forma que o servidor garante a integridade do
serviço. Falamos que o serviço foi acessado de forma dominante.

C O domínio é o nome do site na Web. Ele facilita a navegação do usuário, que não precisa lembrar o IP de
cada site.

Alternativa correta, o domínio é o nome do site na web e serve para facilitar a navegação do usuário, que
acaba não precisando lembrar o IP de cada site.

D Domínios eram uma forma primordial de acesso à Internet antes da popularização dos navegadores
modernos. Atualmente não são mais usados e o comum é acessar pelo nome de acesso (Access Name).

PRÓXIMA ATIVIDADE

https://cursos.alura.com.br/course/http-fundamentos/task/25452 1/1
18/07/2018 HTTP: Aula 3 - Atividade 3 Como funciona o DNS? | Alura - Cursos online de tecnologia

03

Como funciona o DNS?

Qual é o objetivo ou a função do DNS (Domain Name Server ou servidor de domínios)?

A O DNS tem como função realizar a tradução do nome de um domínio para o endereço de IP
correspondente.

O DNS realiza a tradução do nome de um domínio para o endereço de IP. Existem vários servidores DNS
no mundo e é fundamental para a nossa web o funcionamento deles.

B O DNS é um protocolo usado no acesso remoto a uma caixa de correio eletrônico.

C O DNS serve para transferir arquivos pela internet de forma rápida e versátil.

D O DNS é usado para permitir o acesso seguro em redes inseguras, sendo muito usado para realizar o
acesso remoto em outros computadores.

PRÓXIMA ATIVIDADE

https://cursos.alura.com.br/course/http-fundamentos/task/25453 1/1
18/07/2018 HTTP: Aula 3 - Atividade 4 Portas | Alura - Cursos online de tecnologia

04

Portas

Transcrição

Como já falamos, quando usamos a URL https://www.alura.com.br abrimos uma conexão com o servidor que roda em
algum lugar na internet. Para estabelecer uma conexão na rede é preciso saber qual é o endereço IP, e já vimos como
descobri-lo.

Agora imagine que o servidor é uma casa: dependendo da casa há várias portas disponíveis. O que é preciso saber é qual
porta devemos utilizar quando chegarmos na casa. Ou seja, devemos saber qual porta é utilizada para o protocolo HTTP!

Abrindo portas

A porta reservada para o protocolo HTTP é o 80 . Novamente um número, e como o navegador já sabe essa porta padrão,
podemos omiti-la, mas nada nos impede adicioná-la no endereço, por exemplo:

http://www.alura.com.br:80

Vai funcionar normalmente, tanto que o navegador esconde automaticamente :80 . Vamos tentar uma outra porta, outro
numero, por exemplo 81 :

http://www.alura.com.br:81

Não funciona, pois essa porta não está aberta no servidor, não podemos estabelecer uma conexão e o tempo de conexão vai
esgotar. Igualmente, o protocolo HTTPS possui uma porta padrão, a porta 443 , que também podemos omitir ao acessarmos
um endereço HTTPS. Podemos testar também e ver que funciona normalmente.

https://www.alura.com.br:443

https://cursos.alura.com.br/course/http-fundamentos/task/25392 1/1
18/07/2018 HTTP: Aula 3 - Atividade 5 Porta padrão HTTP | Alura - Cursos online de tecnologia

05

Porta padrão HTTP

Veja o endereço abaixo:

http://www.alura.com.br

Qual é a porta utilizada?

A 443

B 8080

C 3000

D 80

Correto e como ela é o padrão você pode omiti-la no endereço.

Como as portas padrões são conhecidas pelo navegador, elas podem ser omitidas ao escrevermos uma URL.

Vários protocolos de nem a sua porta padrão como por exemplo o FTP que usa 21 ou SSH que usa 22 .

PRÓXIMA ATIVIDADE

https://cursos.alura.com.br/course/http-fundamentos/task/25451 1/1
18/07/2018 HTTP: Aula 3 - Atividade 6 Recursos | Alura - Cursos online de tecnologia

06

Recursos

Transcrição

Navegando dentro da Alura, mais informações aparecem depois do nome e do domínio. Por exemplo, para acessar a página
principal dos cursos, usamos https://cursos.alura.com.br/dashboard . O /dashboard é um recurso (resource) do site que
gostaríamos de acessar. Existem vários outros recursos na Alura como as carreiras ( /careers ), ou o fórum de discussões
( /forum ). O importante é que cada recurso possua o seu nome único.

Navegando um pouco mais na Alura, podemos perceber que entre o domínio e o recurso podem vir outras informações . Por
exemplo, para acessar o curso HTML5 e CSS3 I: Suas primeiras páginas da Web, usamos
https://cursos.alura.com.br/course/introducao-html-css (https://cursos.alura.com.br/course/introducao-html-css). Ou seja,
para acessarmos o recurso /introducao-html-css , usamos um caminho intermediário, o /course . Há vários outros
exemplos na Alura que usam caminhos para chegar ao recurso concreto, como por exemplo /courses/mine , e navegando
na Alura você encontrará mais.

Finalmente, a URL

Repare que estamos usando umas regras bem de nidas para descrever a localização de um recurso na web. Todos os
endereços na web sempre seguem esse mesmo padrão: protocolo://dominio:porta/caminho/recurso . Esse padrão, na
verdade, segue uma especi cação que foi batizada de Uniform Resource Locator, abreviada como URL. Então, as URLs são os
endereços na web!

https://cursos.alura.com.br/course/http-fundamentos/task/25393 1/1
18/07/2018 HTTP: Aula 3 - Atividade 7 Identificando o protocolo | Alura - Cursos online de tecnologia

07

Identi cando o protocolo

Veja a URL abaixo:

smb://server/download/videos/http.mp4

Nesse exemplo, como se chama o protocolo?

A http

B server

C p

D smb

Correto, o protocolo especi cado na URL se chama smb (aquilo que vem antes do :// )

O protocolo especi cado nessa URL se chama smb.

Lembrando que a URL sempre começa com o nome do protocolo:

O protocolo smb realmente existe e é a abreviação de Server Message Block. Ele é utilizado para compartilhar arquivos
dentro de uma rede local.

PRÓXIMA ATIVIDADE

https://cursos.alura.com.br/course/http-fundamentos/task/25450 1/1
18/07/2018 HTTP: Aula 3 - Atividade 8 Recursos na URL | Alura - Cursos online de tecnologia

08

Recursos na URL

Veja a URL a seguir:

http://g1.globo.com/index.html

Qual é o nome do recurso?

A g1.com.br

B /index.html

Alternativa correta, o recurso é aquilo que vem depois do domínio/ .

C g1.globo.com/index.html

D http

E g1

No início da web, os recursos, na grande maioria, eram arquivos com a extensão .html ou .htm. Até hoje existem vários
recursos que são arquivos na web. Mas reparem que a Alura não funciona dessa maneira. Em nenhum momento você acessa
um arquivo no Alura. Por exemplo, para ver um curso, você usa a URL:

https://cursos.alura.com.br/course/introducao-html-css

Isso é um pouco mais legível e possui a vantagem que a URL não diz nada a respeito do formato. A URL não ca amarrada ao
formato HTML.

PRÓXIMA ATIVIDADE

https://cursos.alura.com.br/course/http-fundamentos/task/25454 1/1
18/07/2018 HTTP: Aula 3 - Atividade 9 Para saber mais: URI ou URL? | Alura - Cursos online de tecnologia

09

Para saber mais: URI ou URL?

Muitas vezes, desenvolvedores usam a sigla URI (Uniform Resource Identi er) quando falam de endereços na web. Alguns
preferem URL, e alguns misturam as duas siglas à vontade. Há uma certa confusão no mercado a respeito e mesmo
desenvolvedores experientes não sabem explicar a diferença. Então, qual é a diferença?

Resposta 1 (fácil): Uma URL é uma URI. No contexto do desenvolvimento web, ambas as siglas são válidas para falar de
endereços na web. As siglas são praticamente sinônimos e são utilizadas dessa forma.

Resposta 2 (mais elaborada): Uma URL é uma URI, mas nem todas as URI's são URL's! Existem URI's que identi cam um
recurso sem de nir o endereço, nem o protocolo. Em outras palavras, uma URL representa uma identi cação de um recurso
(URI) através do endereço, mas nem todas as identi cações são URL's.

Humm ... cou claro? Não? Vamos dar um exemplo! Existe um outro padrão que se chama URN (Uniform Resource Name).
Agora adivinha, os URN's também são URI's! Um URN segue também uma sintaxe bem de nida, algo assim
urn:cursos:alura:course:introducao-html-css . Repare que criamos uma outra identi cação do curso Introdução ao

HTML e CSS da Alura, mas essa identi cação não é um endereço.

Novamente, a resposta 2 vai muito além do que você realmente precisa no dia a dia. Normalmente URL e URI são usados
como sinônimos.

https://cursos.alura.com.br/course/http-fundamentos/task/25455 1/1
18/07/2018 HTTP: Aula 3 - Atividade 10 O que aprendemos? | Alura - Cursos online de tecnologia

10

O que aprendemos?

O que aprendemos nesse capítulo?

URL são os endereços da Web


Uma URL começa com o protocolo (por exemplo https:// ) seguido pelo domínio ( www.alura.com.br )
Depois do domínio pode vir a porta, se não for de nida é utilizada a porta padrão desse protocolo
Após o domínio:porta, é especi cado o caminho para um recurso ( /course/introducao-html-css )
Um recurso é algo concreto na aplicação que queremos acessar

Pronto para continuar?

https://cursos.alura.com.br/course/http-fundamentos/task/26001 1/1
18/07/2018 HTTP: Aula 4 - Atividade 1 Modelo Requisição e Resposta | Alura - Cursos online de tecnologia

01

Modelo Requisição e Resposta

Transcrição

Já descobrimos que o HTTP é um protocolo que de ne as regras de comunicação entre cliente e servidor e de que as URLs
são constituídas. Porém isso não é tudo, vejamos mais alguns detalhes sobre o funcionameto da Web e do HTTP.

Realizaremos um teste efetuando login na Alura. Quando preenchemos o formulário e clicamos no botão, o navegador envia
o nosso login e a nossa senha para o servidor através do protocolo HTTP! Vamos detalhar um pouco esta ação.

No mundo HTTP, a requisição enviada pelo navegador para o servidor é chamada de HTTP REQUEST. Recebemos a página
/dashboard como resposta já que enviamos login e senha válidos. No mundo HTTP essa resposta é chamada de HTTP
RESPONSE.

A comunicação segue sempre esse modelo: o cliente envia uma requisição e o servidor responde. Requisição e Resposta ou
em inglês: Request-Response. Aqui é importante saber que a comunicação sempre começa com o cliente: é ele quem pede as
informações. O servidor responde apenas o que foi requisitado e nunca inicia a comunicação!

Comunicação sem estado

Vamos acessar rapidamente outro site: http://g1.globo.com . Para este acesso estamos enviando uma requisição para g1 e
recebemos como resposta a página inicial.

Agora vamos navegar dentro do site e acessar algum artigo. Ao clicarmos enviamos uma nova requisição e percebemos que
TODA página foi trocada. Fica mais claro ainda se acessarmos do menu acima algum link (globo esporte ou globo show).
Podemos ver que todo o conteúdo do site foi trocado.

Isso também acontece no caso da Alura (talvez um pouco mais difícil de perceber). Ao acessarmos recursos diferentes todo o
conteúdo no navegador foi trocado (apesar do menu parecer o mesmo, ele também foi trocado). A ideia do HTTP é
justamente essa, cada recurso é independente do outro e não depende do anterior. Isso também se aplica para os dados
enviados na requisição. Cada requisição é independente da outra e ela sempre deve conter todas informações para o servidor
responder.

Pense que HTTP funciona como o envio de cartas pelo correio e uma carta representa uma requisição. Você fez uma viagem
e gostaria de enviar 3 cartas para sua mãe. Adianta falar para os correios "eu vou colocar o endereço apenas na primeira
carta, ai vocês já sabem para onde enviar a segunda e terceira carta"? Não adianta pois os correios tratam cada carta
independentemente, e assim também funciona o HTTP. Cada requisição (carta) precisa ter todas as informações. A mesma
coisa se aplica para a resposta, precisa ter todas as informações.

Essa característica de cada requisição ser independente é chamada de stateless. É esse nome bonito mesmo! O HTTP é um
protocolo que não mantém o estado de requisições. Isso signi ca que só com HTTP não há como se lembrar das requisições
anteriores enviadas para o servidor. Por isso precisamos incluir em cada requisição todas as informações, sempre. Para o
desenvolvedor este conhecimento é importante pois é justamente essa característica stateless que o atrapalha no dia a dia.

https://cursos.alura.com.br/course/http-fundamentos/task/25394 1/3
18/07/2018 HTTP: Aula 4 - Atividade 1 Modelo Requisição e Resposta | Alura - Cursos online de tecnologia

Ele precisa preparar a aplicação web para que funcione bem usando o protocolo HTTP, algo que veremos nos treinamentos
da Alura.

Lidando com Sessões

Reparem que, mesmo após termos realizado o login e termos enviado várias requisições, aparece o ícone com a minha
imagem no menu principal.

Ou seja, a Alura se lembra de alguma forma que eu z login em alguma requisição anterior. Como falamos antes, cada
requisição deve enviar todas as informações para gerar a resposta. Isso signi ca que o navegador envia em cada requisição
informações sobre o meu usuário! Se cada requisição for independente uma da outra, e não tiver como se lembrar das
requisições anteriores, não tem outra explicação a não ser que o navegador envie os dados sobre o meu usuário em cada
requisição! Lembre-se da carta postal, ela sempre precisa ter os dados do remetente e aqui não é diferente!

Então o navegador envia o login e senha em cada requisição? Não, não seria muito elegante nem seguro fazer isso. Mas ele
faz algo parecido, acreditem ou não. Quando efetuamos o login, a Alura valida os nossos dados, certo? Nesse momento, o
servidor tem certeza que o usuário existe e gera uma identi cação quase aleatória para o usuário. Essa identi cação é um
número criado ao vivo e muito difícil de adivinhar. Esse numero é a identi cação temporária do usuário e ele será devolvido
na resposta.

Conhecendo cookies

Então onde está esse número? O navegador grava esse número em um arquivo especial para cada site, são os famosos
cookies. Como acessar esse cookie depende um pouco do navegador em uso. O mais importante é entender o porquê da
existência desse número e onde ele foi gravado.

No Chrome podemos ver todos os cookies armazenados nas Con gurações -> Privacidade -> Con gurações de conteúdo... ->
Todos os cookies e dados de site.... Se procurarmos por Alura, em cursos.alura.com.br, lá temos um cookie com o nome
caelum.login.token , que contém o número da identi cação. Se apagarmos esse cookie, perderemos nossa identi cação,

sendo assim, a Alura exigirá um novo login pois não saberá que já tínhamos logado.

https://cursos.alura.com.br/course/http-fundamentos/task/25394 2/3
18/07/2018 HTTP: Aula 4 - Atividade 1 Modelo Requisição e Resposta | Alura - Cursos online de tecnologia

Normalmente o nome do cookie é algo como session-id , dependendo da plataforma de desenvolvimento utilizada ele
pode se chamar de PHPSESSID ou ASP.NET_SessionId ou JSESSIONID ou outro nome que foi inventado! O Cookie será
gerado de forma transparente pela tecnologia que você for utilizar para criar aplicativos web. Esse nome, PHPSESSIONID ,
JSESSIONID ou outro, é gerado pela ferramenta de gerenciamento de Sessão. Por isso ela muda o nome. Se você está usando

PHP, então o PHP gerará o nome do Cookie e seu identi cador (número aleatório) e chamará o cookie PHPSESSIONID . No
Java já será usado o nome JSESSIONID .

Resumindo, todas as plataformas ajudam a gerar esse número e a criar o cookie de maneira transparente. É dessa forma que
as plataformas gerenciam as SESSÕES com o usuário. Como isso funciona de modo concreto você aprenderá nos cursos e
carreiras especí cas.

A ideia de manter dados entre requisições é algo muito comum no desenvolvimento de aplicações na web. Um usuário que se
loga no sistema web causa a criação de uma sessão. Uma sessão então é útil para guardar informações sobre o usuário e
ações dele. Um exemplo clássico é um carrinho de compras. Entre várias requisições estamos usando o mesmo carrinho de
compras que guarda os nossos produtos escolhidos ( zemos uma sessão de compras online).

Resumindo teremos:

O HTTP usa sessões para salvar informações do usuário


Sessões só são possíveis por uso de Cookies
Cookies são pequenos arquivos que guardam informações no navegador
O HTTP é stateless, não mantem estado.

https://cursos.alura.com.br/course/http-fundamentos/task/25394 3/3
18/07/2018 HTTP: Aula 4 - Atividade 2 O HTTP e o estado das requisições | Alura - Cursos online de tecnologia

02

O HTTP e o estado das requisições

Qual das informações abaixo é verdadeira?

A O HTTP guarda o estado das requisições no navegador do usuário. Por consequência, a segunda
requisição sempre será feita para o mesmo destino da primeira.

B Uma requisição sempre deve ser enviada com todas as informações necessárias, o que faz uma requisição
ser sempre independente das demais.

Alternativa correta!

C A letra s na sigla HTTPS signi ca stateless. Usamos HTTPs para trabalharmos com um protocolo sem
armazenamento de estado.

Todas as informações necessárias sempre devem estar contidas na requisição que será enviada, tornando-a independente
das demais.

PRÓXIMA ATIVIDADE

https://cursos.alura.com.br/course/http-fundamentos/task/25550 1/1
18/07/2018 HTTP: Aula 4 - Atividade 3 Sessão HTTP | Alura - Cursos online de tecnologia

03

Sessão HTTP

O que é uma sessão HTTP?

A É o número gerado para identi car o cliente.

B É o tempo entre requisição e resposta.

C É o número gerado para identi car o servidor.

D É o tempo que o cliente utiliza web app.

Alternativa correta!

Uma sessão HTTP nada mais é que um tempo que o cliente permanece ativo no sistema! Isso é parecido com uma sessão no
cinema. Uma sessão, nesse contexto, é o tempo que o cliente usa a sala no cinema para assistir a um lme. Quando você sai
da sala, termina a sessão. Ou seja, quando você se desloga, a Alura termina a sua sessão.

PRÓXIMA ATIVIDADE

https://cursos.alura.com.br/course/http-fundamentos/task/25551 1/1
18/07/2018 HTTP: Aula 4 - Atividade 4 O que é um cookie? | Alura - Cursos online de tecnologia

04

O que é um cookie?

Vimos no vídeo o uso de um cookie para gravar um número, aquele Session ID. Mas o que é um cookie? Pesquise!

https://cursos.alura.com.br/course/http-fundamentos/task/25552 1/1
18/07/2018 HTTP: Aula 4 - Atividade 5 Login e Senha | Alura - Cursos online de tecnologia

05

Login e Senha

Quando estamos autenticados em algum sistema, como a Alura, é necessário sempre enviar o e-mail e senha a cada
requisição?

https://cursos.alura.com.br/course/http-fundamentos/task/25553 1/1
18/07/2018 HTTP: Aula 4 - Atividade 6 Comunicação em HTTP | Alura - Cursos online de tecnologia

06

Comunicação em HTTP

Qual dessas alternativas é verdadeira?

A Em HTTP o servidor sempre envia uma requisição ao cliente para poder alterar algo na tela.

B Uma comunicação com HTTP sempre é iniciada pelo cliente que manda uma requisição ao servidor
esperando por uma resposta.

Alternativa correta!

C Quando trabalhamos com HTTP, a comunicação é sempre iniciada pelo lado do cliente que envia uma
requisição ao servidor em busca de uma resposta. Mas em alguns casos, o servidor também pode enviar
uma requisição ao cliente.

É importante lembrarmos que a comunicação sempre começa com o cliente: é ele quem pede as informações. O servidor
responde apenas o que foi requisitado e nunca inicia a comunicação :)

No HTTP: Request -> espera -> Resposta

PRÓXIMA ATIVIDADE

https://cursos.alura.com.br/course/http-fundamentos/task/25554 1/1
18/07/2018 HTTP: Aula 4 - Atividade 7 O que aprendemos? | Alura - Cursos online de tecnologia

07

O que aprendemos?

O que você aprendeu nesse capítulo?

O protocolo HTTP segue o modelo Requisição-Resposta


Sempre o cliente inicia a comunicação
Uma requisição precisa ter todas as informações para o servidor gerar a resposta
HTTP é stateless, não mantém informações entre requisições
As plataformas de desenvolvimento usam sessões para guardar informações entre requisições

https://cursos.alura.com.br/course/http-fundamentos/task/26002 1/1
18/07/2018 HTTP: Aula 5 - Atividade 1 Depurando o método HTTP | Alura - Cursos online de tecnologia

01

Depurando o método HTTP

Transcrição

Vamos fazer um teste e usar o navegador para mostrar mais detalhes sobre a comunicação HTTP. Os navegadores mais
populares como Google Chrome, Mozilla Firefox ou Microso Internet Explorer possuem ferramentas e plugins que
visualizam como o navegador trabalha e usa o HTTP.

Para habilitar as ferramentas do desenvolvedor no Chrome vá ao menu à direita (as reticências na vertical): Mais
ferramentas -> Ferramentas do desenvolvedor, ou no menu superior: Ferramentas -> Ferramentas do desenvolvedor. Após
isso, selecionamos a aba Network.

No Firefox vá ao menu superior: Ferramentas -> Desenvolvedor web -> Exibir/Ocultar ferramentas.

Para o Internet Explorer aperte a tecla F12 para abrir o console do desenvolvedor e selecione a aba Rede (ou Network).

Método GET do HTTP

Vamos abrir o console de desenvolvedor e acessar o http://www.alura.com.br (http://www.alura.com.br). Aqui usaremos o


navegador Chrome, mas nos outros navegadores o comportamento é bem parecido.

No console podemos ver todas as requisições HTTP executadas pelo Chrome. Mas não só isso, também aparecem alguns
códigos e métodos, além do tempo de execução para cada requisição. Repare que chamamos apenas o
http://www.alura.com.br , mas foram feitas várias outras requisições em seguida.

Na primeira coluna aparece a URL (o endereço) e na segunda coluna o método HTTP. O método HTTP indica qual é a
intenção ou ação dessa requisição. Enviamos uma requisição com o método GET. Queremos receber informações, sem
modi car algo no servidor, que é justamente a ideia do método GET.

Primeiro código da resposta

Como resposta recebemos o código de status 301 . O protocolo HTTP de ne alguns códigos padrões para esclarecer a
resposta. Indo com o mouse em cima do 301 o Chrome mostra o signi cado desse código: Moved Permanently. Ou seja, o
site Alura foi movido para outro lugar! Eis a questão: Onde então está o site Alura?

A localização ou a URL concreta está na resposta HTTP. Vamos clicar em cima do código de status 301 para receber mais
informações. Aqui o Chrome mostra todos os cabeçalhos da requisição e da resposta. São muitos (nem tantos) mas o que nos
interessa é a nova localização do site. Dentro do item Response Headers podemos ver todos os cabeçalhos que o servidor
devolveu e logo logo apareceu um com o nome Location. Esse cabeçalho indica a nova URL, só que agora usando https.

Quando o navegador recebe o status 301 ele já sabe que é preciso enviar uma nova requisição e procura a nova URL no
cabeçalho de resposta Location .

Redirecionando entre sites


https://cursos.alura.com.br/course/http-fundamentos/task/25395 1/2
18/07/2018 HTTP: Aula 5 - Atividade 1 Depurando o método HTTP | Alura - Cursos online de tecnologia

Se alguém acessa a Alura usando http (lembrando, inseguro) automaticamente é chamado o site seguro ( https ). Isto é um
comportamento muito comum para garantir que usamos https sempre. Se esquecermos de usar https , o servidor devolve
o status 301 com a nova localização, mas agora usando https .

O navegador, ao receber 301 , chama automaticamente a nova URL. No mundo de desenvolvimento web este
comportamento é chamado de Redirecionamento pelo navegador, ou Redirecionamento no lado do cliente. Fomos
redirecionados para o recurso correto. A tarefa do desenvolvedor é de nir o código de resposta e, no caso em que algum
recurso tenha mudado a URL, o código 301 será usado com o cabeçalho Location .

O código 200

Continuando no console, a segunda requisição foi para https://www.alura.com.br , novamente usando o método HTTP
GET com a intenção de receber dados. Agora o código de resposta foi 200 . Este é um dos códigos mais comuns e signi ca

que tudo deu certo! Dessa vez não foi preciso fazer um redirecionamento (não tem o cabeçalho Location na resposta) e não
deu nenhum outro problema. A requisição foi aceita e processada corretamente - código 200 . Perfeito.

Tipos de dados diferentes

No console podemos ver que aparecem mais requisições (cada linha representa um novo request). Quando o servidor Alura
devolve a resposta para o navegador vem o conteúdo da página inicial em um formato especial, chamado de HTML. O HTML
de ne a estrutura da nossa página, de ne os menus, botões, links, rodapé etc. Mas dentro do HTML não vêm as imagens e
outros arquivos necessários para deixar o site perfeito. Dentro dele vem apenas a URL (endereço) desses outros recursos.

Então, ao receber o HTML, o navegador dispara várias outras requisições para carregar as imagens, fontes e outros dados.
Como também são requisições HTTP, o console mostra suas informações. Podemos ver que na resposta vem o tipo do
conteúdo, por exemplo text/html , text/css , image/svg+xml , entre outros.

O importante é saber que o protocolo HTTP não está preso em algum formato especí co. Podemos trafegar qualquer
informação com ele, seja texto ou binário!

https://cursos.alura.com.br/course/http-fundamentos/task/25395 2/2
18/07/2018 HTTP: Aula 5 - Atividade 2 Console no Firefox e Internet Explorer | Alura - Cursos online de tecnologia

02

Console no Firefox e Internet Explorer

Para abrir o console no Mozilla Firefox basta apertar a tecla F12, ou CTRL + SHIFT + I. Ele também pode ser acessado pelo
menu: Ferramentas -> Desenvolvedor web -> Exibir/Ocultar ferramentas**.

No Microso Internet Explorer basta apertar a tecla F12 ou ir pelo menu de con guração: F12 Ferramentas do
desenvolvedor.

No Safari basta usa o atalho COMMAND + SHIFT + C .

https://cursos.alura.com.br/course/http-fundamentos/task/25555 1/2
18/07/2018 HTTP: Aula 5 - Atividade 2 Console no Firefox e Internet Explorer | Alura - Cursos online de tecnologia

https://cursos.alura.com.br/course/http-fundamentos/task/25555 2/2
18/07/2018 HTTP: Aula 5 - Atividade 3 Código de sucesso | Alura - Cursos online de tecnologia

03

Código de sucesso

Qualquer resposta HTTP possui um número que informa sobre o status da requisição.

Qual dos códigos abaixo indica que a requisição foi bem sucedida?

A 100

B 404

C 300

D 200

Alternativa correta!

O código 200 signi ca OK, ou Sucesso, que não houve nenhum problema no processamento da requisição e ela foi bem
sucedida.

Existem mais códigos que começam com 2xx. No entanto 200 é de longe o mais utilizado, principalmente no
desenvolvimento de uma aplicação web.

Na documentação o cial, se diz a respeito da classe de códigos que começam com 2xx :

2xx - Resposta bem sucedida!

Essa classe de códigos de status indica que a ação solicitada pelo cliente foi recebida, compreendida, aceita e processada com
êxito.

A tabela completa de mensagens HTTP pode ser vista em: https://www.w3schools.com/tags/ref_httpmessages.asp


(https://www.w3schools.com/tags/ref_httpmessages.asp).

PRÓXIMA ATIVIDADE

https://cursos.alura.com.br/course/http-fundamentos/task/25556 1/1
18/07/2018 HTTP: Aula 5 - Atividade 4 Analisando Request e Response | Alura - Cursos online de tecnologia

04

Analisando Request e Response

Abaixo há um exemplo de uma requisição e resposta, usando a ferramenta telnet. Através dele, acessamos
www.caelum.com.br na porta padrão 80 .

O telnet estabelece apenas uma conexão TCP (protocolo de rede que roda abaixo do HTTP) e permite que
enviemos dados em cima dessa conexão, através do terminal. Uma vez a conexão estabelecida, basta escrever no
terminal e os dados serão enviados automaticamente para o servidor. Para o servidor realmente entender os
dados, devemos respeitar a sintaxe do protocolo HTTP!

Nesse exemplo digitamos no terminal:

GET / HTTP/1.1
HOST: www.caelum.com.br

E a resposta do servidor segue logo abaixo:

HTTP/1.1 200 OK
Content-Type: text/html; charset=utf-8
Vary: Accept-Encoding,User-Agent
Content-Language: pt-br
Date: Mon, 01 Jun 2015 21:00:20 GMT
Server: Google Frontend
Cache-Control: private

Agora, baseado nesses dados, qual foi o método HTTP e código da resposta?

A HTTP e 1.1

HOST e 200

https://cursos.alura.com.br/course/http-fundamentos/task/25578 1/2
18/07/2018 HTTP: Aula 5 - Atividade 4 Analisando Request e Response | Alura - Cursos online de tecnologia

B
C GET e 1.1

D GET e 200

https://cursos.alura.com.br/course/http-fundamentos/task/25578 2/2
18/07/2018 HTTP: Aula 5 - Atividade 5 Depurando os códigos de resposta HTTP | Alura - Cursos online de tecnologia

05

Depurando os códigos de resposta HTTP

Transcrição

Vamos fazer um teste e acessar um recurso que não existe, por exemplo: https://www.alura.com.br/nao-existe . Bom, a
Alura mostra uma imagem que indica que não achou o que procuramos, mas vamos dar uma olhada no console. Repare que
o código agora é 404 . No mundo HTTP 404 signi ca que o servidor não encontrou o recurso (Not Found).

Durante o desenvolvimento de uma aplicação web podem acontecer problemas no lado do servidor. Isto é normal pois
alguma lógica pode falhar, erros acontecem no desenvolvimento! A notícia boa é que o protocolo HTTP vem preparado para
isso. Quando algum problema no servidor acontecer, podemos avisar o cliente através do protocolo HTTP. O código mais
comum para este tipo de problema é o 500 que signi ca: "deu pau no servidor :)". Talvez um ou outro aluno já tenha visto um
erro 500 na Alura. Isso não deveria acontecer, mas onde há humanos também há problemas, não é mesmo?

Categorias de códigos

Existem muitos códigos de resposta de nidos no protocolo HTTP. Há tabelas disponíveis na web que mostram esses códigos,
descrevendo o signi cado de cada um deles. No entanto, no dia a dia, o desenvolvedor não precisa decorar todos esses
códigos. Basta consultar quando for necessário, por exemplo aqui (http://www.w3schools.com/tags/ref_httpmessages.asp).

O importante é saber que algo que começa com 2xx signi ca coisa boa, a requisição foi executada com sucesso. Quando
recebemos algo como 3xx normalmente signi ca que o navegador precisa fazer algo a mais (o cliente precisa agir) pois algo
mudou ou um recurso não existe mais. 4xx signi ca que o navegador enviou dados errados, como por exemplo uma URL
errada. Caso o servidor gere algum problema, serão utilizados os códigos 5xx.

No dia a dia os códigos 200, 404 e 500 são de longe os mais utilizados!

https://cursos.alura.com.br/course/http-fundamentos/task/25399 1/1
18/07/2018 HTTP: Aula 5 - Atividade 6 Problema no servidor | Alura - Cursos online de tecnologia

06

Problema no servidor

Vimos que há diversos códigos HTTP. Vendo os códigos abaixo, qual deles representa algum problema gerado no
servidor?

A 302

B 402

C 500

Alternativa correta!

D 301

A classe 5xx signi ca que houve algum problema no servidor.

Por exemplo: 500 - Internal Server Error, ou outro famoso: 503 - Service Unavailable.

O código 500 acontece com frequência quando estamos desenvolvendo uma aplicação web e, ao testar, percebemos que
erramos algo na lógica que gerou um problema no servidor.

PRÓXIMA ATIVIDADE

https://cursos.alura.com.br/course/http-fundamentos/task/25575 1/1
18/07/2018 HTTP: Aula 5 - Atividade 7 Recurso não encontrado | Alura - Cursos online de tecnologia

07

Recurso não encontrado

Abra uma nova aba no navegador e tente acessar: http://g1.globo.com/algo-que-nao-existe


(http://g1.globo.com/algo-que-nao-existe)

Qual foi o código da resposta?

Obs: Você precisa depurar a requisição HTTP para descobrir o código da resposta.

A 500

B 405

C 200

D 404

Alternativa correta!

404 é o código clássico que indica que o recurso não foi encontrado. Em geral, a classe 4xx indica que o cliente errou algo

na requisição.

Segue um outro exemplo da classe 4xx , tente acessar: https://s3.amazonaws.com/caelum-online-public/http/qq.png


(https://s3.amazonaws.com/caelum-online-public/http/qq.png)

Nesse caso o código de resposta é 403 (não permitido): o cliente não tem a permissão.

PRÓXIMA ATIVIDADE

https://cursos.alura.com.br/course/http-fundamentos/task/25576 1/1
18/07/2018 HTTP: Aula 5 - Atividade 8 Analisando Request e Response 2 | Alura - Cursos online de tecnologia

08

Analisando Request e Response 2

Repare os cabeçalhos da requisição e resposta:

Seguem 4 a rmações:

1) O código da resposta é 302 .

2) O recurso solicitado é /cursos/ .

3) O cliente não recebeu a resposta.

4) O servidor está pedindo um redirecionamento.

Avalie as a rmações e escolha a resposta correta:

A Apenas as a rmativas 1 e 4 são verdadeiras.

Alternativa correta!

B Todas as a rmativas são verdadeiras.

C Apenas as a rmativas 1, 2 e 4 são verdadeiras.

D Apenas as a rmativas 2 e 3 são verdadeiras.

1) O código da resposta é 302 .

Correto, o código aparece na resposta. O código 302 signi ca Movido Temporariamente.

2) O recurso solicitado é /cursos/ .

https://cursos.alura.com.br/course/http-fundamentos/task/25580 1/2
18/07/2018 HTTP: Aula 5 - Atividade 8 Analisando Request e Response 2 | Alura - Cursos online de tecnologia

Errado, pois na requisição aparece: GET /treinamento HTTP/1.1 .

3) O cliente não recebeu a resposta.

Errado, pois foi enviada sim uma resposta para o cliente.

4) O servidor está pedindo um redirecionamento.

Correto, na resposta aparece o cabeçalho Location , que de ne o redirecionamento para


http://www.caelum.com.br/cursos/ .

Portanto, as a rmativas 1 e 4 são verdadeiras.

PRÓXIMA ATIVIDADE

https://cursos.alura.com.br/course/http-fundamentos/task/25580 2/2
18/07/2018 HTTP: Aula 5 - Atividade 9 Classes de códigos | Alura - Cursos online de tecnologia

09

Classes de códigos

Já vimos 3 classes do protocolo HTTP: 2xx , 4xx e 5xx .

Para que existem os códigos 3xx ?

A Redirecionamento.

Alternativa correta!

B Comunicação unidirecional.

C Erro no intermediário.

D Virus encontrado.

A classe do código 3xx é relacionada com o redirecionamento.

Nesse caso, o cliente (navegador) deve tomar medidas extras para concluir o pedido. Normalmente são utilizados os códigos
301 ou 302 , junto com o cabeçalho de resposta Location .

Por exemplo, veja a requisição, tentando acessar a Alura através do protocolo HTTP (sem S):

GET / HTTP/1.1
HOST: www.alura.com.br

https://cursos.alura.com.br/course/http-fundamentos/task/25581 1/2
18/07/2018 HTTP: Aula 5 - Atividade 9 Classes de códigos | Alura - Cursos online de tecnologia

Na resposta, recebemos o código 301 e o cabeçalho Location para enviar uma nova requisição, usando o protocolo
HTTPS:

HTTP/1.1 301 Moved Permanently


Server: nginx/1.6.2
Date: Tue, 02 Jun 2015 19:37:44 GMT
Content-Type: text/html
Content-Length: 184
Location: https://www.alura.com.br/

PRÓXIMA ATIVIDADE

https://cursos.alura.com.br/course/http-fundamentos/task/25581 2/2
18/07/2018 HTTP: Aula 5 - Atividade 10 Resumindo o capítulo | Alura - Cursos online de tecnologia

10

Resumindo o capítulo

Transcrição

Nesse capítulo, trabalhamos com depuração de uma requisição HTTP, vimos que ela pode ser feita somente com recursos do
próprio browser, através do console de depuração.

Vimos também que existem métodos quando fazemos uma requisição, por enquanto só trabalhamos com método HTTP
GET, que é utilizado quando estamos pedindo alguma coisa, quando queremos receber algo.

Além disso, quando recebemos uma resposta, ela contém cabeçalhos, como Location .

Por último, vimos os códigos de resposta HTTP, como 200 , 301 , 404 e 500 , para analisar de fato o que aconteceu com a
nossa requisição.

https://cursos.alura.com.br/course/http-fundamentos/task/25400 1/1
18/07/2018 HTTP: Aula 5 - Atividade 11 Para saber mais: Mais códigos HTTP | Alura - Cursos online de tecnologia

11

Para saber mais: Mais códigos HTTP

HTTP é o protocolo mais utilizado na internet e há muita documentação disponível. Segue um link que explica os códigos
HTTP de forma divertida: httpstatusdogs (https://httpstatusdogs.com) ou se você preferir gatos httpcats (https://http.cat/)

Espero que goste :)

https://cursos.alura.com.br/course/http-fundamentos/task/25582 1/1
18/07/2018 HTTP: Aula 6 - Atividade 1 Revisando o capítulo anterior | Alura - Cursos online de tecnologia

01

Revisando o capítulo anterior

Transcrição

No capítulo anterior vimos que ao efetuar uma requisição do tipo GET para http://www.alura.com.br recebíamos do
servidor uma resposta de status code 301 e nessa resposta estava especi cado o cabeçalho Location =
https://www.alura.com.br .

Já vimos que esse código 301 indica para quem fez a requisição, no nosso caso o browser, que ele deve fazer um
redirecionamento para o endereço especi cado no cabeçalho Location da resposta, ou seja, para a página com HTTPS .

Ao realizar uma nova requisição para o novo endereço recebemos a indicação que deu tudo certo com a requisição através do
status code 200 e no corpo da resposta o conteúdo, HTML, a ser renderizado pelo browser. Lembrando que, no HTML há
dependências para outros recursos como imagens, arquivos de estilo etc, isso faz com que várias outras requisições e
respostas sejam realizadas para que a página seja renderizada corretamente pelo cliente navegador.

Identi camos assim que o status code do HTTP tem uma forte relação com o que aconteceu no processamento do pedido.
Podíamos inclusive catalogá-los como a seguir:

2XX -> Respostas de sucesso


3XX -> Mensagem de redirecionamento
4XX -> Respostas de erro do cliente
5XX -> Respostas de erro do servidor

https://cursos.alura.com.br/course/http-fundamentos/task/25401 1/1
18/07/2018 HTTP: Aula 6 - Atividade 2 A qual grupo eu pertenço? | Alura - Cursos online de tecnologia

02

A qual grupo eu pertenço?

Com base na família de erros que você aprendeu no curso, marque a alternativa correta:

A 200, 203, 207 -> Respostas de Sucesso


500, 502, 503 -> Mensagem de redirecionamento
300, 201, 302 -> Respostas de erro do cliente
401, 404, 405 -> Respostas de erro do servidor

B 200, 203, 207 -> Respostas de Sucesso


401, 404, 405 -> Mensagem de redirecionamento
300, 201, 302 -> Respostas de erro do cliente
500, 502, 503 -> Respostas de erro do servidor

C 200, 203, 207 -> Respostas de Sucesso


300, 301, 302 -> Mensagem de redirecionamento
401, 404, 405 -> Respostas de erro do cliente
500, 502, 503 -> Respostas de erro do servidor

Correto!

PRÓXIMA ATIVIDADE

https://cursos.alura.com.br/course/http-fundamentos/task/26026 1/1
18/07/2018 HTTP: Aula 6 - Atividade 3 Parâmetros na requisição com métodos GET e POST | Alura - Cursos online de tecnologia

03

Parâmetros na requisição com métodos GET e POST

Transcrição

Vamos ver um outro exemplo de uma URL e acessar http://www.youtube.com (http://www.youtube.com). Como tem muito
conteúdo no YouTube, vamos pesquisar, por exemplo por Ayrton Senna. Repare que, ao pesquisar no YouTube, a URL mudou
um pouco. O recurso acessado pela busca se chama /results (os resultados da pesquisa) mas agora temos um parâmetro
da requisição, indicado pela ?: https://www.youtube.com/results?search_query=Ayrton+Senna

O parâmetro se chama search_query com o valor Ayrton+Senna . Esses parâmetros da URL normalmente são chamados de
Query Params. O HTTP permite enviar mais de um parâmetro, basta concatenar o próximo parâmetro através do caractere
&.

Por exemplo, a busca avançada do Google usa vários parâmetros para re nar a pesquisa como o idioma, o país ou data. Veja
como o Google concatena os Query Params: https://www.google.com.br/?
gws_rd=ssl#lr=lang_pt&tbs=lr:lang_1pt&q=neymar

Parâmetros com GET

Reparem que no console sempre aparece o tipo (ou método) da requisição, sendo GET . Uma característica da requisição
GET é enviar os parâmetros pela URL! Isso é útil quando queremos deixar os parâmetros visíveis. Assim podemos facilmente

guardar a URL com os parâmetros para repetir a requisição algum momento depois. Mas será que isso também é uma boa
opção na hora de enviar credenciais como login e senha ? Queremos que apareça a senha de um usuário na URL?

Imagina que você efetue o login no seu banco e na URL apareça: https://www.bb.com.br/login?
login=nico&password=supersecreto

Não parece ser uma boa solução, não é mesmo?

O método HTTP POST

Vamos efetuar um login na Alura para ver como esse sistema envia dados do usuário para o servidor.

Repare que a URL para enviar o login e senha se chama https://www.alura.com.br/signin . Repare também que o método
HTTP utilizado mudou. Estamos usando o HTTP POST! Usando o POST , o navegador envia os dados do formulário no corpo
da requisição e não na URL! Se fosse um GET , todos os dados seriam enviados através da URL. Como a Alura não deseja que
os dados do login e senha apareçam na URL do navegador, foi utilizado um HTTP POST . Faz sentido?

GET para receber, POST para criar?

https://cursos.alura.com.br/course/http-fundamentos/task/25396 1/2
18/07/2018 HTTP: Aula 6 - Atividade 3 Parâmetros na requisição com métodos GET e POST | Alura - Cursos online de tecnologia

Um outro exemplo de um método POST na Alura é quando criamos uma pergunta no forum. Nesse momento o usuário
submete um formulário com dados para criar um novo recurso na Alura (a pergunta do aluno se torna um recurso). O
método POST foi inicialmente pensado para criar algo novo no servidor como acabamos de fazer. Ou seja, ao enviar uma
requisição POST para o servidor, a nossa intenção é criar algo novo. No entanto, nem sempre isso é realmente utilizado
dessa maneira. Por exemplo, acabamos de usar um POST para veri car o login, ou seja, não alteramos ou adicionamos nada
na Alura. Nossa motivação para o POST era esconder os parâmetros apenas.

Como o servidor realmente reage quando recebe uma requisição POST depende da implementação, depende da lógica atrás.
Os métodos como GET e POST de nem uma intenção mas o que realmente será executado depende do servidor.

No dia a dia, vocês vão ver códigos usando GET para fazer pesquisas mas também para alterar ou remover algo no servidor.
A mesma coisa podemos dizer sobre POST . Vocês vão usar o POST para inserir e alterar dados, mas também para pesquisar.
As aplicações podem adaptar o signi cado dos métodos HTTP quando for necessário.

https://cursos.alura.com.br/course/http-fundamentos/task/25396 2/2
18/07/2018 HTTP: Aula 6 - Atividade 4 Testando parâmetros da requisição | Alura - Cursos online de tecnologia

04

Testando parâmetros da requisição

Vamos testar o envio de parâmetros através da requisição, fazendo uma busca no Google pela palavra Alura.

Para isso, na URI do Google, vamos enviar na requisição o parâmetro q com o valor Alura . Ou seja:
google.com.br/search?q=Alura (https://google.com.br/search?q=Alura)

Ao entrar nessa URI, qual método HTTP foi usado?

A Outro método.

B POST.

C GET.

Alternativa correta!

Resposta correta: GET

Quando passamos os parâmetros da requisição na URL, estamos fazendo uso do método GET . O que é super útil quando
precisamos repetir a requisição com os mesmos parâmetros :)

PRÓXIMA ATIVIDADE

https://cursos.alura.com.br/course/http-fundamentos/task/25583 1/1
18/07/2018 HTTP: Aula 6 - Atividade 5 Enviando parâmetros de forma correta | Alura - Cursos online de tecnologia

05

Enviando parâmetros de forma correta

Vimos que podemos enviar parâmetros em uma URL. Então, qual é a forma correta de enviá-los?

A http://calculadordeimc.com.br/&peso=44&altura=1.50

B http://calculadordeimc.com.br/?peso=44,altura=1.50

C http://calculadordeimc.com.br/?peso=44&altura=1.50

Alternativa correta!

D http://calculadordeimc.com.br/&peso=44?altura=1.50

Quando enviamos parâmetros na URL, devemos iniciar pelo ? , o nome do parâmetro e um = , para separar o nome do
parâmetro do seu valor:

?nome_do_parametro=seu_valor

Quando usamos mais do que, um parâmetro devemos usar & para separá-los:

?nome_do_parametro=seu_valor&nome_do_outro_param=valor

PRÓXIMA ATIVIDADE

https://cursos.alura.com.br/course/http-fundamentos/task/25584 1/1
18/07/2018 HTTP: Aula 6 - Atividade 6 Qual é o método HTTP? | Alura - Cursos online de tecnologia

06

Qual é o método HTTP?

Veja os dados da requisição:

AQUI /vendas?ano=2014 HTTP/1.1


HOST: www.vendasfuturas.com.br

Qual método HTTP devemos colocar no lugar de AQUI para a requisição funcionar corretamente?

A POST

B PUT

C GET

Alternativa correta!

D DELETE

GET é normalmente usado para pesquisas, mas isso depende um pouco de como a plataforma e o desenvolvedor usam esse

método. Na vida real, vocês vão encontrar muitos exemplos que usam requisições do tipo GET , não só para pesquisas.

O protocolo HTTP de ne que o GET deve ser utilizado apenas para acessar os dados, mas HTTP, como protocolo, não pode
impedir o desenvolvedor de fazer algo diferente. Por exemplo, veja a requisição a seguir:

GET /vendas/remove?id=53 HTTP/1.1


HOST: www.vendasfuturas.com.br

Usamos GET , mas repare que o nome do recurso muda a intenção do método HTTP. O recurso se chama /vendas/remove ,
ou seja, queremos apagar a venda com a identi cação 53, usando o método GET !

O protocolo HTTP de ne apenas algumas regras entre cliente e servidor. O que o servidor realmente faz depende da
implementação, ok?

OBS: Se tiver com código 500 na cabeça, abra uma pergunta no fórum :)

PRÓXIMA ATIVIDADE

https://cursos.alura.com.br/course/http-fundamentos/task/25585 1/1
18/07/2018 HTTP: Aula 6 - Atividade 7 Por que POST? | Alura - Cursos online de tecnologia

07

Por que POST?

Seguem os dados da requisição para efetuar o login na plataforma Alura:

POST /signin/ HTTP/1.1


HOST: https://www.alura.com.br
Content-Type: application/x-www-form-urlencoded

email=nico.steppat%40caelum.com.br&senha=totalmentesecreta

Porque foi utilizado o método POST ?

A Foi utilizado POST . Mas como não há diferença, poderíamos usar GET .

B Usamos POST para deixar os parâmetros explícitos na URL.

C Usamos POST para de nir o recurso.

D Usamos POST para incluir os parâmetros no corpo da requisição.

Alternativa correta!

Utilizando o método GET , tanto o login quanto a senha seriam passados como parâmetro na URL, coisa que não queremos
que aconteça. O método POST deixa os parâmetros no corpo da requisição, assim evita que informações importantes, como
a senha, quem explícitas na URL.

Usando o método GET , a URL caria:

GET /signin/?email=nico.steppat@caelum.com.br&senha=totalmentesecreta HTTP/1.1


HOST: https://www.alura.com.br

Logo, o POST foi utilizado para que se enviasse os valores do formulário no corpo da requisição.

PRÓXIMA ATIVIDADE

https://cursos.alura.com.br/course/http-fundamentos/task/25586 1/1
18/07/2018 HTTP: Aula 6 - Atividade 8 Para saber mais: Parâmetros na URL | Alura - Cursos online de tecnologia

08

Para saber mais: Parâmetros na URL

Como, por exemplo, podemos enviar uma requisição usando o método GET para carregarmos a página que exibe
informações sobre o usuário de número 2? Devemos passar o parâmetro id com o valor 2 . Como por exemplo:

http://meusite.com.br/usuario?id=2

Uma outra forma de fazer seria passar os valores na própria URL! Veja o exemplo:

http://meusite.com.br/usuario/2

Mas tem um probleminha, não estamos dizendo explicitamente que o valor 2 realmente representa o id . Quando um
parâmetro irá receber um certo valor, devemos combinar com o servidor (com o desenvolvedor da aplicação). Neste caso, foi
combinado que o parâmetro recebido seria equivalente ao id passado antes.

Vamos ver um exemplo prático, em um serviço que retorna informações sobre um endereço de um determinado CEP?
Acesse a URL: http://viacep.com.br/ws/20040030/json (http://viacep.com.br/ws/20040030/json)

A resposta será todas as informações do CEP da Caelum Rio, como complemento, número e bairro, formatadas em JSON.
Isso signi ca que foi combinado com o servidor, que o primeiro valor passado depois de ws deve ser o CEP e logo após, o
formato em que os dados deverão chegar. No nosso caso, JSON. Tudo bem? :)

Experimente agora trocar para o CEP de sua casa e para outro formato de dados, como por exemplo, XML.

https://cursos.alura.com.br/course/http-fundamentos/task/25587 1/1
18/07/2018 HTTP: Aula 6 - Atividade 9 Para saber mais: Outros métodos HTTP e Web Services | Alura - Cursos online de tecnol…

09

Para saber mais: Outros métodos HTTP e Web Services

Já falamos bastante sobre os métodos (ou verbos) HTTP, GET e POST . Esses dois são utilizados na grande maioria das
aplicações web, e fazem parte do dia a dia do desenvolvedor, no entanto existem diversos outros métodos.

Se o GET foi criado para receber dados, e o POST para adicionar algo no servidor, será que não existe algo para apagar e
atualizar?

A resposta é sim, e os métodos se chamam DELETE e PUT .

Novamente esses métodos normalmente não são utilizados quando se trata de uma aplicação web, e são mais importantes
quando vem o assunto importante de Web Services.

Agora vem a pergunta, você já ouviu falar de Web Services?

https://cursos.alura.com.br/course/http-fundamentos/task/25588 1/1
18/07/2018 HTTP: Aula 6 - Atividade 10 O que aprendemos? | Alura - Cursos online de tecnologia

10

O que aprendemos?

Transcrição

Vimos o uso e as diferenças básicas entre os métodos GET e POST, que resumindo são: GET é utilizado para a busca de
informações e tem seus parâmetros listados na URL, indicados pela presença da interrogação (?) seguido de pares de chave e
valor, lembrando que vários parâmetros podem ser enviados simplesmente concatenando-os com o caractere &. Exemplo:
http://www.youtube.com?search_query=ayrton+senna&sp=cam%250

O POST por outro lado é mais utilizado para criação de recursos, informações no servidor e envia seus dados no corpo da
requisição.

Para nalizar o capítulo, mencionamos que existem outros métodos HTTP como o DELETE e PUT (e acredite que tem mais
ainda). O DELETE existe para enviar uma requisição com a intenção de remover um recurso, PUT para atualizar. No
entanto, esses métodos são poucos utilizados no desenvolvimento de aplicações web, eles são mais importantes quando se
tratam de serviços web.

Em geral, há mais recursos que o protocolo HTTP oferece, como vários outros cabeçalhos que especi cam mais a requisição
e resposta. Aqui nesse treinamento vimos os mais importantes métodos, códigos e cabeçalhos do protocolo HTTP.

https://cursos.alura.com.br/course/http-fundamentos/task/25712 1/1
18/07/2018 HTTP: Aula 7 - Atividade 1 Serviços Web -REST | Alura - Cursos online de tecnologia

01

Serviços Web -REST

Transcrição

Já estudamos como o modelo de requisição-resposta funciona usando o browser para esse estudo. Mas será que toda a
requisição HTTP sempre tem como origem um navegador? E toda resposta só possui conteúdo que ele entende: HTML, CSS,
Javascript e imagens ?

Nesse capítulo veremos como as aplicações conseguem se comunicar e responder as questões levantadas anteriormente.

Serviços WEB

Hoje existem milhões de so wares rodando ou sendo desenvolvidos em várias linguagens de programação e frameworks.
Tais so wares não vivem necessariamente isolados e podem querer se comunicar de alguma forma.

Um exemplo clássico é o login via rede social que estamos cada vez mais habituados. Essa conversa acaba sendo transparente
para nós, usuários, já que exige uma autorização de acesso às nossas informações.

Em outros momentos as aplicações conversam sem que nada visual seja implementado ou mesmo uma autorização do
cliente seja pedida.

As aplicações que disponibilizam serviços para outras são chamadas de webservices. E uma API de utilização é documentada
para uma integração e ciente entre sistemas.

Temos serviços web para trabalhar com pagamentos(Paypal é um exemplo famoso), upload de imagens, transformação de
CEP em endereços textuais e diversos outros. Tudo isso é feito através do poderoso protocolo HTTP.

Cenário de trabalho

Você muito provavelmente já teve uma péssima experiência quando estava sem conexão com a internet usando um
aplicativo móvel. Alguns apps não funcionam sem um acesso a rede porque as principais funcionalidades são feitas via
requisições HTTP.

Essas requisições são implementadas programaticamente pelo desenvolvedor. Podemos implementá-las em várias
linguagens de programação: Java, PHP, Javascript etc.

Para exempli car vamos imaginar que temos aqui na Alura uma divisão responsável por uma aplicação de pedido de
refeições que é a AluraFood.

A AluraFood tem duas equipes em ação: a do serviço web(ou simplesmente API web) e a dos apps mobile(Android e iOS).

Os desenvolvedores responsáveis pela tela de listagem de restaurantes vão precisar receber do serviço os detalhes de cada
restaurante. Felizmente o pessoal responsável pelo webservice já documentou exatamente o que seria necessário:

Listagem de todos os restaurantes --> GET - http://alurafood.com/api/restaurante

Como retorno dessa requisição poderíamos receber o seguinte conteúdo HTML :


https://cursos.alura.com.br/course/http-fundamentos/task/25371 1/3
18/07/2018 HTTP: Aula 7 - Atividade 1 Serviços Web -REST | Alura - Cursos online de tecnologia

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>AluraFood</title>
<link rel="stylesheet" type="text/css" href="principal.css">
<script type="text/javascript" src="build.js"></script>

</head>
<body>
<table>
<tr>
<td>Bob's</td>
<td>8</td>
<td>R. do México 100</td>
<td><img src="http://alurafoods.com/uploads/logos/bobs.png"/></td>
</tr>
<tr>
<td>Subway</td>
<td>8.5</td>
<td>Av. Rio Branco 202</td>
<td><img src="http://alurafoods.com/uploads/logos/subway.png"/></td>
</tr>
<tr>
<td>Experimenta Lanches</td>
<td>9</td>
<td>R. do Brasil 545</td>
<td><img src="http://alurafoods.com/uploads/logos/e-lanches.png"/></td>
</tr>
</table>
</body>
</html>

Perceba que temos uma listagem de restaurante sendo apresentada dentro de uma tabela(elemento table do HTML) e cada
linha(elemento tr) possui 4 colunas(td). Dentro de cada coluna temos as informações dos restaurantes: nome, nota de
avaliação, endereço e logo .

Logo percebemos que os responsáveis precisarão realizar uma análise do conteúdo HTML e extrair dele somente as
informações necessárias. Esse ato de analisar o documento é chamado de realizar um parsing do arquivo.

Perceba que o HTML tem muito mais do que o necessário para essa equipe, é um formato de verbosidade considerável:
temos cabeçalhos e tags diversas. Para piorar estamos trafegando muito mais informações do que o necessário e onerando
até mesmo a banda do nosso usuário. Péssimo cenário não é mesmo?

Pensando nessa de ciência do HTML temos outros formatos que fazem mais sentido quando uma representação de um
recurso (um restaurante) se faz necessário. Temos como exemplo mais legível o XML(eXtensible Markup Language) que
poderia ser devolvido como resposta e ter o seguinte conteúdo:

<?xml version="1.0"?>
<restaurantes>
<restaurante>
<nome>Bob'</nome>
<avaliacao>8</avaliacao>
<endereco>R. do México 100</endereco>
<logo>http://alurafoods.com/uploads/logos/bobs.png</logo>
https://cursos.alura.com.br/course/http-fundamentos/task/25371 2/3
18/07/2018 HTTP: Aula 7 - Atividade 1 Serviços Web -REST | Alura - Cursos online de tecnologia
g p p g p g g
</restaurante>
<restaurante>
<nome>Subway</nome>
<avaliacao>8.5</avaliacao>
<endereco>Av. Rio Branco 202</endereco>
<logo>http://alurafoods.com/uploads/logos/subway.png</logo>
</restaurante>
<restaurante>
<nome>Experimenta Lanches</nome>
<avaliacao>9</avaliacao>
<endereco>R. do Brasil 545</endereco>
<logo>http://alurafoods.com/uploads/logos/e-lanches.png</logo>
</restaurante>
</restaurantes>

Outro famoso formato e onerando menos ainda a rede, por ser mais leve, é o JSON(JavaScript Object Notation):

[
{
"nome": "Bob'",
"avaliacao": "8",
"endereco": "R. do México 100",
"logo": "http://alurafoods.com/uploads/logos/bobs.png"
},
{
"nome": "Subway",
"avaliacao": "8.5",
"endereco": "Av. Rio Branco 202",
"logo": "http://alurafoods.com/uploads/logos/subway.png"
},
{
"nome": "Experimenta Lanches",
"avaliacao": "9",
"endereco": "R. do Brasil 545",
"logo": "http://alurafoods.com/uploads/logos/e-lanches.png"
}
]

Mas como especi car à aplicação de serviço que gostaríamos de receber em um formato JSON ? Via cabeçalho HTTP!

Para indicar que queremos resposta no formato JSON usa-se um Accept: application/json como cabeçalho HTTP. Por outro
lado já na resposta uma indicação desse conteúdo é especi cado pelo cabeçalho Content-Type: application/json.

https://cursos.alura.com.br/course/http-fundamentos/task/25371 3/3
18/07/2018 HTTP: Aula 7 - Atividade 2 Métodos HTTP | Alura - Cursos online de tecnologia

02

Métodos HTTP

No desenvolvimento Web, para o envio de dados através de formulários, quais são os métodos HTTP que são
mais utilizados pelos desenvolvedores no dia a dia?

A GET e POST

Correto, GET e POST são de longe os métodos mais utilizados.

B DELETE e PUT

C PUT e POST

D GET e HEAD

Os métodos GET e POST são de longe os métodos mais utilizados no desenvolvimento web, mas porque isso?

A resposta está no nosso HTML! Para enviar uma requisição HTTP sem uso do JavaScript é preciso escrever um código
HTML, correto? Em detalhe para enviar uma requisição HTTP devemos usar a tag a ou um form e para POST devemos
usar sempre a tag form .

E ai está o problema pois não tem uma forma que permite enviar um requisição HTTP pelo HTML a não ser GET ou POST.
Para usar os outros métodos como DELETE ou PUT é preciso programar em JavaScript e nem sempre isso é desejável.

PRÓXIMA ATIVIDADE

https://cursos.alura.com.br/course/http-fundamentos/task/26021 1/1
18/07/2018 HTTP: Aula 7 - Atividade 3 Sobre o HTTP | Alura - Cursos online de tecnologia

03

Sobre o HTTP

Leia abaixo as a rmações sobre o protocolo.

Marque todas as a rmações verdadeiras:

A HTTP sempre deve ser utilizado em conjunto com HTML.

B Requisições HTTP podem ser enviadas através de qualquer aplicativo/so ware que entenda o protocolo.

A rmação correta , o HTTP não depende do navegador. Aliás, o tempo todo o nosso celular usa o HTTP
para enviar requisições através de aplicativos!

C HTTP é totalmente independente do formato dos dados.

A rmação correta pois HTTP não depende de um formato especi co!

D HTTP não possui cabeçalhos para indicar o formato.

E HTTP pode trafegar tanto dados binários quanto dados textuais.

A rmação correta pois HTTP pode trafegar dados binários como imagens e dados textuais como HTML
ou CSS!

PRÓXIMA ATIVIDADE

https://cursos.alura.com.br/course/http-fundamentos/task/26030 1/1
18/07/2018 HTTP: Aula 7 - Atividade 4 Sobre o formato | Alura - Cursos online de tecnologia

04

Sobre o formato

O protocolo HTTP envia dados em texto puro e já estudamos sobre as implicações disso em questões de
segurança. Vimos inclusive como o HTTPS lida com isso.

Em alguns momentos se faz necessário avisar na própria requisição um formato especí co esperado para a
resposta.

De que forma podemos especi car o formato que esperamos que seja devolvido?

A Pelo cabeçalho Content-Type.

B Pelo cabeçalho Accept-Type.

C Somente por um parâmetro na requisição já que o HTTP não lida com formatos especí cos além de texto.
Exemplo: /restaurantes?format=json .

D Pelo cabeçalho Accept-Language.

E Pelo cabeçalho Accept.

Através dele podemos usar algum formato especí co como:

Accept: text/html, Accept: text/css, Accept: application/xml, Accept: applica

Ou até mesmo não de nir nenhum formato especí co colocando:

Accept: */*

A resposta correta é usando o cabeçalho Accept.

Através dele podemos usar algum formato especí co como:

Accept: text/html, Accept: text/css, Accept: application/xml, Accept: application/json, Acc

Ou até mesmo não de nir nenhum formato especí co colocando:

Accept: */*

PRÓXIMA ATIVIDADE

https://cursos.alura.com.br/course/http-fundamentos/task/25397 1/2
18/07/2018 HTTP: Aula 7 - Atividade 4 Sobre o formato | Alura - Cursos online de tecnologia

https://cursos.alura.com.br/course/http-fundamentos/task/25397 2/2
18/07/2018 HTTP: Aula 7 - Atividade 5 O que é REST? | Alura - Cursos online de tecnologia

05

O que é REST?

Transcrição

Tudo certo para a listagem de restaurantes. Mas será que o app AluraFood se resume a listar restaurantes? Provavelmente
não, dado que o usuário efetua pedidos, um restaurante tem cardápio que poderia sofrer alterações e por aí vai.

Algumas funcionalidades especí cas aos responsáveis de um restaurante podem ser necessárias. E para isso o webservice
deveria estar preparado também para lidar com essa necessidade:

Listagem de todos os restaurantes --> GET - /restaurante

Adicionar um restaurante --> POST - /restaurante

Perceba que no exemplo ctício as duas primeiras URIs são idênticas e a funcionalidade muda completamente a partir do
método HTTP usado:

GET -> Listagem


POST -> Criação

A atualização poderia ter um outro endpoint como por exemplo:

PUT/PATCH - /restaurante/1

O número 1 ao nal da URI indica um identi cador a um restaurante especí co.

A remoção de um restaurante poderia seguir o mesmo modelo:

DELETE - /restaurante/1

Para a busca do cardápio de um restaurante especí co o endpoint gerado poderia seguir o modelo:

GET - /restaurante/1/cardapio

O padrão REST

Logo podemos perceber que o padrão usado pela equipe do webservice de ne que uma requisição web tem três tipos de
componentes importantes: recursos (URI), operações ( GET, POST, PUT, DELETE/... ) e representação de dados( XML,
JSON, ... ).

Esses três componentes em conjuntos seguindo algumas práticas são a base para o modelo arquitetural
REST(Representational State Transfer) ou em português Transferência de Estado Representacional.

https://cursos.alura.com.br/course/http-fundamentos/task/26032 1/3
18/07/2018 HTTP: Aula 7 - Atividade 5 O que é REST? | Alura - Cursos online de tecnologia

Recurso

Ao criar as URIs do nosso sistema devemos levar em conta que elas representam recursos, não ações.

Em sistemas REST, nossas URIs devem conter apenas substantivos, que são nossos recursos: /restaurante/adiciona não é uma
boa URI, pois contém um verbo e não está identi cando um recurso, mas sim uma operação.

Para representar a adição de um restaurante podemos usar a URI /restaurante com o método HTTP POST, que representa
que estamos adicionando alguma informação no sistema.

Operações

O protocolo HTTP possui operações através de métodos como: GET, POST, PUT e DELETE.

Cada método tem uma semântica diferente e juntando o método à URI deveríamos conseguir representar todas as ações do
nosso sistema.

As semânticas principais são:

GET - recupera informações sobre o recurso identi cado pela URI. Ex: listar restaurante, visualizar o restaurante 1. Uma
requisição GET não deve modi car nenhum recurso do seu sistema, ou seja, não deve ter nenhum efeito colateral, você
apenas recupera informações do sistema.
POST - adiciona informações usando o recurso da URI passada. Ex: adicionar um restaurante. Pode adicionar
informações a um recurso ou criar um novo recurso.
PUT - adiciona (ou modi ca) um recurso na URI passada. Ex: atualizar um restaurante.
DELETE - remove o recurso representado pela URI passada. Ex: remover um restaurante.

Representação

Quando fazemos uma aplicação não trafegamos um recurso pela rede, apenas uma representação dele. E essa representação
pode ser feita de diferentes formas como JSON, XML ou HTML.

Conclusão

https://cursos.alura.com.br/course/http-fundamentos/task/26032 2/3
18/07/2018 HTTP: Aula 7 - Atividade 5 O que é REST? | Alura - Cursos online de tecnologia

Nossas URIs devem representar recursos, as operações no recurso devem ser indicadas pelos métodos HTTP e podemos falar
qual é o formato em que conversamos com o servidor com o Content-Type e Accept que são cabeçalhos do HTTP.

https://cursos.alura.com.br/course/http-fundamentos/task/26032 3/3
18/07/2018 HTTP: Aula 7 - Atividade 6 Solicitando um recurso | Alura - Cursos online de tecnologia

06

Solicitando um recurso

Veja a seguinte URL:

http://alura.com.br/cursos/23/exercicios

Suponha que você está acessando esse recurso através de uma requisição HTTP GET com o cabeçalho Accept:
application/xml . O que se espera que aconteça?

A Na resposta recebemos 23 exercícios do curso XML.

B Ao receber a requisição o servidor vai remover os exercícios do curso 23.

C Na resposta recebemos todos as informações sobre o curso 23 excluindo os exercícios.

D Na resposta recebemos os exercícios do curso 23 no formato XML.

Correto, pois GET tem a semântica de receber dados e o formato foi de nido no através do cabeçalho
Accept

Resumindo, ao enviar um HTTP GET:

http://alura.com.br/cursos/23/exercicios

Devemos receber os exercícios do curso 23 no formato XML.

É importante mencionar que isso que se espera, mas o que realmente acontece depende da implementação do servidor. O
protocolo HTTP de ne uma semântica mas o servidor pode ou não obedecer essa semântica! Também pode ser que o
servidor atenda um formato como JSON, mas não trabalha com XML.

PRÓXIMA ATIVIDADE

https://cursos.alura.com.br/course/http-fundamentos/task/26046 1/1
18/07/2018 HTTP: Aula 7 - Atividade 7 Identificando um recurso | Alura - Cursos online de tecnologia

07

Identi cando um recurso

Sabemos que o domínio da Alura é:

cursos.alura.com.br

Você entrou na equipe de desenvolvedores da Alura e precisa de nir o recurso para atualizar uma parte do
exercício com a id 3 do curso http . Qual método HTTP e qual URL você escolheria?

A DELETE e http://cursos.alura.com.br/cursos/http/exercicios/3

B PATCH e http://cursos.alura.com.br/cursos/http/exercicios/3

Correto, PATCH é utilizado para atualização parcial do recurso que foi de nido expressivamente:
/cursos/http/exercicios/3

C GET e http://cursos.alura.com.br/http/3

D PATCH e http://cursos.alura.com.br/exercicio/3

Apesar do PATCH fazer parte da especi cação, o método mais utilizado é o PUT para essa nalidade.

PRÓXIMA ATIVIDADE

https://cursos.alura.com.br/course/http-fundamentos/task/26065 1/1
18/07/2018 HTTP: Aula 7 - Atividade 8 O que aprendemos? | Alura - Cursos online de tecnologia

08

O que aprendemos?

Transcrição

REST é um padrão arquitetural para comunicações entre aplicações


Ele aproveita a estrutura do HTTP
Recursos são de nidos via URI
Operações com métodos HTTP(GET/POST/PUT/DELETE)
Cabeçalhos(Accept/Content-Type) são usados para especi car as representações(JSON,XML,...)

https://cursos.alura.com.br/course/http-fundamentos/task/26033 1/1
18/07/2018 HTTP: Aula 7 - Atividade 9 Para saber mais: tipos de dados | Alura - Cursos online de tecnologia

09

Para saber mais: tipos de dados

Em alguns cabeçalhos do HTTP devemos especi car algum formato. Os formatos são chamados na documentação de MIME
types. E na de nição do cabeçalho usamos a seguinte estrutura: tipo/subtipo . São tipos conhecidos:

text, image, application, audio e video

E alguns subtipos:

text -> text/plain, text/html, text/css, text/javascript

image -> image/gif, image/png, image/jpeg

audio -> audio/midi, audio/mpeg, audio/webm, audio/ogg, audio/wav

video -> video/mp4

application -> application/xml, application/pdf

Para conhecer outros formatos aceitos você pode acessar aqui: https://developer.mozilla.org/en-
US/docs/Web/HTTP/Basics_of_HTTP/MIME_types (https://developer.mozilla.org/en-
US/docs/Web/HTTP/Basics_of_HTTP/MIME_types)

https://cursos.alura.com.br/course/http-fundamentos/task/25398 1/1
18/07/2018 HTTP: Aula 8 - Atividade 1 HTTP2 - Dados binários, GZIP ativo e TLS | Alura - Cursos online de tecnologia

01

HTTP2 - Dados binários, GZIP ativo e TLS

Transcrição

Até agora sempre usamos o browser para realizar uma requisição. Mas podemos realizar fora dele usando a linha de
comando por exemplo. Um programa famoso para isso é o CURL. No Linux e MacOS ele já vem instalado por padrão.

Caso esteja usando o Windows é necessário a instalação dele. O download deve ser feito por aqui:
https://curl.haxx.se/download.html (https://curl.haxx.se/download.html)

Para realizar e depurar uma requisição via CURL podemos simplesmente executar no terminal o seguinte comando:

curl -v www.caelum.com.br

Uma saída típica dele seria:

Fabios-MacBook-Pro:~ fabiopimentel$ curl -v www.caelum.com.br


* Rebuilt URL to: www.caelum.com.br/
* Trying 172.217.29.51...
* Connected to www.caelum.com.br (172.217.29.51) port 80 (#0)
> GET / HTTP/1.1
> Host: www.caelum.com.br
> User-Agent: curl/7.49.1
> Accept: */*
>
< HTTP/1.1 200 OK
< Content-Type: text/html; charset=utf-8
< Vary: Accept-Encoding,User-Agent
< Content-Language: pt-br
< Content-Type: text/html;charset=UTF-8
< X-DNS-Prefetch-Control: on
< X-Cloud-Trace-Context: 3e5e270ee3ab1e79f81b10d2cdef53cd
< Date: Fri, 24 Mar 2017 19:20:12 GMT
< Server: Google Frontend
< Content-Length: 95776
<
<!DOCTYPE html>
<html class="no-js"lang="pt-br"> <head> <title>Caelum | Cursos de Java, .NET, Android,

Pode-se notar pela saída que temos logo no começo as informações do request efetuado:

> GET / HTTP/1.1


> Host: www.caelum.com.br
> User-Agent: curl/7.49.1
> Accept: */*
`

E após essas infos temos o cabeçalho da resposta obtida pelo servidor:

https://cursos.alura.com.br/course/http-fundamentos/task/25737 1/4
18/07/2018 HTTP: Aula 8 - Atividade 1 HTTP2 - Dados binários, GZIP ativo e TLS | Alura - Cursos online de tecnologia

< HTTP/1.1 200 OK


< Content-Type: text/html; charset=utf-8
< Vary: Accept-Encoding,User-Agent
< Content-Language: pt-br
< Content-Type: text/html;charset=UTF-8
< X-DNS-Prefetch-Control: on
< X-Cloud-Trace-Context: 3e5e270ee3ab1e79f81b10d2cdef53cd
< Date: Fri, 24 Mar 2017 19:20:12 GMT
< Server: Google Frontend
< Content-Length: 95776

Logo depois vem o corpo da resposta (HTML da página requisitada):

<!DOCTYPE html> <html class="no-js"lang="pt-br"> <head> <title>Caelum | Cursos de Java, .N

Em resumo o output apresentando pelo CURL possui essa divisão:

HTTP/2

O protocolo que estamos trabalhando até agora foi especi cado na década de 90 e de lá até hoje muitas alterações foram
feitas até na forma como usamos a internet.

Com a chegada do mundo mobile novas preocupações apareceram e otimizações são cada vez mais necessárias para uma
boa performance. Por isso uma mudança foi necessária e em 2015 depois de alguns anos de especi cações e reuniões surgiu
a versão 2 desse protocolo.

A nova versão é batizada de HTTP/2 e tem como página principal de documentação e referência essa:
https://http2.github.io/ .

A nova versão do protocolo HTTP traz mudanças fundamentais para a Web. Recursos fantásticos que vão melhorar muito a
performance da Web além de simpli car a vida dos desenvolvedores.

No HTTP 1.1, para melhorar a performance, habilitamos o GZIP no servidor para comprimir os dados das respostas. É uma
excelente prática, mas que precisa ser habilitada explicitamente. No HTTP/2, o GZIP é padrão e obrigatório.
https://cursos.alura.com.br/course/http-fundamentos/task/25737 2/4
18/07/2018 HTTP: Aula 8 - Atividade 1 HTTP2 - Dados binários, GZIP ativo e TLS | Alura - Cursos online de tecnologia

É como se a gente passasse a ter a resposta assim:

Mas, se você já olhou como funciona uma requisição HTTP, vai notar que só GZIPar as respostas resolve só metade do
problema. Tanto o request quanto o response levam vários cabeçalhos (headers) que não são comprimidos no HTTP 1.1 e
ainda viajam em texto puro.

Já na nova versão, os headers passam a ser binários:

Além de binários eles são comprimidos usando um algoritmo chamado HPACK. Isso diminui bastante o volume de dados
trafegados nos headers.

https://cursos.alura.com.br/course/http-fundamentos/task/25737 3/4
18/07/2018 HTTP: Aula 8 - Atividade 1 HTTP2 - Dados binários, GZIP ativo e TLS | Alura - Cursos online de tecnologia

Além de todas essas otimizações para melhorar a performance ainda houve uma preocupação com segurança exigindo TLS
por padrão também.

https://cursos.alura.com.br/course/http-fundamentos/task/25737 4/4
18/07/2018 HTTP: Aula 8 - Atividade 2 Motivos por trás do HTTP/2 | Alura - Cursos online de tecnologia

02

Motivos por trás do HTTP/2

Dado o que vimos neste capítulo, aponte quais dos motivos abaixo foram importantes quando decidiram criar
uma nova versão do protocolo HTTP, que já estava tão concretizado e estabelecido na Web.

A Com o crescimento do número de dispositivos móveis conectados a Web, cada vez mais é importante que
a quantidade de dados trafegada seja o menor possível, a nal estes tipo de dispositivo não costumam ter
uma conexão com muita banda. O protocolo HTTP/2 traz diversas tecnologias no âmbito de enxugar o
tamanho das requisições.

Correto, o HTTP/ possui diversas tecnologias de compactação de sua requisição, que acaba fazendo com
que menos dados nas redes sejam trafegados. Isto acaba sendo muito útil para clientes móveis, visto que
a maioria das redes mobile não são de grande qualidade.

B Como o número de dispositivos conectados a internet aumento bastante com a entrada dos dispositivos
móveis e o inicio da Internet Das Coisas, o protocolo HTTP/1.1 não estava mais sendo adequado para ser
utilizado em tantas conexões, visto que ele tem um limite teórico de conexões simultâneas.

C Por padrão, no protocolo HTTP versão 1.1 não é necessário o uso da camada de segurança TTL/SSL. Como
hoje em dia trafegamos muitos dados críticos na Web, como senhas, logins e dados bancários, um
protocolo atualizado que faz uso dessa segurança por padrão parece quase uma necessidade.

Correto, com o HTTP/2 o uso de HTTPS acaba sendo obrigatório, e esta é uma das grandes vantagens do
uso desta nova atualização do protocolo.

Apesar do protocolo HTTP/1.1 ter sido de extrema importância para a Web ao longo de vários anos, como toda boa tecnologia
é necessário um update. A nova versão do HTTP veio para adequar este protocolo tão famoso e importante a um mundo onde
temos muito mais dados sendo trafegados na rede e a velocidade de acesso e segurança do usuário se tornam tão
importantes.

PRÓXIMA ATIVIDADE

https://cursos.alura.com.br/course/http-fundamentos/task/26028 1/1
18/07/2018 HTTP: Aula 8 - Atividade 3 A tecnologia HPACK | Alura - Cursos online de tecnologia

03

A tecnologia HPACK

Para que serve a tecnologia HPACK implementada no protocolo HTTP/2 ?

A Para comprimir o corpo da resposta, reduzindo consideravelmente o tamanho da mesma.

B Para comprimir a requisição como um todo, deixando ela mais leve.

C Para comprimir os Headers da comunicação HTTP, deixando-os mais leves.

Exato, a tecnologia HPACK é especialista em comprimir os Headers da requisições/respostas HTTP,


deixando as mais leves.

D Para deixar os dados trafegados em binário, di cultando a interpretação em caso de dados interceptados.

O HPACK é uma tecnologia especializada em comprimir os Headers das comunicações HTTP/2. Como toda requisição HTTP
acompanha algum header por padrão, uma tecnologia de compressão embutida no protocolo é demasiadamente útil para
economizar dados trafegados.

PRÓXIMA ATIVIDADE

https://cursos.alura.com.br/course/http-fundamentos/task/26031 1/1
18/07/2018 HTTP: Aula 8 - Atividade 4 Comparações entre versões | Alura - Cursos online de tecnologia

04

Comparações entre versões

Selecione as a rmativas verdadeiras sobre as versões 1.1 e 2.0 do protocolo HTTP:

A O HTTP/2 é muito pouco adotado, já o HTTP/1.1 está presente em toda a Web.

B No HTTP/1.1 o Gzip não é nativo do protocolo, no HTTP/2 ele já vem por padrão.

Correto, o Gzip vem nativamente no protocolo HTTP/2.

C No HTTP/2 o uso do HTTPS é obrigatório, no HTTP/1.1 não.

Correto, o HTTP/2 reforça bastante o uso do HTTPS, ao contrário do HTTP/1.1 em que isto era opcional.
Apesar de não ser obrigatório em sua especi cação, os browsers não suportam o HTTP/2 sem HTTPS, o
que acaba fazendo com que o seu uso seja exclusivo em modo criptografado.

D No HTTP/2 os dados são trafegados em binário, no HTTP/1.1 eles são trafegados como texto.

Correto, uma das principais mudanças é que agora no HTTP/2 os dados são trafegados em binário e não
mais em texto puro.

PRÓXIMA ATIVIDADE

https://cursos.alura.com.br/course/http-fundamentos/task/26041 1/1
18/07/2018 HTTP: Aula 8 - Atividade 5 HTTP2 - Cabeçalhos Stateful | Alura - Cursos online de tecnologia

05

HTTP2 - Cabeçalhos Stateful

Transcrição

Agora, queremos representar uma requisição. No código abaixo, estamos fazendo uma requisição através do método GET ,
que já conhecemos. Essa requisição está sendo feita para a raiz, bem parecido com o que zemos no CURL no vídeo anterior.

GET /

Host: www.caelum.com.br
User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.12; rv:34.0)
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
Accept-Language: pt-BR,pt;q=0.8,en-US;q=0.5,en;q=0.3
Accept-Encoding: gzip, deflate

Quando realizamos uma requisição para essa URL via Firefox, por exemplo, o navegador envia alguns cabeçalhos que são
padrões. Por exemplo, no cabeçalho Host , temos o domínio para onde estamos realizando essa requisição, que é
www.caelum.com.br . Como estamos realizando um GET para / , o path para onde estamos realizando a requisição é

www.caelum.com.br/ .

Além disso, vemos uma informação de User-Agent , que é basicamente a fonte dessa requisição, neste caso é o navegador,
Mozilla. Quando realizarmos uma requisição pelo CURL , aparecerá CURL , e se for num Safari, Chrome, qualquer outro
navegador, irá aparecer a informação de onde estamos realizando de fato a requisição. Ou seja, nesse cabeçalho a gente
especi ca quem é o usuário.

Nele também é dito que é aceito, por padrão, o HTML, na linguagem tanto português quanto inglês, e que estamos aceitando
uma codi cação GZIP , já que no HTTP1 podemos especi car que tipo de compressão nossa requisição está aceitando.

Precisamos repetir os cabeçalhos enviados em uma requisição anterior?

Agora vamos realizar uma outra requisição, mas dessa vez para o arquivo principal.js. Então, quando a requisição para
página principal foi feita, provavelmente recebemos um HTML, e desse HTML foi necessário realizar uma outra requisição,
porque era um recurso importante para a página ser exibida, como por exemplo um arquivo JavaScript.

GET /principal.js

Host: www.caelum.com.br
User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.12; rv:34.0)
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
Accept-Language: pt-BR,pt;q=0.8,en-US;q=0.5,en;q=0.3
Accept-Encoding: gzip, deflate

Então, na próxima requisição teremos que enviar novos parâmetros, novos dados. Então, mais uma vez, é uma nova
requisição, agora para /principal.js , um recurso do nosso sistema. Qual o Host ? www.caelum.com.br . Qual o Agent ?
Mozilla, versão 5.0. O que é aceito? qual linguagem é aceita? que tipo de compressão estamos aceitando?

Podemos perceber que o que colocamos nessa segunda requisição é exatamente o mesmo que zemos na primeira? Os
mesmos dados estão sendo trafegados nas duas requisições. Seria ótimo se só trafegássemos isso uma única vez, pois se

https://cursos.alura.com.br/course/http-fundamentos/task/25738 1/2
18/07/2018 HTTP: Aula 8 - Atividade 5 HTTP2 - Cabeçalhos Stateful | Alura - Cursos online de tecnologia

estamos enviando mais dados, oneramos ainda mais nosso usuário, usando mais banda, deixando essa requisição mais lenta.

Seria muito bom se só pudéssemos ou só tivéssemos que enviar uma única vez, e é exatamente isso que o HTTP2 faz. A partir
do HTTP2, não precisamos mais repetir os Headers , os cabeçalhos que já enviamos em uma requisição anterior. Logo,
quando fazemos uma requisição para o principal.js, onde teríamos os cabeçalhos exatamente iguais aos da requisição
passada, nós não precisamos enviar novamente esses dados.

Cabeçalhos diferentes

Agora, se temos uma imagem, os cabeçalhos podem mudar, por exemplo, o Host , que pode estar especi cado na página
principal. Logo, na primeira requisição, o conteúdo HTML especi cou que tem que buscar uma imagem do Host, que é
image.caelum.com.br , um subdomínio dentro da nossa aplicação. Então, esse cabeçalho terá que ser alterado, logo

enviaremos apenas os cabeçalhos que são diferentes.

Isso está especi cado no HTTP2, para que uma requisição que mais leve e não onere tanto o usuário. Isso é conhecido
como Headers Stateful.

No início do curso, comentamos que o HTTP era stateless, ou seja, ele não guarda informações das requisições passadas. E
isso continua valendo, mas no caso dos cabeçalhos, existe um ambiente que guarda estado.

https://cursos.alura.com.br/course/http-fundamentos/task/25738 2/2
18/07/2018 HTTP: Aula 8 - Atividade 6 Os cabeçalhos que mantêm estado | Alura - Cursos online de tecnologia

06

Os cabeçalhos que mantêm estado

Como a tecnologia de Headers Stateful pode nos ajudar a economizar dados?

A Como trafegamos apenas os headers que mudam de uma requisição para outra, acabamos por
economizar uma boa quantidade de dados, pois não precisamos enviar a todo momento headers que
mudam poucas vezes, como o Accept: .

Correto, os Headers Stateful permitem que apenas os cabeçalhos que mudem sejam enviados a cada
requisição, economizando muita banda que seriam cabeçalhos repetidos.

B Como os Headers Stateful mantêm estado, o servidor consegue gerenciar melhor as conexões com
múltiplos clientes, fazendo com que dados não sejam enviados para os clientes errados assim
economizando dados por evitar falhas.

C Com essa tecnologia os clientes sabem mais facilmente os estados dos servidores, e podem ou não enviar
determinados headers de acordo com o número de requisições simultâneas que o servidor estiver
lidando, trazendo assim uma economia de dados.

Quando estamos utilizando Headers Stateful, apenas colocamos nas requisições os cabeçalhos que se alteraram entre uma
requisição e outra, trazendo uma baita economia de dados, visto que toda requisição HTTP possuí um cabeçalho e que
muitas vezes no HTTP/1.1 cabeçalhos repetidos eram trafegados em todas as requisições.

PRÓXIMA ATIVIDADE

https://cursos.alura.com.br/course/http-fundamentos/task/26055 1/1
18/07/2018 HTTP: Aula 8 - Atividade 7 HTTP2 - Server Push | Alura - Cursos online de tecnologia

07

HTTP2 - Server Push

Transcrição

Temos o cliente e um servidor sendo representados. Podemos imaginar que estamos fazendo uma requisição para uma
página principal, a index.html. Essa requisição bate no servidor e o servidor nos traz o conteúdo HTML.

O HTML retornado pode ter o título Caelum, e então vai aparecer no nosso navegador essa informação. Além disso, temos
um arquivo CSS, de estilização da página, que é o estilo.css, e dois arquivos JavaScript necessários para a página ser
executada, o jquery.js e o principal.js. Além disso, no meio do corpo do HTML, tem um recurso que é de imagem, temos a
imagem logo.png. Mas além desses, podemos ter vários outros recursos na nossa página.

Então, ao receber esse conteúdo, o browser tem que sair fazendo requisições de tudo o que é necessário para que ele
renderize a página. O navegador interpreta esse conteúdo HTML de cima pra baixo, veri ca que o primeiro recurso
necessário é o estilo.css, aí ele vai lá buscar. O segundo recurso necessário, jquery.js, que é uma biblioteca JavaScript. E além
disso, precisamos do principal.js e do logo.png :

https://cursos.alura.com.br/course/http-fundamentos/task/25739 1/3
18/07/2018 HTTP: Aula 8 - Atividade 7 HTTP2 - Server Push | Alura - Cursos online de tecnologia

Todos esses recursos especi cados no HTML são novas requisições que o browser precisa fazer, e nosso cliente precisa
executar. O servidor vai recebendo essas requisições, mas o cliente ca ali esperando até que essas respostas cheguem e o
nosso browser consiga de fato renderizar o conteúdo para o usuário. Então há uma espera até essas respostas chegarem de
fato, pois o servidor devolve as respostas das requisições na mesma sequência que foram geradas.

A partir do HTTP2, isso cou um pouco diferente. Agora temos uma conversa mais paralela. Anteriormente estávamos
trabalhando com conceitos de requisições seriais, fazíamos uma requisição e esperávamos receber, fazíamos outra
requisição e esperávamos receber e por aí vai. No HTTP2, quando o cliente realiza uma requisição para *index.html, o
servidor devolve a página, mas ele já pode passar para o browser as informações necessárias para que essa página possa ser,
de fato, exibida. Ou seja, ele consegue dar um passo além:

https://cursos.alura.com.br/course/http-fundamentos/task/25739 2/3
18/07/2018 HTTP: Aula 8 - Atividade 7 HTTP2 - Server Push | Alura - Cursos online de tecnologia

Isso é uma outra abordagem que surgiu no HTTP2, muito mais interessante. Mas quando o browser for interpretar essa
página HTML, vai ter que passar pelo conteúdo que especi ca o arquivo CSS? Sim, mas quando ele passar pelo estilo.css, vai
veri car que já recebeu. Ou seja, ele percebe que já recebeu essas informações.

Este é o conceito de Server Push, ou seja, o server envia dados para o cliente sem que o cliente tenha solicitado, tornando o
tráfego de dados muito mais otimizado.

https://cursos.alura.com.br/course/http-fundamentos/task/25739 3/3
18/07/2018 HTTP: Aula 8 - Atividade 8 O Server Push | Alura - Cursos online de tecnologia

08

O Server Push

O que é o Server Push no HTTP/2?

A O servidor acompanha o histórico de páginas do usuário e tenta prever qual página ele irá requisitar,
enviando-a previamente para ele, tornando assim o carregamento mais rápido.

B O servidor guarda um identi cador especí co para cada cliente, e faz o "push" dos dados com
determinada con guração, que é personalizada para atender melhor a conexão de cada um dos clientes.

C O servidor pode empurrar para o clientes certos recursos antes mesmo de serem solicitados, pois ele
consegue analisar o HTML e ver o que mais é preciso para carregar a página fazendo com que não seja
necessário gastar tempo pedindo todos os outros recursos.

Correto, o servidor pode empurrar certas respostas para o cliente antes mesmo delas serem requisitadas.

PRÓXIMA ATIVIDADE

https://cursos.alura.com.br/course/http-fundamentos/task/26074 1/1
18/07/2018 HTTP: Aula 8 - Atividade 9 HTTP2 - Multiplexação | Alura - Cursos online de tecnologia

09

HTTP2 - Multiplexação

Transcrição

Outra coisa importante de requisição é que temos o conceito de request e response . Cada requisição e cada resposta no
HTTP1.1 são únicos.

“Por baixo dos panos”, antes dessa requisição de fato ser feita, há uma conexão, comunicação entre cliente e servidor, que
chamamos de TCP. Para que consigamos realizar uma requisição via HTTP, antes existe um modelo de TCP, que é um
protocolo de transporte. Isso é mais a nível de infraestrutura, pois quando trabalhamos com desenvolvimento, acabamos
deixando isso pra lá, já que camos na camada acima dessa conexão.

Queremos mostrar é que quando fazemos uma requisição, ela é única. No HTTP, cada requisição deveria abrir uma conexão
TCP, executar e fechar.

Mas isso seria muito ruim porque conexão TCP é recurso caro, é um recurso que demora a ser alocado. Claro que é muito
rápido a nível computacional, mas é mais um passo antes da requisição HTTP prosseguir e recebermos uma resposta.

Então o que acontece, no HTTP1 existe um mecanismo chamado de Keep-Alive . O Keep-Alive determina quanto tempo,
por exemplo, a nossa conexão pode car ativa. Ou seja, não encerra essa conexão TCP. Portanto, conseguimos realizar várias
requisições com a mesma conexão TCP.

Hoje, na maioria dos browsers, temos um número entre 4 e 8 de conexões simultâneas por domínio. Signi ca que se
zermos uma requisição para a página da Caelum e a página da Caelum tiver mil recursos, o browser tem 4 a 8 conexões TCP
ativas para conseguir realizar essas requisições em paralelo, e não serial. Mas isso na versão 1.1.

Keep-Alive no HTTP2

O Keep-Alive continua existindo no HTTP2, só que ele trouxe uma novidade. Por exemplo, se temos uma conexão TCP
aberta e realizamos uma requisição, poderíamos já dar prosseguimento às próximas requisições, isso em paralelo, sem de
fato car esperando o resultado dela, de maneira assíncrona, e vamos recebendo essas respostas à medida em que o servidor
for conseguindo processar.

Na imagem abaixo, zemos a requisição 1 e requisição 2, quando íamos fazer requisição 3, já recebemos uma resposta:

https://cursos.alura.com.br/course/http-fundamentos/task/25740 1/2
18/07/2018 HTTP: Aula 8 - Atividade 9 HTTP2 - Multiplexação | Alura - Cursos online de tecnologia

Então, essas requisições e respostas vão chegando a todo tempo. É totalmente paralelo. A mesma coisa acontece com o
servidor, não precisamos esperar uma resposta para enviar outra. Se já está pronta para ser enviada, ele já envia
diretamente.

Esse conceito que surgiu no HTTP2 é chamado de Multiplexing e traz uma performance bastante relevante para o nosso
HTTP.

https://cursos.alura.com.br/course/http-fundamentos/task/25740 2/2
18/07/2018 HTTP: Aula 8 - Atividade 10 HTTP2 - Resumo | Alura - Cursos online de tecnologia

10

HTTP2 - Resumo

Transcrição

Neste capítulo, o que aprendemos? Vimos que o HTTP2 atua sobre o que já conhecemos do HTTP. Ou seja, ele não muda
nada em relação ao que já conhecemos de HTTP. E que todo o seu conteúdo é usado no HTTP2 de forma bastante simples.

Hoje, o que o HTTP2 especi ca é mais a nível de servidor. E acaba que nós desenvolvedores não atuamos tanto nesse nível.
Fica mais na outra ponta, que é quem vai produzir servidores e tudo mais, seguir esse novo protocolo.

Vimos que HTTP2 é nada mais que o HTTP com algumas melhorias, até porque o HTTP1 estava bastante desatualizado em
relação ao que o mercado já vinha sofrendo.

Também vimos que os headers são binários e eles são comprimidos com algoritmos chamados de HPACK .

Vimos ainda, que o HTTP2 habilita o GZIP como padrão na resposta, logo, esses dados vêm zipado. Coisa que tínhamos que
con gurar manualmente na versão anterior, ou seja, HTTP1.1.

Além disso, no HTTP2, as requisições e respostas podem ser paralelas. Não precisamos car esperando que uma requisição
termine pra fazer a próxima. Temos uma otimização maior.

Outro assunto foi que os cabeçalhos guardam status. Quando enviamos uma requisição, a próxima, para o mesmo domínio,
não precisa enviar os mesmo dados que já foram trafegados na última. Conclui-se que no HTTP2 isso é evitado, ou seja,
menos informação enviada, menos dados que enviamos, menos banda que usamos do usuário, mais feliz ele ca.

Além de Headers Stateful, vimos também que o HTTP2 especi ca o famoso Server-push, que é o ato do servidor enviar dados
sem que o browser tenha pedido, que foi o que aconteceu lá no index.html. O HTTP2 pode enviar dados diretamente para o
browser sem car esperando uma requisição. Assim, ele dá um passo além.

https://cursos.alura.com.br/course/http-fundamentos/task/25741 1/1
18/07/2018 HTTP: Aula 8 - Atividade 11 Considerações finais | Alura - Cursos online de tecnologia

11

Considerações nais

Transcrição

Chegamos aqui ao término do curso HTTP um protocolo tão importante para a nossa área como pode ser visto. É através dele
que tudo acontece!

Com os conhecimentos adquiridos nesse treinamento você pode caminhar para a área de back-end, mobile e até mesmo
front-end. A onipresença desse protocolo permite toda essa exibilidade de caminho a seguir ou se aprofundar.

Preparamos o material pensando justamente em trazer conteúdo relevante e com aplicações práticas para te preparar pro
que vier de HTTP.

Espero que você tenha gostado do curso e dos assuntos aqui abordados, além é claro de vê-lo em breve na plataforma com
outros assuntos.

Forte abraço,

Fábio Pimentel

https://cursos.alura.com.br/course/http-fundamentos/task/25549 1/1

Вам также может понравиться