comunicação cliente/servidor - http
Post on 30-Jun-2015
3.277 Views
Preview:
TRANSCRIPT
ComunicaccedilatildeoClienteServidor
Willian Massami Watanabe
1
Objetivo
Analisar o protocolo HTTP e a comunicaccedilatildeo com o servidor web
2
Sumaacuterio
bull Conteuacutedos estaacuteticos e dinacircmicos
bull Arquitetura ClienteServidor
bull HTTP HTML e os Navegadores web
3
Conteuacutedos estaacuteticos e dinacircmicos
4
Conteuacutedos estaacuteticos e dinacircmicos
5
HTML
Conteuacutedos estaacuteticos e dinacircmicos
6
HTML
CSS
Conteuacutedos estaacuteticos e dinacircmicos
7
HTML
CSSJavaScript
Conteuacutedos estaacuteticos e dinacircmicos
8
Servidor web
HTML
CSSJavaScript
Conteuacutedos estaacuteticos e dinacircmicos
9
Servidor web
HTML
CSSJavaScript
Conteuacutedos estaacuteticos e dinacircmicos
10
Servidor web
HTML
CSSJavaScriptUsuaacuterios
Conteuacutedos estaacuteticos e dinacircmicos
11
Servidor web
HTML
CSSJavaScript
Usuaacuterios
Quero uma paacuteginaURL httpabobrinhacom
Conteuacutedos estaacuteticos e dinacircmicos
12
Servidor web
HTML
CSSJavaScript
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
13
Servidor webUsuaacuterios Browser
Quero uma paacuteginaURL httpabobrinhacom
HTML
CSSJavaScript
Conteuacutedos estaacuteticos e dinacircmicos
14
Servidor webUsuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JS
Conteuacutedos estaacuteticos e dinacircmicos
15
Servidor webUsuaacuterios Browser
Obrigado
Conteuacutedos estaacuteticos e dinacircmicos
16
Cenaacuterio de uso de conteuacutedo estaacutetico
Conteuacutedos estaacuteticos e dinacircmicos
17
Servidor web
HTML
CSSJavaScript
Conteuacutedos estaacuteticos e dinacircmicos
18
Servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
19
Servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
20
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpabobrinhacom
Conteuacutedos estaacuteticos e dinacircmicos
21
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
22
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
Conteuacutedos estaacuteticos e dinacircmicos
24
Conteuacutedos estaacuteticos e dinacircmicos
24
Conteuacutedos estaacuteticos e dinacircmicos
25
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpgooglecomq=abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
25
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpgooglecomq=abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
28
bull Vantagens do conteuacutedo estaacutetico
bull mais raacutepido visto que natildeo exige processamento no servidor
bull possui poliacuteticas de cache mais agressivas
bull compatiacutevel com qualquer servidor
Conteuacutedos estaacuteticos e dinacircmicos
29
bull Vantagens do conteuacutedo dinacircmico
bull permite que os conteuacutedos sejam atualizados mais rapidamente
bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio
Conteuacutedos estaacuteticos e dinacircmicos
30
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
31
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
32
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
Pergunta pegadinha ha
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
33
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
34
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Existe uma ampla variedade de servidores web
Arquitetura ClienteServidor
35
Arquitetura ClienteServidor
36
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Arquitetura ClienteServidor
37
Servidor web
Aplicaccedilatildeo
Browser
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
38
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
39
bull Arquitetura Distribuiacuteda de ClienteServidor
bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador
bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor
HTTP HTML e Navegadores Web
40
HTTP HTML e Navegadores Web
41
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
HTTP HTML e Navegadores Web
42
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP HTML e Navegadores Web
43
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP - HyperText Transport Protocol
44
bull HTTP
bull HyperText Transfer Protocol
bull Padratildeo utilizado na www - World Wide Web
bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)
bull Utilizado para transmitir Recursos (URL - Unified Resources Location)
HTTP HTML e Navegadores Web
45
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
46
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
HTTP HTML e Navegadores Web
47
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Resposta HTTP
HTTP HTML e Navegadores Web
48
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Status da Resposta HTTP
HTTP HTML e Navegadores Web
49
bull Tipos de Status
bull 1xx indica uma mensagem informacional
bull 2xx indica sucesso na transaccedilatildeo
bull 3xx redireciona o cliente para outra URL
bull 4xx indica um erro por parte do cliente
bull 5xx indica um erro por parte do servidor
HTTP HTML e Navegadores Web
50
Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html
HTTP HTML e Navegadores Web
51
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da requisiccedilatildeo
HTTP HTML e Navegadores Web
52
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da resposta
HTTP HTML e Navegadores Web
53
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Tipos de requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
54
Tipos de requisiccedilatildeo HTTPbull GET
bull POST
bull DELETE
bull PUT
bull HEAD
HTTP HTML e Navegadores Web
55
Tipos de requisiccedilatildeo HTTP
bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded
httpwwwgooglecomq=alguma_coisa_para_buscar
HTTP HTML e Navegadores Web
56
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
Objetivo
Analisar o protocolo HTTP e a comunicaccedilatildeo com o servidor web
2
Sumaacuterio
bull Conteuacutedos estaacuteticos e dinacircmicos
bull Arquitetura ClienteServidor
bull HTTP HTML e os Navegadores web
3
Conteuacutedos estaacuteticos e dinacircmicos
4
Conteuacutedos estaacuteticos e dinacircmicos
5
HTML
Conteuacutedos estaacuteticos e dinacircmicos
6
HTML
CSS
Conteuacutedos estaacuteticos e dinacircmicos
7
HTML
CSSJavaScript
Conteuacutedos estaacuteticos e dinacircmicos
8
Servidor web
HTML
CSSJavaScript
Conteuacutedos estaacuteticos e dinacircmicos
9
Servidor web
HTML
CSSJavaScript
Conteuacutedos estaacuteticos e dinacircmicos
10
Servidor web
HTML
CSSJavaScriptUsuaacuterios
Conteuacutedos estaacuteticos e dinacircmicos
11
Servidor web
HTML
CSSJavaScript
Usuaacuterios
Quero uma paacuteginaURL httpabobrinhacom
Conteuacutedos estaacuteticos e dinacircmicos
12
Servidor web
HTML
CSSJavaScript
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
13
Servidor webUsuaacuterios Browser
Quero uma paacuteginaURL httpabobrinhacom
HTML
CSSJavaScript
Conteuacutedos estaacuteticos e dinacircmicos
14
Servidor webUsuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JS
Conteuacutedos estaacuteticos e dinacircmicos
15
Servidor webUsuaacuterios Browser
Obrigado
Conteuacutedos estaacuteticos e dinacircmicos
16
Cenaacuterio de uso de conteuacutedo estaacutetico
Conteuacutedos estaacuteticos e dinacircmicos
17
Servidor web
HTML
CSSJavaScript
Conteuacutedos estaacuteticos e dinacircmicos
18
Servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
19
Servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
20
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpabobrinhacom
Conteuacutedos estaacuteticos e dinacircmicos
21
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
22
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
Conteuacutedos estaacuteticos e dinacircmicos
24
Conteuacutedos estaacuteticos e dinacircmicos
24
Conteuacutedos estaacuteticos e dinacircmicos
25
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpgooglecomq=abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
25
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpgooglecomq=abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
28
bull Vantagens do conteuacutedo estaacutetico
bull mais raacutepido visto que natildeo exige processamento no servidor
bull possui poliacuteticas de cache mais agressivas
bull compatiacutevel com qualquer servidor
Conteuacutedos estaacuteticos e dinacircmicos
29
bull Vantagens do conteuacutedo dinacircmico
bull permite que os conteuacutedos sejam atualizados mais rapidamente
bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio
Conteuacutedos estaacuteticos e dinacircmicos
30
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
31
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
32
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
Pergunta pegadinha ha
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
33
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
34
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Existe uma ampla variedade de servidores web
Arquitetura ClienteServidor
35
Arquitetura ClienteServidor
36
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Arquitetura ClienteServidor
37
Servidor web
Aplicaccedilatildeo
Browser
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
38
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
39
bull Arquitetura Distribuiacuteda de ClienteServidor
bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador
bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor
HTTP HTML e Navegadores Web
40
HTTP HTML e Navegadores Web
41
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
HTTP HTML e Navegadores Web
42
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP HTML e Navegadores Web
43
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP - HyperText Transport Protocol
44
bull HTTP
bull HyperText Transfer Protocol
bull Padratildeo utilizado na www - World Wide Web
bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)
bull Utilizado para transmitir Recursos (URL - Unified Resources Location)
HTTP HTML e Navegadores Web
45
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
46
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
HTTP HTML e Navegadores Web
47
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Resposta HTTP
HTTP HTML e Navegadores Web
48
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Status da Resposta HTTP
HTTP HTML e Navegadores Web
49
bull Tipos de Status
bull 1xx indica uma mensagem informacional
bull 2xx indica sucesso na transaccedilatildeo
bull 3xx redireciona o cliente para outra URL
bull 4xx indica um erro por parte do cliente
bull 5xx indica um erro por parte do servidor
HTTP HTML e Navegadores Web
50
Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html
HTTP HTML e Navegadores Web
51
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da requisiccedilatildeo
HTTP HTML e Navegadores Web
52
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da resposta
HTTP HTML e Navegadores Web
53
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Tipos de requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
54
Tipos de requisiccedilatildeo HTTPbull GET
bull POST
bull DELETE
bull PUT
bull HEAD
HTTP HTML e Navegadores Web
55
Tipos de requisiccedilatildeo HTTP
bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded
httpwwwgooglecomq=alguma_coisa_para_buscar
HTTP HTML e Navegadores Web
56
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
Sumaacuterio
bull Conteuacutedos estaacuteticos e dinacircmicos
bull Arquitetura ClienteServidor
bull HTTP HTML e os Navegadores web
3
Conteuacutedos estaacuteticos e dinacircmicos
4
Conteuacutedos estaacuteticos e dinacircmicos
5
HTML
Conteuacutedos estaacuteticos e dinacircmicos
6
HTML
CSS
Conteuacutedos estaacuteticos e dinacircmicos
7
HTML
CSSJavaScript
Conteuacutedos estaacuteticos e dinacircmicos
8
Servidor web
HTML
CSSJavaScript
Conteuacutedos estaacuteticos e dinacircmicos
9
Servidor web
HTML
CSSJavaScript
Conteuacutedos estaacuteticos e dinacircmicos
10
Servidor web
HTML
CSSJavaScriptUsuaacuterios
Conteuacutedos estaacuteticos e dinacircmicos
11
Servidor web
HTML
CSSJavaScript
Usuaacuterios
Quero uma paacuteginaURL httpabobrinhacom
Conteuacutedos estaacuteticos e dinacircmicos
12
Servidor web
HTML
CSSJavaScript
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
13
Servidor webUsuaacuterios Browser
Quero uma paacuteginaURL httpabobrinhacom
HTML
CSSJavaScript
Conteuacutedos estaacuteticos e dinacircmicos
14
Servidor webUsuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JS
Conteuacutedos estaacuteticos e dinacircmicos
15
Servidor webUsuaacuterios Browser
Obrigado
Conteuacutedos estaacuteticos e dinacircmicos
16
Cenaacuterio de uso de conteuacutedo estaacutetico
Conteuacutedos estaacuteticos e dinacircmicos
17
Servidor web
HTML
CSSJavaScript
Conteuacutedos estaacuteticos e dinacircmicos
18
Servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
19
Servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
20
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpabobrinhacom
Conteuacutedos estaacuteticos e dinacircmicos
21
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
22
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
Conteuacutedos estaacuteticos e dinacircmicos
24
Conteuacutedos estaacuteticos e dinacircmicos
24
Conteuacutedos estaacuteticos e dinacircmicos
25
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpgooglecomq=abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
25
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpgooglecomq=abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
28
bull Vantagens do conteuacutedo estaacutetico
bull mais raacutepido visto que natildeo exige processamento no servidor
bull possui poliacuteticas de cache mais agressivas
bull compatiacutevel com qualquer servidor
Conteuacutedos estaacuteticos e dinacircmicos
29
bull Vantagens do conteuacutedo dinacircmico
bull permite que os conteuacutedos sejam atualizados mais rapidamente
bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio
Conteuacutedos estaacuteticos e dinacircmicos
30
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
31
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
32
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
Pergunta pegadinha ha
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
33
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
34
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Existe uma ampla variedade de servidores web
Arquitetura ClienteServidor
35
Arquitetura ClienteServidor
36
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Arquitetura ClienteServidor
37
Servidor web
Aplicaccedilatildeo
Browser
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
38
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
39
bull Arquitetura Distribuiacuteda de ClienteServidor
bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador
bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor
HTTP HTML e Navegadores Web
40
HTTP HTML e Navegadores Web
41
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
HTTP HTML e Navegadores Web
42
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP HTML e Navegadores Web
43
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP - HyperText Transport Protocol
44
bull HTTP
bull HyperText Transfer Protocol
bull Padratildeo utilizado na www - World Wide Web
bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)
bull Utilizado para transmitir Recursos (URL - Unified Resources Location)
HTTP HTML e Navegadores Web
45
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
46
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
HTTP HTML e Navegadores Web
47
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Resposta HTTP
HTTP HTML e Navegadores Web
48
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Status da Resposta HTTP
HTTP HTML e Navegadores Web
49
bull Tipos de Status
bull 1xx indica uma mensagem informacional
bull 2xx indica sucesso na transaccedilatildeo
bull 3xx redireciona o cliente para outra URL
bull 4xx indica um erro por parte do cliente
bull 5xx indica um erro por parte do servidor
HTTP HTML e Navegadores Web
50
Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html
HTTP HTML e Navegadores Web
51
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da requisiccedilatildeo
HTTP HTML e Navegadores Web
52
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da resposta
HTTP HTML e Navegadores Web
53
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Tipos de requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
54
Tipos de requisiccedilatildeo HTTPbull GET
bull POST
bull DELETE
bull PUT
bull HEAD
HTTP HTML e Navegadores Web
55
Tipos de requisiccedilatildeo HTTP
bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded
httpwwwgooglecomq=alguma_coisa_para_buscar
HTTP HTML e Navegadores Web
56
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
Conteuacutedos estaacuteticos e dinacircmicos
4
Conteuacutedos estaacuteticos e dinacircmicos
5
HTML
Conteuacutedos estaacuteticos e dinacircmicos
6
HTML
CSS
Conteuacutedos estaacuteticos e dinacircmicos
7
HTML
CSSJavaScript
Conteuacutedos estaacuteticos e dinacircmicos
8
Servidor web
HTML
CSSJavaScript
Conteuacutedos estaacuteticos e dinacircmicos
9
Servidor web
HTML
CSSJavaScript
Conteuacutedos estaacuteticos e dinacircmicos
10
Servidor web
HTML
CSSJavaScriptUsuaacuterios
Conteuacutedos estaacuteticos e dinacircmicos
11
Servidor web
HTML
CSSJavaScript
Usuaacuterios
Quero uma paacuteginaURL httpabobrinhacom
Conteuacutedos estaacuteticos e dinacircmicos
12
Servidor web
HTML
CSSJavaScript
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
13
Servidor webUsuaacuterios Browser
Quero uma paacuteginaURL httpabobrinhacom
HTML
CSSJavaScript
Conteuacutedos estaacuteticos e dinacircmicos
14
Servidor webUsuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JS
Conteuacutedos estaacuteticos e dinacircmicos
15
Servidor webUsuaacuterios Browser
Obrigado
Conteuacutedos estaacuteticos e dinacircmicos
16
Cenaacuterio de uso de conteuacutedo estaacutetico
Conteuacutedos estaacuteticos e dinacircmicos
17
Servidor web
HTML
CSSJavaScript
Conteuacutedos estaacuteticos e dinacircmicos
18
Servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
19
Servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
20
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpabobrinhacom
Conteuacutedos estaacuteticos e dinacircmicos
21
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
22
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
Conteuacutedos estaacuteticos e dinacircmicos
24
Conteuacutedos estaacuteticos e dinacircmicos
24
Conteuacutedos estaacuteticos e dinacircmicos
25
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpgooglecomq=abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
25
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpgooglecomq=abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
28
bull Vantagens do conteuacutedo estaacutetico
bull mais raacutepido visto que natildeo exige processamento no servidor
bull possui poliacuteticas de cache mais agressivas
bull compatiacutevel com qualquer servidor
Conteuacutedos estaacuteticos e dinacircmicos
29
bull Vantagens do conteuacutedo dinacircmico
bull permite que os conteuacutedos sejam atualizados mais rapidamente
bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio
Conteuacutedos estaacuteticos e dinacircmicos
30
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
31
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
32
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
Pergunta pegadinha ha
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
33
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
34
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Existe uma ampla variedade de servidores web
Arquitetura ClienteServidor
35
Arquitetura ClienteServidor
36
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Arquitetura ClienteServidor
37
Servidor web
Aplicaccedilatildeo
Browser
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
38
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
39
bull Arquitetura Distribuiacuteda de ClienteServidor
bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador
bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor
HTTP HTML e Navegadores Web
40
HTTP HTML e Navegadores Web
41
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
HTTP HTML e Navegadores Web
42
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP HTML e Navegadores Web
43
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP - HyperText Transport Protocol
44
bull HTTP
bull HyperText Transfer Protocol
bull Padratildeo utilizado na www - World Wide Web
bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)
bull Utilizado para transmitir Recursos (URL - Unified Resources Location)
HTTP HTML e Navegadores Web
45
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
46
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
HTTP HTML e Navegadores Web
47
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Resposta HTTP
HTTP HTML e Navegadores Web
48
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Status da Resposta HTTP
HTTP HTML e Navegadores Web
49
bull Tipos de Status
bull 1xx indica uma mensagem informacional
bull 2xx indica sucesso na transaccedilatildeo
bull 3xx redireciona o cliente para outra URL
bull 4xx indica um erro por parte do cliente
bull 5xx indica um erro por parte do servidor
HTTP HTML e Navegadores Web
50
Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html
HTTP HTML e Navegadores Web
51
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da requisiccedilatildeo
HTTP HTML e Navegadores Web
52
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da resposta
HTTP HTML e Navegadores Web
53
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Tipos de requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
54
Tipos de requisiccedilatildeo HTTPbull GET
bull POST
bull DELETE
bull PUT
bull HEAD
HTTP HTML e Navegadores Web
55
Tipos de requisiccedilatildeo HTTP
bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded
httpwwwgooglecomq=alguma_coisa_para_buscar
HTTP HTML e Navegadores Web
56
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
Conteuacutedos estaacuteticos e dinacircmicos
5
HTML
Conteuacutedos estaacuteticos e dinacircmicos
6
HTML
CSS
Conteuacutedos estaacuteticos e dinacircmicos
7
HTML
CSSJavaScript
Conteuacutedos estaacuteticos e dinacircmicos
8
Servidor web
HTML
CSSJavaScript
Conteuacutedos estaacuteticos e dinacircmicos
9
Servidor web
HTML
CSSJavaScript
Conteuacutedos estaacuteticos e dinacircmicos
10
Servidor web
HTML
CSSJavaScriptUsuaacuterios
Conteuacutedos estaacuteticos e dinacircmicos
11
Servidor web
HTML
CSSJavaScript
Usuaacuterios
Quero uma paacuteginaURL httpabobrinhacom
Conteuacutedos estaacuteticos e dinacircmicos
12
Servidor web
HTML
CSSJavaScript
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
13
Servidor webUsuaacuterios Browser
Quero uma paacuteginaURL httpabobrinhacom
HTML
CSSJavaScript
Conteuacutedos estaacuteticos e dinacircmicos
14
Servidor webUsuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JS
Conteuacutedos estaacuteticos e dinacircmicos
15
Servidor webUsuaacuterios Browser
Obrigado
Conteuacutedos estaacuteticos e dinacircmicos
16
Cenaacuterio de uso de conteuacutedo estaacutetico
Conteuacutedos estaacuteticos e dinacircmicos
17
Servidor web
HTML
CSSJavaScript
Conteuacutedos estaacuteticos e dinacircmicos
18
Servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
19
Servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
20
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpabobrinhacom
Conteuacutedos estaacuteticos e dinacircmicos
21
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
22
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
Conteuacutedos estaacuteticos e dinacircmicos
24
Conteuacutedos estaacuteticos e dinacircmicos
24
Conteuacutedos estaacuteticos e dinacircmicos
25
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpgooglecomq=abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
25
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpgooglecomq=abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
28
bull Vantagens do conteuacutedo estaacutetico
bull mais raacutepido visto que natildeo exige processamento no servidor
bull possui poliacuteticas de cache mais agressivas
bull compatiacutevel com qualquer servidor
Conteuacutedos estaacuteticos e dinacircmicos
29
bull Vantagens do conteuacutedo dinacircmico
bull permite que os conteuacutedos sejam atualizados mais rapidamente
bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio
Conteuacutedos estaacuteticos e dinacircmicos
30
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
31
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
32
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
Pergunta pegadinha ha
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
33
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
34
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Existe uma ampla variedade de servidores web
Arquitetura ClienteServidor
35
Arquitetura ClienteServidor
36
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Arquitetura ClienteServidor
37
Servidor web
Aplicaccedilatildeo
Browser
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
38
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
39
bull Arquitetura Distribuiacuteda de ClienteServidor
bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador
bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor
HTTP HTML e Navegadores Web
40
HTTP HTML e Navegadores Web
41
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
HTTP HTML e Navegadores Web
42
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP HTML e Navegadores Web
43
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP - HyperText Transport Protocol
44
bull HTTP
bull HyperText Transfer Protocol
bull Padratildeo utilizado na www - World Wide Web
bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)
bull Utilizado para transmitir Recursos (URL - Unified Resources Location)
HTTP HTML e Navegadores Web
45
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
46
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
HTTP HTML e Navegadores Web
47
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Resposta HTTP
HTTP HTML e Navegadores Web
48
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Status da Resposta HTTP
HTTP HTML e Navegadores Web
49
bull Tipos de Status
bull 1xx indica uma mensagem informacional
bull 2xx indica sucesso na transaccedilatildeo
bull 3xx redireciona o cliente para outra URL
bull 4xx indica um erro por parte do cliente
bull 5xx indica um erro por parte do servidor
HTTP HTML e Navegadores Web
50
Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html
HTTP HTML e Navegadores Web
51
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da requisiccedilatildeo
HTTP HTML e Navegadores Web
52
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da resposta
HTTP HTML e Navegadores Web
53
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Tipos de requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
54
Tipos de requisiccedilatildeo HTTPbull GET
bull POST
bull DELETE
bull PUT
bull HEAD
HTTP HTML e Navegadores Web
55
Tipos de requisiccedilatildeo HTTP
bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded
httpwwwgooglecomq=alguma_coisa_para_buscar
HTTP HTML e Navegadores Web
56
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
Conteuacutedos estaacuteticos e dinacircmicos
6
HTML
CSS
Conteuacutedos estaacuteticos e dinacircmicos
7
HTML
CSSJavaScript
Conteuacutedos estaacuteticos e dinacircmicos
8
Servidor web
HTML
CSSJavaScript
Conteuacutedos estaacuteticos e dinacircmicos
9
Servidor web
HTML
CSSJavaScript
Conteuacutedos estaacuteticos e dinacircmicos
10
Servidor web
HTML
CSSJavaScriptUsuaacuterios
Conteuacutedos estaacuteticos e dinacircmicos
11
Servidor web
HTML
CSSJavaScript
Usuaacuterios
Quero uma paacuteginaURL httpabobrinhacom
Conteuacutedos estaacuteticos e dinacircmicos
12
Servidor web
HTML
CSSJavaScript
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
13
Servidor webUsuaacuterios Browser
Quero uma paacuteginaURL httpabobrinhacom
HTML
CSSJavaScript
Conteuacutedos estaacuteticos e dinacircmicos
14
Servidor webUsuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JS
Conteuacutedos estaacuteticos e dinacircmicos
15
Servidor webUsuaacuterios Browser
Obrigado
Conteuacutedos estaacuteticos e dinacircmicos
16
Cenaacuterio de uso de conteuacutedo estaacutetico
Conteuacutedos estaacuteticos e dinacircmicos
17
Servidor web
HTML
CSSJavaScript
Conteuacutedos estaacuteticos e dinacircmicos
18
Servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
19
Servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
20
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpabobrinhacom
Conteuacutedos estaacuteticos e dinacircmicos
21
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
22
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
Conteuacutedos estaacuteticos e dinacircmicos
24
Conteuacutedos estaacuteticos e dinacircmicos
24
Conteuacutedos estaacuteticos e dinacircmicos
25
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpgooglecomq=abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
25
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpgooglecomq=abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
28
bull Vantagens do conteuacutedo estaacutetico
bull mais raacutepido visto que natildeo exige processamento no servidor
bull possui poliacuteticas de cache mais agressivas
bull compatiacutevel com qualquer servidor
Conteuacutedos estaacuteticos e dinacircmicos
29
bull Vantagens do conteuacutedo dinacircmico
bull permite que os conteuacutedos sejam atualizados mais rapidamente
bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio
Conteuacutedos estaacuteticos e dinacircmicos
30
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
31
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
32
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
Pergunta pegadinha ha
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
33
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
34
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Existe uma ampla variedade de servidores web
Arquitetura ClienteServidor
35
Arquitetura ClienteServidor
36
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Arquitetura ClienteServidor
37
Servidor web
Aplicaccedilatildeo
Browser
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
38
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
39
bull Arquitetura Distribuiacuteda de ClienteServidor
bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador
bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor
HTTP HTML e Navegadores Web
40
HTTP HTML e Navegadores Web
41
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
HTTP HTML e Navegadores Web
42
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP HTML e Navegadores Web
43
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP - HyperText Transport Protocol
44
bull HTTP
bull HyperText Transfer Protocol
bull Padratildeo utilizado na www - World Wide Web
bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)
bull Utilizado para transmitir Recursos (URL - Unified Resources Location)
HTTP HTML e Navegadores Web
45
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
46
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
HTTP HTML e Navegadores Web
47
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Resposta HTTP
HTTP HTML e Navegadores Web
48
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Status da Resposta HTTP
HTTP HTML e Navegadores Web
49
bull Tipos de Status
bull 1xx indica uma mensagem informacional
bull 2xx indica sucesso na transaccedilatildeo
bull 3xx redireciona o cliente para outra URL
bull 4xx indica um erro por parte do cliente
bull 5xx indica um erro por parte do servidor
HTTP HTML e Navegadores Web
50
Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html
HTTP HTML e Navegadores Web
51
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da requisiccedilatildeo
HTTP HTML e Navegadores Web
52
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da resposta
HTTP HTML e Navegadores Web
53
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Tipos de requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
54
Tipos de requisiccedilatildeo HTTPbull GET
bull POST
bull DELETE
bull PUT
bull HEAD
HTTP HTML e Navegadores Web
55
Tipos de requisiccedilatildeo HTTP
bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded
httpwwwgooglecomq=alguma_coisa_para_buscar
HTTP HTML e Navegadores Web
56
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
Conteuacutedos estaacuteticos e dinacircmicos
7
HTML
CSSJavaScript
Conteuacutedos estaacuteticos e dinacircmicos
8
Servidor web
HTML
CSSJavaScript
Conteuacutedos estaacuteticos e dinacircmicos
9
Servidor web
HTML
CSSJavaScript
Conteuacutedos estaacuteticos e dinacircmicos
10
Servidor web
HTML
CSSJavaScriptUsuaacuterios
Conteuacutedos estaacuteticos e dinacircmicos
11
Servidor web
HTML
CSSJavaScript
Usuaacuterios
Quero uma paacuteginaURL httpabobrinhacom
Conteuacutedos estaacuteticos e dinacircmicos
12
Servidor web
HTML
CSSJavaScript
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
13
Servidor webUsuaacuterios Browser
Quero uma paacuteginaURL httpabobrinhacom
HTML
CSSJavaScript
Conteuacutedos estaacuteticos e dinacircmicos
14
Servidor webUsuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JS
Conteuacutedos estaacuteticos e dinacircmicos
15
Servidor webUsuaacuterios Browser
Obrigado
Conteuacutedos estaacuteticos e dinacircmicos
16
Cenaacuterio de uso de conteuacutedo estaacutetico
Conteuacutedos estaacuteticos e dinacircmicos
17
Servidor web
HTML
CSSJavaScript
Conteuacutedos estaacuteticos e dinacircmicos
18
Servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
19
Servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
20
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpabobrinhacom
Conteuacutedos estaacuteticos e dinacircmicos
21
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
22
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
Conteuacutedos estaacuteticos e dinacircmicos
24
Conteuacutedos estaacuteticos e dinacircmicos
24
Conteuacutedos estaacuteticos e dinacircmicos
25
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpgooglecomq=abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
25
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpgooglecomq=abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
28
bull Vantagens do conteuacutedo estaacutetico
bull mais raacutepido visto que natildeo exige processamento no servidor
bull possui poliacuteticas de cache mais agressivas
bull compatiacutevel com qualquer servidor
Conteuacutedos estaacuteticos e dinacircmicos
29
bull Vantagens do conteuacutedo dinacircmico
bull permite que os conteuacutedos sejam atualizados mais rapidamente
bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio
Conteuacutedos estaacuteticos e dinacircmicos
30
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
31
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
32
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
Pergunta pegadinha ha
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
33
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
34
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Existe uma ampla variedade de servidores web
Arquitetura ClienteServidor
35
Arquitetura ClienteServidor
36
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Arquitetura ClienteServidor
37
Servidor web
Aplicaccedilatildeo
Browser
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
38
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
39
bull Arquitetura Distribuiacuteda de ClienteServidor
bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador
bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor
HTTP HTML e Navegadores Web
40
HTTP HTML e Navegadores Web
41
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
HTTP HTML e Navegadores Web
42
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP HTML e Navegadores Web
43
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP - HyperText Transport Protocol
44
bull HTTP
bull HyperText Transfer Protocol
bull Padratildeo utilizado na www - World Wide Web
bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)
bull Utilizado para transmitir Recursos (URL - Unified Resources Location)
HTTP HTML e Navegadores Web
45
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
46
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
HTTP HTML e Navegadores Web
47
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Resposta HTTP
HTTP HTML e Navegadores Web
48
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Status da Resposta HTTP
HTTP HTML e Navegadores Web
49
bull Tipos de Status
bull 1xx indica uma mensagem informacional
bull 2xx indica sucesso na transaccedilatildeo
bull 3xx redireciona o cliente para outra URL
bull 4xx indica um erro por parte do cliente
bull 5xx indica um erro por parte do servidor
HTTP HTML e Navegadores Web
50
Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html
HTTP HTML e Navegadores Web
51
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da requisiccedilatildeo
HTTP HTML e Navegadores Web
52
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da resposta
HTTP HTML e Navegadores Web
53
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Tipos de requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
54
Tipos de requisiccedilatildeo HTTPbull GET
bull POST
bull DELETE
bull PUT
bull HEAD
HTTP HTML e Navegadores Web
55
Tipos de requisiccedilatildeo HTTP
bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded
httpwwwgooglecomq=alguma_coisa_para_buscar
HTTP HTML e Navegadores Web
56
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
Conteuacutedos estaacuteticos e dinacircmicos
8
Servidor web
HTML
CSSJavaScript
Conteuacutedos estaacuteticos e dinacircmicos
9
Servidor web
HTML
CSSJavaScript
Conteuacutedos estaacuteticos e dinacircmicos
10
Servidor web
HTML
CSSJavaScriptUsuaacuterios
Conteuacutedos estaacuteticos e dinacircmicos
11
Servidor web
HTML
CSSJavaScript
Usuaacuterios
Quero uma paacuteginaURL httpabobrinhacom
Conteuacutedos estaacuteticos e dinacircmicos
12
Servidor web
HTML
CSSJavaScript
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
13
Servidor webUsuaacuterios Browser
Quero uma paacuteginaURL httpabobrinhacom
HTML
CSSJavaScript
Conteuacutedos estaacuteticos e dinacircmicos
14
Servidor webUsuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JS
Conteuacutedos estaacuteticos e dinacircmicos
15
Servidor webUsuaacuterios Browser
Obrigado
Conteuacutedos estaacuteticos e dinacircmicos
16
Cenaacuterio de uso de conteuacutedo estaacutetico
Conteuacutedos estaacuteticos e dinacircmicos
17
Servidor web
HTML
CSSJavaScript
Conteuacutedos estaacuteticos e dinacircmicos
18
Servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
19
Servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
20
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpabobrinhacom
Conteuacutedos estaacuteticos e dinacircmicos
21
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
22
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
Conteuacutedos estaacuteticos e dinacircmicos
24
Conteuacutedos estaacuteticos e dinacircmicos
24
Conteuacutedos estaacuteticos e dinacircmicos
25
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpgooglecomq=abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
25
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpgooglecomq=abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
28
bull Vantagens do conteuacutedo estaacutetico
bull mais raacutepido visto que natildeo exige processamento no servidor
bull possui poliacuteticas de cache mais agressivas
bull compatiacutevel com qualquer servidor
Conteuacutedos estaacuteticos e dinacircmicos
29
bull Vantagens do conteuacutedo dinacircmico
bull permite que os conteuacutedos sejam atualizados mais rapidamente
bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio
Conteuacutedos estaacuteticos e dinacircmicos
30
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
31
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
32
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
Pergunta pegadinha ha
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
33
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
34
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Existe uma ampla variedade de servidores web
Arquitetura ClienteServidor
35
Arquitetura ClienteServidor
36
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Arquitetura ClienteServidor
37
Servidor web
Aplicaccedilatildeo
Browser
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
38
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
39
bull Arquitetura Distribuiacuteda de ClienteServidor
bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador
bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor
HTTP HTML e Navegadores Web
40
HTTP HTML e Navegadores Web
41
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
HTTP HTML e Navegadores Web
42
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP HTML e Navegadores Web
43
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP - HyperText Transport Protocol
44
bull HTTP
bull HyperText Transfer Protocol
bull Padratildeo utilizado na www - World Wide Web
bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)
bull Utilizado para transmitir Recursos (URL - Unified Resources Location)
HTTP HTML e Navegadores Web
45
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
46
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
HTTP HTML e Navegadores Web
47
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Resposta HTTP
HTTP HTML e Navegadores Web
48
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Status da Resposta HTTP
HTTP HTML e Navegadores Web
49
bull Tipos de Status
bull 1xx indica uma mensagem informacional
bull 2xx indica sucesso na transaccedilatildeo
bull 3xx redireciona o cliente para outra URL
bull 4xx indica um erro por parte do cliente
bull 5xx indica um erro por parte do servidor
HTTP HTML e Navegadores Web
50
Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html
HTTP HTML e Navegadores Web
51
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da requisiccedilatildeo
HTTP HTML e Navegadores Web
52
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da resposta
HTTP HTML e Navegadores Web
53
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Tipos de requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
54
Tipos de requisiccedilatildeo HTTPbull GET
bull POST
bull DELETE
bull PUT
bull HEAD
HTTP HTML e Navegadores Web
55
Tipos de requisiccedilatildeo HTTP
bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded
httpwwwgooglecomq=alguma_coisa_para_buscar
HTTP HTML e Navegadores Web
56
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
Conteuacutedos estaacuteticos e dinacircmicos
9
Servidor web
HTML
CSSJavaScript
Conteuacutedos estaacuteticos e dinacircmicos
10
Servidor web
HTML
CSSJavaScriptUsuaacuterios
Conteuacutedos estaacuteticos e dinacircmicos
11
Servidor web
HTML
CSSJavaScript
Usuaacuterios
Quero uma paacuteginaURL httpabobrinhacom
Conteuacutedos estaacuteticos e dinacircmicos
12
Servidor web
HTML
CSSJavaScript
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
13
Servidor webUsuaacuterios Browser
Quero uma paacuteginaURL httpabobrinhacom
HTML
CSSJavaScript
Conteuacutedos estaacuteticos e dinacircmicos
14
Servidor webUsuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JS
Conteuacutedos estaacuteticos e dinacircmicos
15
Servidor webUsuaacuterios Browser
Obrigado
Conteuacutedos estaacuteticos e dinacircmicos
16
Cenaacuterio de uso de conteuacutedo estaacutetico
Conteuacutedos estaacuteticos e dinacircmicos
17
Servidor web
HTML
CSSJavaScript
Conteuacutedos estaacuteticos e dinacircmicos
18
Servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
19
Servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
20
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpabobrinhacom
Conteuacutedos estaacuteticos e dinacircmicos
21
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
22
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
Conteuacutedos estaacuteticos e dinacircmicos
24
Conteuacutedos estaacuteticos e dinacircmicos
24
Conteuacutedos estaacuteticos e dinacircmicos
25
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpgooglecomq=abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
25
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpgooglecomq=abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
28
bull Vantagens do conteuacutedo estaacutetico
bull mais raacutepido visto que natildeo exige processamento no servidor
bull possui poliacuteticas de cache mais agressivas
bull compatiacutevel com qualquer servidor
Conteuacutedos estaacuteticos e dinacircmicos
29
bull Vantagens do conteuacutedo dinacircmico
bull permite que os conteuacutedos sejam atualizados mais rapidamente
bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio
Conteuacutedos estaacuteticos e dinacircmicos
30
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
31
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
32
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
Pergunta pegadinha ha
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
33
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
34
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Existe uma ampla variedade de servidores web
Arquitetura ClienteServidor
35
Arquitetura ClienteServidor
36
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Arquitetura ClienteServidor
37
Servidor web
Aplicaccedilatildeo
Browser
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
38
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
39
bull Arquitetura Distribuiacuteda de ClienteServidor
bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador
bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor
HTTP HTML e Navegadores Web
40
HTTP HTML e Navegadores Web
41
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
HTTP HTML e Navegadores Web
42
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP HTML e Navegadores Web
43
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP - HyperText Transport Protocol
44
bull HTTP
bull HyperText Transfer Protocol
bull Padratildeo utilizado na www - World Wide Web
bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)
bull Utilizado para transmitir Recursos (URL - Unified Resources Location)
HTTP HTML e Navegadores Web
45
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
46
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
HTTP HTML e Navegadores Web
47
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Resposta HTTP
HTTP HTML e Navegadores Web
48
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Status da Resposta HTTP
HTTP HTML e Navegadores Web
49
bull Tipos de Status
bull 1xx indica uma mensagem informacional
bull 2xx indica sucesso na transaccedilatildeo
bull 3xx redireciona o cliente para outra URL
bull 4xx indica um erro por parte do cliente
bull 5xx indica um erro por parte do servidor
HTTP HTML e Navegadores Web
50
Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html
HTTP HTML e Navegadores Web
51
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da requisiccedilatildeo
HTTP HTML e Navegadores Web
52
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da resposta
HTTP HTML e Navegadores Web
53
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Tipos de requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
54
Tipos de requisiccedilatildeo HTTPbull GET
bull POST
bull DELETE
bull PUT
bull HEAD
HTTP HTML e Navegadores Web
55
Tipos de requisiccedilatildeo HTTP
bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded
httpwwwgooglecomq=alguma_coisa_para_buscar
HTTP HTML e Navegadores Web
56
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
Conteuacutedos estaacuteticos e dinacircmicos
10
Servidor web
HTML
CSSJavaScriptUsuaacuterios
Conteuacutedos estaacuteticos e dinacircmicos
11
Servidor web
HTML
CSSJavaScript
Usuaacuterios
Quero uma paacuteginaURL httpabobrinhacom
Conteuacutedos estaacuteticos e dinacircmicos
12
Servidor web
HTML
CSSJavaScript
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
13
Servidor webUsuaacuterios Browser
Quero uma paacuteginaURL httpabobrinhacom
HTML
CSSJavaScript
Conteuacutedos estaacuteticos e dinacircmicos
14
Servidor webUsuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JS
Conteuacutedos estaacuteticos e dinacircmicos
15
Servidor webUsuaacuterios Browser
Obrigado
Conteuacutedos estaacuteticos e dinacircmicos
16
Cenaacuterio de uso de conteuacutedo estaacutetico
Conteuacutedos estaacuteticos e dinacircmicos
17
Servidor web
HTML
CSSJavaScript
Conteuacutedos estaacuteticos e dinacircmicos
18
Servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
19
Servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
20
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpabobrinhacom
Conteuacutedos estaacuteticos e dinacircmicos
21
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
22
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
Conteuacutedos estaacuteticos e dinacircmicos
24
Conteuacutedos estaacuteticos e dinacircmicos
24
Conteuacutedos estaacuteticos e dinacircmicos
25
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpgooglecomq=abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
25
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpgooglecomq=abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
28
bull Vantagens do conteuacutedo estaacutetico
bull mais raacutepido visto que natildeo exige processamento no servidor
bull possui poliacuteticas de cache mais agressivas
bull compatiacutevel com qualquer servidor
Conteuacutedos estaacuteticos e dinacircmicos
29
bull Vantagens do conteuacutedo dinacircmico
bull permite que os conteuacutedos sejam atualizados mais rapidamente
bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio
Conteuacutedos estaacuteticos e dinacircmicos
30
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
31
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
32
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
Pergunta pegadinha ha
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
33
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
34
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Existe uma ampla variedade de servidores web
Arquitetura ClienteServidor
35
Arquitetura ClienteServidor
36
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Arquitetura ClienteServidor
37
Servidor web
Aplicaccedilatildeo
Browser
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
38
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
39
bull Arquitetura Distribuiacuteda de ClienteServidor
bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador
bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor
HTTP HTML e Navegadores Web
40
HTTP HTML e Navegadores Web
41
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
HTTP HTML e Navegadores Web
42
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP HTML e Navegadores Web
43
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP - HyperText Transport Protocol
44
bull HTTP
bull HyperText Transfer Protocol
bull Padratildeo utilizado na www - World Wide Web
bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)
bull Utilizado para transmitir Recursos (URL - Unified Resources Location)
HTTP HTML e Navegadores Web
45
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
46
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
HTTP HTML e Navegadores Web
47
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Resposta HTTP
HTTP HTML e Navegadores Web
48
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Status da Resposta HTTP
HTTP HTML e Navegadores Web
49
bull Tipos de Status
bull 1xx indica uma mensagem informacional
bull 2xx indica sucesso na transaccedilatildeo
bull 3xx redireciona o cliente para outra URL
bull 4xx indica um erro por parte do cliente
bull 5xx indica um erro por parte do servidor
HTTP HTML e Navegadores Web
50
Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html
HTTP HTML e Navegadores Web
51
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da requisiccedilatildeo
HTTP HTML e Navegadores Web
52
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da resposta
HTTP HTML e Navegadores Web
53
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Tipos de requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
54
Tipos de requisiccedilatildeo HTTPbull GET
bull POST
bull DELETE
bull PUT
bull HEAD
HTTP HTML e Navegadores Web
55
Tipos de requisiccedilatildeo HTTP
bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded
httpwwwgooglecomq=alguma_coisa_para_buscar
HTTP HTML e Navegadores Web
56
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
Conteuacutedos estaacuteticos e dinacircmicos
11
Servidor web
HTML
CSSJavaScript
Usuaacuterios
Quero uma paacuteginaURL httpabobrinhacom
Conteuacutedos estaacuteticos e dinacircmicos
12
Servidor web
HTML
CSSJavaScript
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
13
Servidor webUsuaacuterios Browser
Quero uma paacuteginaURL httpabobrinhacom
HTML
CSSJavaScript
Conteuacutedos estaacuteticos e dinacircmicos
14
Servidor webUsuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JS
Conteuacutedos estaacuteticos e dinacircmicos
15
Servidor webUsuaacuterios Browser
Obrigado
Conteuacutedos estaacuteticos e dinacircmicos
16
Cenaacuterio de uso de conteuacutedo estaacutetico
Conteuacutedos estaacuteticos e dinacircmicos
17
Servidor web
HTML
CSSJavaScript
Conteuacutedos estaacuteticos e dinacircmicos
18
Servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
19
Servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
20
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpabobrinhacom
Conteuacutedos estaacuteticos e dinacircmicos
21
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
22
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
Conteuacutedos estaacuteticos e dinacircmicos
24
Conteuacutedos estaacuteticos e dinacircmicos
24
Conteuacutedos estaacuteticos e dinacircmicos
25
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpgooglecomq=abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
25
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpgooglecomq=abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
28
bull Vantagens do conteuacutedo estaacutetico
bull mais raacutepido visto que natildeo exige processamento no servidor
bull possui poliacuteticas de cache mais agressivas
bull compatiacutevel com qualquer servidor
Conteuacutedos estaacuteticos e dinacircmicos
29
bull Vantagens do conteuacutedo dinacircmico
bull permite que os conteuacutedos sejam atualizados mais rapidamente
bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio
Conteuacutedos estaacuteticos e dinacircmicos
30
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
31
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
32
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
Pergunta pegadinha ha
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
33
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
34
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Existe uma ampla variedade de servidores web
Arquitetura ClienteServidor
35
Arquitetura ClienteServidor
36
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Arquitetura ClienteServidor
37
Servidor web
Aplicaccedilatildeo
Browser
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
38
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
39
bull Arquitetura Distribuiacuteda de ClienteServidor
bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador
bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor
HTTP HTML e Navegadores Web
40
HTTP HTML e Navegadores Web
41
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
HTTP HTML e Navegadores Web
42
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP HTML e Navegadores Web
43
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP - HyperText Transport Protocol
44
bull HTTP
bull HyperText Transfer Protocol
bull Padratildeo utilizado na www - World Wide Web
bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)
bull Utilizado para transmitir Recursos (URL - Unified Resources Location)
HTTP HTML e Navegadores Web
45
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
46
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
HTTP HTML e Navegadores Web
47
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Resposta HTTP
HTTP HTML e Navegadores Web
48
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Status da Resposta HTTP
HTTP HTML e Navegadores Web
49
bull Tipos de Status
bull 1xx indica uma mensagem informacional
bull 2xx indica sucesso na transaccedilatildeo
bull 3xx redireciona o cliente para outra URL
bull 4xx indica um erro por parte do cliente
bull 5xx indica um erro por parte do servidor
HTTP HTML e Navegadores Web
50
Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html
HTTP HTML e Navegadores Web
51
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da requisiccedilatildeo
HTTP HTML e Navegadores Web
52
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da resposta
HTTP HTML e Navegadores Web
53
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Tipos de requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
54
Tipos de requisiccedilatildeo HTTPbull GET
bull POST
bull DELETE
bull PUT
bull HEAD
HTTP HTML e Navegadores Web
55
Tipos de requisiccedilatildeo HTTP
bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded
httpwwwgooglecomq=alguma_coisa_para_buscar
HTTP HTML e Navegadores Web
56
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
Conteuacutedos estaacuteticos e dinacircmicos
12
Servidor web
HTML
CSSJavaScript
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
13
Servidor webUsuaacuterios Browser
Quero uma paacuteginaURL httpabobrinhacom
HTML
CSSJavaScript
Conteuacutedos estaacuteticos e dinacircmicos
14
Servidor webUsuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JS
Conteuacutedos estaacuteticos e dinacircmicos
15
Servidor webUsuaacuterios Browser
Obrigado
Conteuacutedos estaacuteticos e dinacircmicos
16
Cenaacuterio de uso de conteuacutedo estaacutetico
Conteuacutedos estaacuteticos e dinacircmicos
17
Servidor web
HTML
CSSJavaScript
Conteuacutedos estaacuteticos e dinacircmicos
18
Servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
19
Servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
20
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpabobrinhacom
Conteuacutedos estaacuteticos e dinacircmicos
21
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
22
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
Conteuacutedos estaacuteticos e dinacircmicos
24
Conteuacutedos estaacuteticos e dinacircmicos
24
Conteuacutedos estaacuteticos e dinacircmicos
25
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpgooglecomq=abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
25
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpgooglecomq=abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
28
bull Vantagens do conteuacutedo estaacutetico
bull mais raacutepido visto que natildeo exige processamento no servidor
bull possui poliacuteticas de cache mais agressivas
bull compatiacutevel com qualquer servidor
Conteuacutedos estaacuteticos e dinacircmicos
29
bull Vantagens do conteuacutedo dinacircmico
bull permite que os conteuacutedos sejam atualizados mais rapidamente
bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio
Conteuacutedos estaacuteticos e dinacircmicos
30
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
31
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
32
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
Pergunta pegadinha ha
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
33
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
34
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Existe uma ampla variedade de servidores web
Arquitetura ClienteServidor
35
Arquitetura ClienteServidor
36
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Arquitetura ClienteServidor
37
Servidor web
Aplicaccedilatildeo
Browser
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
38
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
39
bull Arquitetura Distribuiacuteda de ClienteServidor
bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador
bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor
HTTP HTML e Navegadores Web
40
HTTP HTML e Navegadores Web
41
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
HTTP HTML e Navegadores Web
42
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP HTML e Navegadores Web
43
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP - HyperText Transport Protocol
44
bull HTTP
bull HyperText Transfer Protocol
bull Padratildeo utilizado na www - World Wide Web
bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)
bull Utilizado para transmitir Recursos (URL - Unified Resources Location)
HTTP HTML e Navegadores Web
45
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
46
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
HTTP HTML e Navegadores Web
47
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Resposta HTTP
HTTP HTML e Navegadores Web
48
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Status da Resposta HTTP
HTTP HTML e Navegadores Web
49
bull Tipos de Status
bull 1xx indica uma mensagem informacional
bull 2xx indica sucesso na transaccedilatildeo
bull 3xx redireciona o cliente para outra URL
bull 4xx indica um erro por parte do cliente
bull 5xx indica um erro por parte do servidor
HTTP HTML e Navegadores Web
50
Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html
HTTP HTML e Navegadores Web
51
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da requisiccedilatildeo
HTTP HTML e Navegadores Web
52
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da resposta
HTTP HTML e Navegadores Web
53
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Tipos de requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
54
Tipos de requisiccedilatildeo HTTPbull GET
bull POST
bull DELETE
bull PUT
bull HEAD
HTTP HTML e Navegadores Web
55
Tipos de requisiccedilatildeo HTTP
bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded
httpwwwgooglecomq=alguma_coisa_para_buscar
HTTP HTML e Navegadores Web
56
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
Conteuacutedos estaacuteticos e dinacircmicos
13
Servidor webUsuaacuterios Browser
Quero uma paacuteginaURL httpabobrinhacom
HTML
CSSJavaScript
Conteuacutedos estaacuteticos e dinacircmicos
14
Servidor webUsuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JS
Conteuacutedos estaacuteticos e dinacircmicos
15
Servidor webUsuaacuterios Browser
Obrigado
Conteuacutedos estaacuteticos e dinacircmicos
16
Cenaacuterio de uso de conteuacutedo estaacutetico
Conteuacutedos estaacuteticos e dinacircmicos
17
Servidor web
HTML
CSSJavaScript
Conteuacutedos estaacuteticos e dinacircmicos
18
Servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
19
Servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
20
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpabobrinhacom
Conteuacutedos estaacuteticos e dinacircmicos
21
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
22
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
Conteuacutedos estaacuteticos e dinacircmicos
24
Conteuacutedos estaacuteticos e dinacircmicos
24
Conteuacutedos estaacuteticos e dinacircmicos
25
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpgooglecomq=abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
25
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpgooglecomq=abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
28
bull Vantagens do conteuacutedo estaacutetico
bull mais raacutepido visto que natildeo exige processamento no servidor
bull possui poliacuteticas de cache mais agressivas
bull compatiacutevel com qualquer servidor
Conteuacutedos estaacuteticos e dinacircmicos
29
bull Vantagens do conteuacutedo dinacircmico
bull permite que os conteuacutedos sejam atualizados mais rapidamente
bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio
Conteuacutedos estaacuteticos e dinacircmicos
30
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
31
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
32
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
Pergunta pegadinha ha
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
33
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
34
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Existe uma ampla variedade de servidores web
Arquitetura ClienteServidor
35
Arquitetura ClienteServidor
36
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Arquitetura ClienteServidor
37
Servidor web
Aplicaccedilatildeo
Browser
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
38
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
39
bull Arquitetura Distribuiacuteda de ClienteServidor
bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador
bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor
HTTP HTML e Navegadores Web
40
HTTP HTML e Navegadores Web
41
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
HTTP HTML e Navegadores Web
42
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP HTML e Navegadores Web
43
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP - HyperText Transport Protocol
44
bull HTTP
bull HyperText Transfer Protocol
bull Padratildeo utilizado na www - World Wide Web
bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)
bull Utilizado para transmitir Recursos (URL - Unified Resources Location)
HTTP HTML e Navegadores Web
45
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
46
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
HTTP HTML e Navegadores Web
47
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Resposta HTTP
HTTP HTML e Navegadores Web
48
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Status da Resposta HTTP
HTTP HTML e Navegadores Web
49
bull Tipos de Status
bull 1xx indica uma mensagem informacional
bull 2xx indica sucesso na transaccedilatildeo
bull 3xx redireciona o cliente para outra URL
bull 4xx indica um erro por parte do cliente
bull 5xx indica um erro por parte do servidor
HTTP HTML e Navegadores Web
50
Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html
HTTP HTML e Navegadores Web
51
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da requisiccedilatildeo
HTTP HTML e Navegadores Web
52
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da resposta
HTTP HTML e Navegadores Web
53
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Tipos de requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
54
Tipos de requisiccedilatildeo HTTPbull GET
bull POST
bull DELETE
bull PUT
bull HEAD
HTTP HTML e Navegadores Web
55
Tipos de requisiccedilatildeo HTTP
bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded
httpwwwgooglecomq=alguma_coisa_para_buscar
HTTP HTML e Navegadores Web
56
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
Conteuacutedos estaacuteticos e dinacircmicos
14
Servidor webUsuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JS
Conteuacutedos estaacuteticos e dinacircmicos
15
Servidor webUsuaacuterios Browser
Obrigado
Conteuacutedos estaacuteticos e dinacircmicos
16
Cenaacuterio de uso de conteuacutedo estaacutetico
Conteuacutedos estaacuteticos e dinacircmicos
17
Servidor web
HTML
CSSJavaScript
Conteuacutedos estaacuteticos e dinacircmicos
18
Servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
19
Servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
20
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpabobrinhacom
Conteuacutedos estaacuteticos e dinacircmicos
21
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
22
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
Conteuacutedos estaacuteticos e dinacircmicos
24
Conteuacutedos estaacuteticos e dinacircmicos
24
Conteuacutedos estaacuteticos e dinacircmicos
25
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpgooglecomq=abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
25
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpgooglecomq=abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
28
bull Vantagens do conteuacutedo estaacutetico
bull mais raacutepido visto que natildeo exige processamento no servidor
bull possui poliacuteticas de cache mais agressivas
bull compatiacutevel com qualquer servidor
Conteuacutedos estaacuteticos e dinacircmicos
29
bull Vantagens do conteuacutedo dinacircmico
bull permite que os conteuacutedos sejam atualizados mais rapidamente
bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio
Conteuacutedos estaacuteticos e dinacircmicos
30
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
31
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
32
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
Pergunta pegadinha ha
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
33
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
34
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Existe uma ampla variedade de servidores web
Arquitetura ClienteServidor
35
Arquitetura ClienteServidor
36
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Arquitetura ClienteServidor
37
Servidor web
Aplicaccedilatildeo
Browser
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
38
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
39
bull Arquitetura Distribuiacuteda de ClienteServidor
bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador
bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor
HTTP HTML e Navegadores Web
40
HTTP HTML e Navegadores Web
41
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
HTTP HTML e Navegadores Web
42
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP HTML e Navegadores Web
43
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP - HyperText Transport Protocol
44
bull HTTP
bull HyperText Transfer Protocol
bull Padratildeo utilizado na www - World Wide Web
bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)
bull Utilizado para transmitir Recursos (URL - Unified Resources Location)
HTTP HTML e Navegadores Web
45
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
46
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
HTTP HTML e Navegadores Web
47
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Resposta HTTP
HTTP HTML e Navegadores Web
48
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Status da Resposta HTTP
HTTP HTML e Navegadores Web
49
bull Tipos de Status
bull 1xx indica uma mensagem informacional
bull 2xx indica sucesso na transaccedilatildeo
bull 3xx redireciona o cliente para outra URL
bull 4xx indica um erro por parte do cliente
bull 5xx indica um erro por parte do servidor
HTTP HTML e Navegadores Web
50
Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html
HTTP HTML e Navegadores Web
51
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da requisiccedilatildeo
HTTP HTML e Navegadores Web
52
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da resposta
HTTP HTML e Navegadores Web
53
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Tipos de requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
54
Tipos de requisiccedilatildeo HTTPbull GET
bull POST
bull DELETE
bull PUT
bull HEAD
HTTP HTML e Navegadores Web
55
Tipos de requisiccedilatildeo HTTP
bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded
httpwwwgooglecomq=alguma_coisa_para_buscar
HTTP HTML e Navegadores Web
56
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
Conteuacutedos estaacuteticos e dinacircmicos
15
Servidor webUsuaacuterios Browser
Obrigado
Conteuacutedos estaacuteticos e dinacircmicos
16
Cenaacuterio de uso de conteuacutedo estaacutetico
Conteuacutedos estaacuteticos e dinacircmicos
17
Servidor web
HTML
CSSJavaScript
Conteuacutedos estaacuteticos e dinacircmicos
18
Servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
19
Servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
20
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpabobrinhacom
Conteuacutedos estaacuteticos e dinacircmicos
21
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
22
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
Conteuacutedos estaacuteticos e dinacircmicos
24
Conteuacutedos estaacuteticos e dinacircmicos
24
Conteuacutedos estaacuteticos e dinacircmicos
25
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpgooglecomq=abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
25
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpgooglecomq=abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
28
bull Vantagens do conteuacutedo estaacutetico
bull mais raacutepido visto que natildeo exige processamento no servidor
bull possui poliacuteticas de cache mais agressivas
bull compatiacutevel com qualquer servidor
Conteuacutedos estaacuteticos e dinacircmicos
29
bull Vantagens do conteuacutedo dinacircmico
bull permite que os conteuacutedos sejam atualizados mais rapidamente
bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio
Conteuacutedos estaacuteticos e dinacircmicos
30
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
31
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
32
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
Pergunta pegadinha ha
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
33
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
34
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Existe uma ampla variedade de servidores web
Arquitetura ClienteServidor
35
Arquitetura ClienteServidor
36
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Arquitetura ClienteServidor
37
Servidor web
Aplicaccedilatildeo
Browser
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
38
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
39
bull Arquitetura Distribuiacuteda de ClienteServidor
bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador
bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor
HTTP HTML e Navegadores Web
40
HTTP HTML e Navegadores Web
41
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
HTTP HTML e Navegadores Web
42
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP HTML e Navegadores Web
43
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP - HyperText Transport Protocol
44
bull HTTP
bull HyperText Transfer Protocol
bull Padratildeo utilizado na www - World Wide Web
bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)
bull Utilizado para transmitir Recursos (URL - Unified Resources Location)
HTTP HTML e Navegadores Web
45
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
46
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
HTTP HTML e Navegadores Web
47
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Resposta HTTP
HTTP HTML e Navegadores Web
48
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Status da Resposta HTTP
HTTP HTML e Navegadores Web
49
bull Tipos de Status
bull 1xx indica uma mensagem informacional
bull 2xx indica sucesso na transaccedilatildeo
bull 3xx redireciona o cliente para outra URL
bull 4xx indica um erro por parte do cliente
bull 5xx indica um erro por parte do servidor
HTTP HTML e Navegadores Web
50
Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html
HTTP HTML e Navegadores Web
51
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da requisiccedilatildeo
HTTP HTML e Navegadores Web
52
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da resposta
HTTP HTML e Navegadores Web
53
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Tipos de requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
54
Tipos de requisiccedilatildeo HTTPbull GET
bull POST
bull DELETE
bull PUT
bull HEAD
HTTP HTML e Navegadores Web
55
Tipos de requisiccedilatildeo HTTP
bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded
httpwwwgooglecomq=alguma_coisa_para_buscar
HTTP HTML e Navegadores Web
56
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
Conteuacutedos estaacuteticos e dinacircmicos
16
Cenaacuterio de uso de conteuacutedo estaacutetico
Conteuacutedos estaacuteticos e dinacircmicos
17
Servidor web
HTML
CSSJavaScript
Conteuacutedos estaacuteticos e dinacircmicos
18
Servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
19
Servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
20
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpabobrinhacom
Conteuacutedos estaacuteticos e dinacircmicos
21
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
22
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
Conteuacutedos estaacuteticos e dinacircmicos
24
Conteuacutedos estaacuteticos e dinacircmicos
24
Conteuacutedos estaacuteticos e dinacircmicos
25
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpgooglecomq=abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
25
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpgooglecomq=abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
28
bull Vantagens do conteuacutedo estaacutetico
bull mais raacutepido visto que natildeo exige processamento no servidor
bull possui poliacuteticas de cache mais agressivas
bull compatiacutevel com qualquer servidor
Conteuacutedos estaacuteticos e dinacircmicos
29
bull Vantagens do conteuacutedo dinacircmico
bull permite que os conteuacutedos sejam atualizados mais rapidamente
bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio
Conteuacutedos estaacuteticos e dinacircmicos
30
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
31
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
32
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
Pergunta pegadinha ha
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
33
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
34
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Existe uma ampla variedade de servidores web
Arquitetura ClienteServidor
35
Arquitetura ClienteServidor
36
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Arquitetura ClienteServidor
37
Servidor web
Aplicaccedilatildeo
Browser
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
38
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
39
bull Arquitetura Distribuiacuteda de ClienteServidor
bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador
bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor
HTTP HTML e Navegadores Web
40
HTTP HTML e Navegadores Web
41
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
HTTP HTML e Navegadores Web
42
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP HTML e Navegadores Web
43
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP - HyperText Transport Protocol
44
bull HTTP
bull HyperText Transfer Protocol
bull Padratildeo utilizado na www - World Wide Web
bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)
bull Utilizado para transmitir Recursos (URL - Unified Resources Location)
HTTP HTML e Navegadores Web
45
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
46
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
HTTP HTML e Navegadores Web
47
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Resposta HTTP
HTTP HTML e Navegadores Web
48
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Status da Resposta HTTP
HTTP HTML e Navegadores Web
49
bull Tipos de Status
bull 1xx indica uma mensagem informacional
bull 2xx indica sucesso na transaccedilatildeo
bull 3xx redireciona o cliente para outra URL
bull 4xx indica um erro por parte do cliente
bull 5xx indica um erro por parte do servidor
HTTP HTML e Navegadores Web
50
Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html
HTTP HTML e Navegadores Web
51
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da requisiccedilatildeo
HTTP HTML e Navegadores Web
52
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da resposta
HTTP HTML e Navegadores Web
53
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Tipos de requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
54
Tipos de requisiccedilatildeo HTTPbull GET
bull POST
bull DELETE
bull PUT
bull HEAD
HTTP HTML e Navegadores Web
55
Tipos de requisiccedilatildeo HTTP
bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded
httpwwwgooglecomq=alguma_coisa_para_buscar
HTTP HTML e Navegadores Web
56
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
Conteuacutedos estaacuteticos e dinacircmicos
17
Servidor web
HTML
CSSJavaScript
Conteuacutedos estaacuteticos e dinacircmicos
18
Servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
19
Servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
20
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpabobrinhacom
Conteuacutedos estaacuteticos e dinacircmicos
21
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
22
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
Conteuacutedos estaacuteticos e dinacircmicos
24
Conteuacutedos estaacuteticos e dinacircmicos
24
Conteuacutedos estaacuteticos e dinacircmicos
25
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpgooglecomq=abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
25
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpgooglecomq=abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
28
bull Vantagens do conteuacutedo estaacutetico
bull mais raacutepido visto que natildeo exige processamento no servidor
bull possui poliacuteticas de cache mais agressivas
bull compatiacutevel com qualquer servidor
Conteuacutedos estaacuteticos e dinacircmicos
29
bull Vantagens do conteuacutedo dinacircmico
bull permite que os conteuacutedos sejam atualizados mais rapidamente
bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio
Conteuacutedos estaacuteticos e dinacircmicos
30
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
31
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
32
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
Pergunta pegadinha ha
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
33
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
34
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Existe uma ampla variedade de servidores web
Arquitetura ClienteServidor
35
Arquitetura ClienteServidor
36
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Arquitetura ClienteServidor
37
Servidor web
Aplicaccedilatildeo
Browser
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
38
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
39
bull Arquitetura Distribuiacuteda de ClienteServidor
bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador
bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor
HTTP HTML e Navegadores Web
40
HTTP HTML e Navegadores Web
41
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
HTTP HTML e Navegadores Web
42
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP HTML e Navegadores Web
43
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP - HyperText Transport Protocol
44
bull HTTP
bull HyperText Transfer Protocol
bull Padratildeo utilizado na www - World Wide Web
bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)
bull Utilizado para transmitir Recursos (URL - Unified Resources Location)
HTTP HTML e Navegadores Web
45
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
46
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
HTTP HTML e Navegadores Web
47
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Resposta HTTP
HTTP HTML e Navegadores Web
48
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Status da Resposta HTTP
HTTP HTML e Navegadores Web
49
bull Tipos de Status
bull 1xx indica uma mensagem informacional
bull 2xx indica sucesso na transaccedilatildeo
bull 3xx redireciona o cliente para outra URL
bull 4xx indica um erro por parte do cliente
bull 5xx indica um erro por parte do servidor
HTTP HTML e Navegadores Web
50
Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html
HTTP HTML e Navegadores Web
51
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da requisiccedilatildeo
HTTP HTML e Navegadores Web
52
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da resposta
HTTP HTML e Navegadores Web
53
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Tipos de requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
54
Tipos de requisiccedilatildeo HTTPbull GET
bull POST
bull DELETE
bull PUT
bull HEAD
HTTP HTML e Navegadores Web
55
Tipos de requisiccedilatildeo HTTP
bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded
httpwwwgooglecomq=alguma_coisa_para_buscar
HTTP HTML e Navegadores Web
56
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
Conteuacutedos estaacuteticos e dinacircmicos
18
Servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
19
Servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
20
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpabobrinhacom
Conteuacutedos estaacuteticos e dinacircmicos
21
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
22
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
Conteuacutedos estaacuteticos e dinacircmicos
24
Conteuacutedos estaacuteticos e dinacircmicos
24
Conteuacutedos estaacuteticos e dinacircmicos
25
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpgooglecomq=abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
25
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpgooglecomq=abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
28
bull Vantagens do conteuacutedo estaacutetico
bull mais raacutepido visto que natildeo exige processamento no servidor
bull possui poliacuteticas de cache mais agressivas
bull compatiacutevel com qualquer servidor
Conteuacutedos estaacuteticos e dinacircmicos
29
bull Vantagens do conteuacutedo dinacircmico
bull permite que os conteuacutedos sejam atualizados mais rapidamente
bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio
Conteuacutedos estaacuteticos e dinacircmicos
30
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
31
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
32
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
Pergunta pegadinha ha
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
33
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
34
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Existe uma ampla variedade de servidores web
Arquitetura ClienteServidor
35
Arquitetura ClienteServidor
36
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Arquitetura ClienteServidor
37
Servidor web
Aplicaccedilatildeo
Browser
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
38
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
39
bull Arquitetura Distribuiacuteda de ClienteServidor
bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador
bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor
HTTP HTML e Navegadores Web
40
HTTP HTML e Navegadores Web
41
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
HTTP HTML e Navegadores Web
42
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP HTML e Navegadores Web
43
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP - HyperText Transport Protocol
44
bull HTTP
bull HyperText Transfer Protocol
bull Padratildeo utilizado na www - World Wide Web
bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)
bull Utilizado para transmitir Recursos (URL - Unified Resources Location)
HTTP HTML e Navegadores Web
45
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
46
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
HTTP HTML e Navegadores Web
47
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Resposta HTTP
HTTP HTML e Navegadores Web
48
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Status da Resposta HTTP
HTTP HTML e Navegadores Web
49
bull Tipos de Status
bull 1xx indica uma mensagem informacional
bull 2xx indica sucesso na transaccedilatildeo
bull 3xx redireciona o cliente para outra URL
bull 4xx indica um erro por parte do cliente
bull 5xx indica um erro por parte do servidor
HTTP HTML e Navegadores Web
50
Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html
HTTP HTML e Navegadores Web
51
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da requisiccedilatildeo
HTTP HTML e Navegadores Web
52
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da resposta
HTTP HTML e Navegadores Web
53
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Tipos de requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
54
Tipos de requisiccedilatildeo HTTPbull GET
bull POST
bull DELETE
bull PUT
bull HEAD
HTTP HTML e Navegadores Web
55
Tipos de requisiccedilatildeo HTTP
bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded
httpwwwgooglecomq=alguma_coisa_para_buscar
HTTP HTML e Navegadores Web
56
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
Conteuacutedos estaacuteticos e dinacircmicos
19
Servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
20
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpabobrinhacom
Conteuacutedos estaacuteticos e dinacircmicos
21
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
22
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
Conteuacutedos estaacuteticos e dinacircmicos
24
Conteuacutedos estaacuteticos e dinacircmicos
24
Conteuacutedos estaacuteticos e dinacircmicos
25
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpgooglecomq=abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
25
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpgooglecomq=abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
28
bull Vantagens do conteuacutedo estaacutetico
bull mais raacutepido visto que natildeo exige processamento no servidor
bull possui poliacuteticas de cache mais agressivas
bull compatiacutevel com qualquer servidor
Conteuacutedos estaacuteticos e dinacircmicos
29
bull Vantagens do conteuacutedo dinacircmico
bull permite que os conteuacutedos sejam atualizados mais rapidamente
bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio
Conteuacutedos estaacuteticos e dinacircmicos
30
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
31
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
32
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
Pergunta pegadinha ha
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
33
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
34
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Existe uma ampla variedade de servidores web
Arquitetura ClienteServidor
35
Arquitetura ClienteServidor
36
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Arquitetura ClienteServidor
37
Servidor web
Aplicaccedilatildeo
Browser
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
38
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
39
bull Arquitetura Distribuiacuteda de ClienteServidor
bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador
bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor
HTTP HTML e Navegadores Web
40
HTTP HTML e Navegadores Web
41
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
HTTP HTML e Navegadores Web
42
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP HTML e Navegadores Web
43
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP - HyperText Transport Protocol
44
bull HTTP
bull HyperText Transfer Protocol
bull Padratildeo utilizado na www - World Wide Web
bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)
bull Utilizado para transmitir Recursos (URL - Unified Resources Location)
HTTP HTML e Navegadores Web
45
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
46
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
HTTP HTML e Navegadores Web
47
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Resposta HTTP
HTTP HTML e Navegadores Web
48
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Status da Resposta HTTP
HTTP HTML e Navegadores Web
49
bull Tipos de Status
bull 1xx indica uma mensagem informacional
bull 2xx indica sucesso na transaccedilatildeo
bull 3xx redireciona o cliente para outra URL
bull 4xx indica um erro por parte do cliente
bull 5xx indica um erro por parte do servidor
HTTP HTML e Navegadores Web
50
Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html
HTTP HTML e Navegadores Web
51
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da requisiccedilatildeo
HTTP HTML e Navegadores Web
52
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da resposta
HTTP HTML e Navegadores Web
53
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Tipos de requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
54
Tipos de requisiccedilatildeo HTTPbull GET
bull POST
bull DELETE
bull PUT
bull HEAD
HTTP HTML e Navegadores Web
55
Tipos de requisiccedilatildeo HTTP
bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded
httpwwwgooglecomq=alguma_coisa_para_buscar
HTTP HTML e Navegadores Web
56
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
Conteuacutedos estaacuteticos e dinacircmicos
20
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpabobrinhacom
Conteuacutedos estaacuteticos e dinacircmicos
21
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
22
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
Conteuacutedos estaacuteticos e dinacircmicos
24
Conteuacutedos estaacuteticos e dinacircmicos
24
Conteuacutedos estaacuteticos e dinacircmicos
25
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpgooglecomq=abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
25
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpgooglecomq=abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
28
bull Vantagens do conteuacutedo estaacutetico
bull mais raacutepido visto que natildeo exige processamento no servidor
bull possui poliacuteticas de cache mais agressivas
bull compatiacutevel com qualquer servidor
Conteuacutedos estaacuteticos e dinacircmicos
29
bull Vantagens do conteuacutedo dinacircmico
bull permite que os conteuacutedos sejam atualizados mais rapidamente
bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio
Conteuacutedos estaacuteticos e dinacircmicos
30
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
31
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
32
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
Pergunta pegadinha ha
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
33
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
34
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Existe uma ampla variedade de servidores web
Arquitetura ClienteServidor
35
Arquitetura ClienteServidor
36
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Arquitetura ClienteServidor
37
Servidor web
Aplicaccedilatildeo
Browser
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
38
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
39
bull Arquitetura Distribuiacuteda de ClienteServidor
bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador
bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor
HTTP HTML e Navegadores Web
40
HTTP HTML e Navegadores Web
41
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
HTTP HTML e Navegadores Web
42
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP HTML e Navegadores Web
43
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP - HyperText Transport Protocol
44
bull HTTP
bull HyperText Transfer Protocol
bull Padratildeo utilizado na www - World Wide Web
bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)
bull Utilizado para transmitir Recursos (URL - Unified Resources Location)
HTTP HTML e Navegadores Web
45
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
46
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
HTTP HTML e Navegadores Web
47
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Resposta HTTP
HTTP HTML e Navegadores Web
48
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Status da Resposta HTTP
HTTP HTML e Navegadores Web
49
bull Tipos de Status
bull 1xx indica uma mensagem informacional
bull 2xx indica sucesso na transaccedilatildeo
bull 3xx redireciona o cliente para outra URL
bull 4xx indica um erro por parte do cliente
bull 5xx indica um erro por parte do servidor
HTTP HTML e Navegadores Web
50
Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html
HTTP HTML e Navegadores Web
51
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da requisiccedilatildeo
HTTP HTML e Navegadores Web
52
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da resposta
HTTP HTML e Navegadores Web
53
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Tipos de requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
54
Tipos de requisiccedilatildeo HTTPbull GET
bull POST
bull DELETE
bull PUT
bull HEAD
HTTP HTML e Navegadores Web
55
Tipos de requisiccedilatildeo HTTP
bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded
httpwwwgooglecomq=alguma_coisa_para_buscar
HTTP HTML e Navegadores Web
56
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
Conteuacutedos estaacuteticos e dinacircmicos
21
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
22
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
Conteuacutedos estaacuteticos e dinacircmicos
24
Conteuacutedos estaacuteticos e dinacircmicos
24
Conteuacutedos estaacuteticos e dinacircmicos
25
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpgooglecomq=abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
25
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpgooglecomq=abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
28
bull Vantagens do conteuacutedo estaacutetico
bull mais raacutepido visto que natildeo exige processamento no servidor
bull possui poliacuteticas de cache mais agressivas
bull compatiacutevel com qualquer servidor
Conteuacutedos estaacuteticos e dinacircmicos
29
bull Vantagens do conteuacutedo dinacircmico
bull permite que os conteuacutedos sejam atualizados mais rapidamente
bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio
Conteuacutedos estaacuteticos e dinacircmicos
30
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
31
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
32
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
Pergunta pegadinha ha
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
33
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
34
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Existe uma ampla variedade de servidores web
Arquitetura ClienteServidor
35
Arquitetura ClienteServidor
36
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Arquitetura ClienteServidor
37
Servidor web
Aplicaccedilatildeo
Browser
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
38
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
39
bull Arquitetura Distribuiacuteda de ClienteServidor
bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador
bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor
HTTP HTML e Navegadores Web
40
HTTP HTML e Navegadores Web
41
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
HTTP HTML e Navegadores Web
42
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP HTML e Navegadores Web
43
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP - HyperText Transport Protocol
44
bull HTTP
bull HyperText Transfer Protocol
bull Padratildeo utilizado na www - World Wide Web
bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)
bull Utilizado para transmitir Recursos (URL - Unified Resources Location)
HTTP HTML e Navegadores Web
45
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
46
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
HTTP HTML e Navegadores Web
47
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Resposta HTTP
HTTP HTML e Navegadores Web
48
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Status da Resposta HTTP
HTTP HTML e Navegadores Web
49
bull Tipos de Status
bull 1xx indica uma mensagem informacional
bull 2xx indica sucesso na transaccedilatildeo
bull 3xx redireciona o cliente para outra URL
bull 4xx indica um erro por parte do cliente
bull 5xx indica um erro por parte do servidor
HTTP HTML e Navegadores Web
50
Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html
HTTP HTML e Navegadores Web
51
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da requisiccedilatildeo
HTTP HTML e Navegadores Web
52
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da resposta
HTTP HTML e Navegadores Web
53
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Tipos de requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
54
Tipos de requisiccedilatildeo HTTPbull GET
bull POST
bull DELETE
bull PUT
bull HEAD
HTTP HTML e Navegadores Web
55
Tipos de requisiccedilatildeo HTTP
bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded
httpwwwgooglecomq=alguma_coisa_para_buscar
HTTP HTML e Navegadores Web
56
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
Conteuacutedos estaacuteticos e dinacircmicos
22
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
Conteuacutedos estaacuteticos e dinacircmicos
24
Conteuacutedos estaacuteticos e dinacircmicos
24
Conteuacutedos estaacuteticos e dinacircmicos
25
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpgooglecomq=abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
25
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpgooglecomq=abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
28
bull Vantagens do conteuacutedo estaacutetico
bull mais raacutepido visto que natildeo exige processamento no servidor
bull possui poliacuteticas de cache mais agressivas
bull compatiacutevel com qualquer servidor
Conteuacutedos estaacuteticos e dinacircmicos
29
bull Vantagens do conteuacutedo dinacircmico
bull permite que os conteuacutedos sejam atualizados mais rapidamente
bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio
Conteuacutedos estaacuteticos e dinacircmicos
30
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
31
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
32
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
Pergunta pegadinha ha
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
33
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
34
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Existe uma ampla variedade de servidores web
Arquitetura ClienteServidor
35
Arquitetura ClienteServidor
36
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Arquitetura ClienteServidor
37
Servidor web
Aplicaccedilatildeo
Browser
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
38
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
39
bull Arquitetura Distribuiacuteda de ClienteServidor
bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador
bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor
HTTP HTML e Navegadores Web
40
HTTP HTML e Navegadores Web
41
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
HTTP HTML e Navegadores Web
42
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP HTML e Navegadores Web
43
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP - HyperText Transport Protocol
44
bull HTTP
bull HyperText Transfer Protocol
bull Padratildeo utilizado na www - World Wide Web
bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)
bull Utilizado para transmitir Recursos (URL - Unified Resources Location)
HTTP HTML e Navegadores Web
45
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
46
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
HTTP HTML e Navegadores Web
47
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Resposta HTTP
HTTP HTML e Navegadores Web
48
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Status da Resposta HTTP
HTTP HTML e Navegadores Web
49
bull Tipos de Status
bull 1xx indica uma mensagem informacional
bull 2xx indica sucesso na transaccedilatildeo
bull 3xx redireciona o cliente para outra URL
bull 4xx indica um erro por parte do cliente
bull 5xx indica um erro por parte do servidor
HTTP HTML e Navegadores Web
50
Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html
HTTP HTML e Navegadores Web
51
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da requisiccedilatildeo
HTTP HTML e Navegadores Web
52
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da resposta
HTTP HTML e Navegadores Web
53
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Tipos de requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
54
Tipos de requisiccedilatildeo HTTPbull GET
bull POST
bull DELETE
bull PUT
bull HEAD
HTTP HTML e Navegadores Web
55
Tipos de requisiccedilatildeo HTTP
bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded
httpwwwgooglecomq=alguma_coisa_para_buscar
HTTP HTML e Navegadores Web
56
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
Conteuacutedos estaacuteticos e dinacircmicos
24
Conteuacutedos estaacuteticos e dinacircmicos
24
Conteuacutedos estaacuteticos e dinacircmicos
25
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpgooglecomq=abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
25
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpgooglecomq=abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
28
bull Vantagens do conteuacutedo estaacutetico
bull mais raacutepido visto que natildeo exige processamento no servidor
bull possui poliacuteticas de cache mais agressivas
bull compatiacutevel com qualquer servidor
Conteuacutedos estaacuteticos e dinacircmicos
29
bull Vantagens do conteuacutedo dinacircmico
bull permite que os conteuacutedos sejam atualizados mais rapidamente
bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio
Conteuacutedos estaacuteticos e dinacircmicos
30
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
31
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
32
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
Pergunta pegadinha ha
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
33
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
34
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Existe uma ampla variedade de servidores web
Arquitetura ClienteServidor
35
Arquitetura ClienteServidor
36
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Arquitetura ClienteServidor
37
Servidor web
Aplicaccedilatildeo
Browser
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
38
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
39
bull Arquitetura Distribuiacuteda de ClienteServidor
bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador
bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor
HTTP HTML e Navegadores Web
40
HTTP HTML e Navegadores Web
41
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
HTTP HTML e Navegadores Web
42
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP HTML e Navegadores Web
43
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP - HyperText Transport Protocol
44
bull HTTP
bull HyperText Transfer Protocol
bull Padratildeo utilizado na www - World Wide Web
bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)
bull Utilizado para transmitir Recursos (URL - Unified Resources Location)
HTTP HTML e Navegadores Web
45
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
46
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
HTTP HTML e Navegadores Web
47
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Resposta HTTP
HTTP HTML e Navegadores Web
48
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Status da Resposta HTTP
HTTP HTML e Navegadores Web
49
bull Tipos de Status
bull 1xx indica uma mensagem informacional
bull 2xx indica sucesso na transaccedilatildeo
bull 3xx redireciona o cliente para outra URL
bull 4xx indica um erro por parte do cliente
bull 5xx indica um erro por parte do servidor
HTTP HTML e Navegadores Web
50
Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html
HTTP HTML e Navegadores Web
51
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da requisiccedilatildeo
HTTP HTML e Navegadores Web
52
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da resposta
HTTP HTML e Navegadores Web
53
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Tipos de requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
54
Tipos de requisiccedilatildeo HTTPbull GET
bull POST
bull DELETE
bull PUT
bull HEAD
HTTP HTML e Navegadores Web
55
Tipos de requisiccedilatildeo HTTP
bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded
httpwwwgooglecomq=alguma_coisa_para_buscar
HTTP HTML e Navegadores Web
56
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
Conteuacutedos estaacuteticos e dinacircmicos
24
Conteuacutedos estaacuteticos e dinacircmicos
24
Conteuacutedos estaacuteticos e dinacircmicos
25
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpgooglecomq=abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
25
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpgooglecomq=abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
28
bull Vantagens do conteuacutedo estaacutetico
bull mais raacutepido visto que natildeo exige processamento no servidor
bull possui poliacuteticas de cache mais agressivas
bull compatiacutevel com qualquer servidor
Conteuacutedos estaacuteticos e dinacircmicos
29
bull Vantagens do conteuacutedo dinacircmico
bull permite que os conteuacutedos sejam atualizados mais rapidamente
bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio
Conteuacutedos estaacuteticos e dinacircmicos
30
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
31
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
32
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
Pergunta pegadinha ha
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
33
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
34
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Existe uma ampla variedade de servidores web
Arquitetura ClienteServidor
35
Arquitetura ClienteServidor
36
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Arquitetura ClienteServidor
37
Servidor web
Aplicaccedilatildeo
Browser
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
38
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
39
bull Arquitetura Distribuiacuteda de ClienteServidor
bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador
bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor
HTTP HTML e Navegadores Web
40
HTTP HTML e Navegadores Web
41
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
HTTP HTML e Navegadores Web
42
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP HTML e Navegadores Web
43
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP - HyperText Transport Protocol
44
bull HTTP
bull HyperText Transfer Protocol
bull Padratildeo utilizado na www - World Wide Web
bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)
bull Utilizado para transmitir Recursos (URL - Unified Resources Location)
HTTP HTML e Navegadores Web
45
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
46
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
HTTP HTML e Navegadores Web
47
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Resposta HTTP
HTTP HTML e Navegadores Web
48
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Status da Resposta HTTP
HTTP HTML e Navegadores Web
49
bull Tipos de Status
bull 1xx indica uma mensagem informacional
bull 2xx indica sucesso na transaccedilatildeo
bull 3xx redireciona o cliente para outra URL
bull 4xx indica um erro por parte do cliente
bull 5xx indica um erro por parte do servidor
HTTP HTML e Navegadores Web
50
Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html
HTTP HTML e Navegadores Web
51
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da requisiccedilatildeo
HTTP HTML e Navegadores Web
52
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da resposta
HTTP HTML e Navegadores Web
53
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Tipos de requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
54
Tipos de requisiccedilatildeo HTTPbull GET
bull POST
bull DELETE
bull PUT
bull HEAD
HTTP HTML e Navegadores Web
55
Tipos de requisiccedilatildeo HTTP
bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded
httpwwwgooglecomq=alguma_coisa_para_buscar
HTTP HTML e Navegadores Web
56
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
Conteuacutedos estaacuteticos e dinacircmicos
24
Conteuacutedos estaacuteticos e dinacircmicos
24
Conteuacutedos estaacuteticos e dinacircmicos
25
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpgooglecomq=abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
25
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpgooglecomq=abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
28
bull Vantagens do conteuacutedo estaacutetico
bull mais raacutepido visto que natildeo exige processamento no servidor
bull possui poliacuteticas de cache mais agressivas
bull compatiacutevel com qualquer servidor
Conteuacutedos estaacuteticos e dinacircmicos
29
bull Vantagens do conteuacutedo dinacircmico
bull permite que os conteuacutedos sejam atualizados mais rapidamente
bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio
Conteuacutedos estaacuteticos e dinacircmicos
30
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
31
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
32
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
Pergunta pegadinha ha
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
33
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
34
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Existe uma ampla variedade de servidores web
Arquitetura ClienteServidor
35
Arquitetura ClienteServidor
36
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Arquitetura ClienteServidor
37
Servidor web
Aplicaccedilatildeo
Browser
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
38
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
39
bull Arquitetura Distribuiacuteda de ClienteServidor
bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador
bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor
HTTP HTML e Navegadores Web
40
HTTP HTML e Navegadores Web
41
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
HTTP HTML e Navegadores Web
42
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP HTML e Navegadores Web
43
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP - HyperText Transport Protocol
44
bull HTTP
bull HyperText Transfer Protocol
bull Padratildeo utilizado na www - World Wide Web
bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)
bull Utilizado para transmitir Recursos (URL - Unified Resources Location)
HTTP HTML e Navegadores Web
45
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
46
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
HTTP HTML e Navegadores Web
47
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Resposta HTTP
HTTP HTML e Navegadores Web
48
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Status da Resposta HTTP
HTTP HTML e Navegadores Web
49
bull Tipos de Status
bull 1xx indica uma mensagem informacional
bull 2xx indica sucesso na transaccedilatildeo
bull 3xx redireciona o cliente para outra URL
bull 4xx indica um erro por parte do cliente
bull 5xx indica um erro por parte do servidor
HTTP HTML e Navegadores Web
50
Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html
HTTP HTML e Navegadores Web
51
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da requisiccedilatildeo
HTTP HTML e Navegadores Web
52
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da resposta
HTTP HTML e Navegadores Web
53
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Tipos de requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
54
Tipos de requisiccedilatildeo HTTPbull GET
bull POST
bull DELETE
bull PUT
bull HEAD
HTTP HTML e Navegadores Web
55
Tipos de requisiccedilatildeo HTTP
bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded
httpwwwgooglecomq=alguma_coisa_para_buscar
HTTP HTML e Navegadores Web
56
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
Conteuacutedos estaacuteticos e dinacircmicos
24
Conteuacutedos estaacuteticos e dinacircmicos
24
Conteuacutedos estaacuteticos e dinacircmicos
25
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpgooglecomq=abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
25
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpgooglecomq=abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
28
bull Vantagens do conteuacutedo estaacutetico
bull mais raacutepido visto que natildeo exige processamento no servidor
bull possui poliacuteticas de cache mais agressivas
bull compatiacutevel com qualquer servidor
Conteuacutedos estaacuteticos e dinacircmicos
29
bull Vantagens do conteuacutedo dinacircmico
bull permite que os conteuacutedos sejam atualizados mais rapidamente
bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio
Conteuacutedos estaacuteticos e dinacircmicos
30
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
31
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
32
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
Pergunta pegadinha ha
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
33
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
34
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Existe uma ampla variedade de servidores web
Arquitetura ClienteServidor
35
Arquitetura ClienteServidor
36
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Arquitetura ClienteServidor
37
Servidor web
Aplicaccedilatildeo
Browser
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
38
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
39
bull Arquitetura Distribuiacuteda de ClienteServidor
bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador
bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor
HTTP HTML e Navegadores Web
40
HTTP HTML e Navegadores Web
41
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
HTTP HTML e Navegadores Web
42
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP HTML e Navegadores Web
43
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP - HyperText Transport Protocol
44
bull HTTP
bull HyperText Transfer Protocol
bull Padratildeo utilizado na www - World Wide Web
bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)
bull Utilizado para transmitir Recursos (URL - Unified Resources Location)
HTTP HTML e Navegadores Web
45
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
46
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
HTTP HTML e Navegadores Web
47
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Resposta HTTP
HTTP HTML e Navegadores Web
48
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Status da Resposta HTTP
HTTP HTML e Navegadores Web
49
bull Tipos de Status
bull 1xx indica uma mensagem informacional
bull 2xx indica sucesso na transaccedilatildeo
bull 3xx redireciona o cliente para outra URL
bull 4xx indica um erro por parte do cliente
bull 5xx indica um erro por parte do servidor
HTTP HTML e Navegadores Web
50
Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html
HTTP HTML e Navegadores Web
51
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da requisiccedilatildeo
HTTP HTML e Navegadores Web
52
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da resposta
HTTP HTML e Navegadores Web
53
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Tipos de requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
54
Tipos de requisiccedilatildeo HTTPbull GET
bull POST
bull DELETE
bull PUT
bull HEAD
HTTP HTML e Navegadores Web
55
Tipos de requisiccedilatildeo HTTP
bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded
httpwwwgooglecomq=alguma_coisa_para_buscar
HTTP HTML e Navegadores Web
56
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
23
Cenaacuterio de uso de conteuacutedo dinacircmico
23
Cenaacuterio de uso de conteuacutedo dinacircmico
Conteuacutedos estaacuteticos e dinacircmicos
24
Conteuacutedos estaacuteticos e dinacircmicos
24
Conteuacutedos estaacuteticos e dinacircmicos
25
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpgooglecomq=abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
25
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpgooglecomq=abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
28
bull Vantagens do conteuacutedo estaacutetico
bull mais raacutepido visto que natildeo exige processamento no servidor
bull possui poliacuteticas de cache mais agressivas
bull compatiacutevel com qualquer servidor
Conteuacutedos estaacuteticos e dinacircmicos
29
bull Vantagens do conteuacutedo dinacircmico
bull permite que os conteuacutedos sejam atualizados mais rapidamente
bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio
Conteuacutedos estaacuteticos e dinacircmicos
30
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
31
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
32
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
Pergunta pegadinha ha
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
33
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
34
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Existe uma ampla variedade de servidores web
Arquitetura ClienteServidor
35
Arquitetura ClienteServidor
36
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Arquitetura ClienteServidor
37
Servidor web
Aplicaccedilatildeo
Browser
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
38
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
39
bull Arquitetura Distribuiacuteda de ClienteServidor
bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador
bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor
HTTP HTML e Navegadores Web
40
HTTP HTML e Navegadores Web
41
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
HTTP HTML e Navegadores Web
42
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP HTML e Navegadores Web
43
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP - HyperText Transport Protocol
44
bull HTTP
bull HyperText Transfer Protocol
bull Padratildeo utilizado na www - World Wide Web
bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)
bull Utilizado para transmitir Recursos (URL - Unified Resources Location)
HTTP HTML e Navegadores Web
45
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
46
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
HTTP HTML e Navegadores Web
47
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Resposta HTTP
HTTP HTML e Navegadores Web
48
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Status da Resposta HTTP
HTTP HTML e Navegadores Web
49
bull Tipos de Status
bull 1xx indica uma mensagem informacional
bull 2xx indica sucesso na transaccedilatildeo
bull 3xx redireciona o cliente para outra URL
bull 4xx indica um erro por parte do cliente
bull 5xx indica um erro por parte do servidor
HTTP HTML e Navegadores Web
50
Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html
HTTP HTML e Navegadores Web
51
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da requisiccedilatildeo
HTTP HTML e Navegadores Web
52
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da resposta
HTTP HTML e Navegadores Web
53
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Tipos de requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
54
Tipos de requisiccedilatildeo HTTPbull GET
bull POST
bull DELETE
bull PUT
bull HEAD
HTTP HTML e Navegadores Web
55
Tipos de requisiccedilatildeo HTTP
bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded
httpwwwgooglecomq=alguma_coisa_para_buscar
HTTP HTML e Navegadores Web
56
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
23
Cenaacuterio de uso de conteuacutedo dinacircmico
Conteuacutedos estaacuteticos e dinacircmicos
24
Conteuacutedos estaacuteticos e dinacircmicos
24
Conteuacutedos estaacuteticos e dinacircmicos
25
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpgooglecomq=abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
25
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpgooglecomq=abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
28
bull Vantagens do conteuacutedo estaacutetico
bull mais raacutepido visto que natildeo exige processamento no servidor
bull possui poliacuteticas de cache mais agressivas
bull compatiacutevel com qualquer servidor
Conteuacutedos estaacuteticos e dinacircmicos
29
bull Vantagens do conteuacutedo dinacircmico
bull permite que os conteuacutedos sejam atualizados mais rapidamente
bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio
Conteuacutedos estaacuteticos e dinacircmicos
30
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
31
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
32
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
Pergunta pegadinha ha
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
33
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
34
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Existe uma ampla variedade de servidores web
Arquitetura ClienteServidor
35
Arquitetura ClienteServidor
36
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Arquitetura ClienteServidor
37
Servidor web
Aplicaccedilatildeo
Browser
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
38
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
39
bull Arquitetura Distribuiacuteda de ClienteServidor
bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador
bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor
HTTP HTML e Navegadores Web
40
HTTP HTML e Navegadores Web
41
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
HTTP HTML e Navegadores Web
42
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP HTML e Navegadores Web
43
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP - HyperText Transport Protocol
44
bull HTTP
bull HyperText Transfer Protocol
bull Padratildeo utilizado na www - World Wide Web
bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)
bull Utilizado para transmitir Recursos (URL - Unified Resources Location)
HTTP HTML e Navegadores Web
45
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
46
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
HTTP HTML e Navegadores Web
47
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Resposta HTTP
HTTP HTML e Navegadores Web
48
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Status da Resposta HTTP
HTTP HTML e Navegadores Web
49
bull Tipos de Status
bull 1xx indica uma mensagem informacional
bull 2xx indica sucesso na transaccedilatildeo
bull 3xx redireciona o cliente para outra URL
bull 4xx indica um erro por parte do cliente
bull 5xx indica um erro por parte do servidor
HTTP HTML e Navegadores Web
50
Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html
HTTP HTML e Navegadores Web
51
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da requisiccedilatildeo
HTTP HTML e Navegadores Web
52
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da resposta
HTTP HTML e Navegadores Web
53
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Tipos de requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
54
Tipos de requisiccedilatildeo HTTPbull GET
bull POST
bull DELETE
bull PUT
bull HEAD
HTTP HTML e Navegadores Web
55
Tipos de requisiccedilatildeo HTTP
bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded
httpwwwgooglecomq=alguma_coisa_para_buscar
HTTP HTML e Navegadores Web
56
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
Conteuacutedos estaacuteticos e dinacircmicos
24
Conteuacutedos estaacuteticos e dinacircmicos
24
Conteuacutedos estaacuteticos e dinacircmicos
25
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpgooglecomq=abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
25
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpgooglecomq=abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
28
bull Vantagens do conteuacutedo estaacutetico
bull mais raacutepido visto que natildeo exige processamento no servidor
bull possui poliacuteticas de cache mais agressivas
bull compatiacutevel com qualquer servidor
Conteuacutedos estaacuteticos e dinacircmicos
29
bull Vantagens do conteuacutedo dinacircmico
bull permite que os conteuacutedos sejam atualizados mais rapidamente
bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio
Conteuacutedos estaacuteticos e dinacircmicos
30
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
31
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
32
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
Pergunta pegadinha ha
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
33
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
34
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Existe uma ampla variedade de servidores web
Arquitetura ClienteServidor
35
Arquitetura ClienteServidor
36
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Arquitetura ClienteServidor
37
Servidor web
Aplicaccedilatildeo
Browser
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
38
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
39
bull Arquitetura Distribuiacuteda de ClienteServidor
bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador
bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor
HTTP HTML e Navegadores Web
40
HTTP HTML e Navegadores Web
41
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
HTTP HTML e Navegadores Web
42
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP HTML e Navegadores Web
43
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP - HyperText Transport Protocol
44
bull HTTP
bull HyperText Transfer Protocol
bull Padratildeo utilizado na www - World Wide Web
bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)
bull Utilizado para transmitir Recursos (URL - Unified Resources Location)
HTTP HTML e Navegadores Web
45
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
46
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
HTTP HTML e Navegadores Web
47
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Resposta HTTP
HTTP HTML e Navegadores Web
48
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Status da Resposta HTTP
HTTP HTML e Navegadores Web
49
bull Tipos de Status
bull 1xx indica uma mensagem informacional
bull 2xx indica sucesso na transaccedilatildeo
bull 3xx redireciona o cliente para outra URL
bull 4xx indica um erro por parte do cliente
bull 5xx indica um erro por parte do servidor
HTTP HTML e Navegadores Web
50
Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html
HTTP HTML e Navegadores Web
51
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da requisiccedilatildeo
HTTP HTML e Navegadores Web
52
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da resposta
HTTP HTML e Navegadores Web
53
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Tipos de requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
54
Tipos de requisiccedilatildeo HTTPbull GET
bull POST
bull DELETE
bull PUT
bull HEAD
HTTP HTML e Navegadores Web
55
Tipos de requisiccedilatildeo HTTP
bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded
httpwwwgooglecomq=alguma_coisa_para_buscar
HTTP HTML e Navegadores Web
56
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
Conteuacutedos estaacuteticos e dinacircmicos
24
Conteuacutedos estaacuteticos e dinacircmicos
25
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpgooglecomq=abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
25
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpgooglecomq=abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
28
bull Vantagens do conteuacutedo estaacutetico
bull mais raacutepido visto que natildeo exige processamento no servidor
bull possui poliacuteticas de cache mais agressivas
bull compatiacutevel com qualquer servidor
Conteuacutedos estaacuteticos e dinacircmicos
29
bull Vantagens do conteuacutedo dinacircmico
bull permite que os conteuacutedos sejam atualizados mais rapidamente
bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio
Conteuacutedos estaacuteticos e dinacircmicos
30
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
31
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
32
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
Pergunta pegadinha ha
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
33
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
34
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Existe uma ampla variedade de servidores web
Arquitetura ClienteServidor
35
Arquitetura ClienteServidor
36
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Arquitetura ClienteServidor
37
Servidor web
Aplicaccedilatildeo
Browser
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
38
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
39
bull Arquitetura Distribuiacuteda de ClienteServidor
bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador
bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor
HTTP HTML e Navegadores Web
40
HTTP HTML e Navegadores Web
41
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
HTTP HTML e Navegadores Web
42
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP HTML e Navegadores Web
43
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP - HyperText Transport Protocol
44
bull HTTP
bull HyperText Transfer Protocol
bull Padratildeo utilizado na www - World Wide Web
bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)
bull Utilizado para transmitir Recursos (URL - Unified Resources Location)
HTTP HTML e Navegadores Web
45
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
46
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
HTTP HTML e Navegadores Web
47
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Resposta HTTP
HTTP HTML e Navegadores Web
48
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Status da Resposta HTTP
HTTP HTML e Navegadores Web
49
bull Tipos de Status
bull 1xx indica uma mensagem informacional
bull 2xx indica sucesso na transaccedilatildeo
bull 3xx redireciona o cliente para outra URL
bull 4xx indica um erro por parte do cliente
bull 5xx indica um erro por parte do servidor
HTTP HTML e Navegadores Web
50
Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html
HTTP HTML e Navegadores Web
51
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da requisiccedilatildeo
HTTP HTML e Navegadores Web
52
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da resposta
HTTP HTML e Navegadores Web
53
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Tipos de requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
54
Tipos de requisiccedilatildeo HTTPbull GET
bull POST
bull DELETE
bull PUT
bull HEAD
HTTP HTML e Navegadores Web
55
Tipos de requisiccedilatildeo HTTP
bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded
httpwwwgooglecomq=alguma_coisa_para_buscar
HTTP HTML e Navegadores Web
56
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
Conteuacutedos estaacuteticos e dinacircmicos
25
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpgooglecomq=abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
25
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpgooglecomq=abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
28
bull Vantagens do conteuacutedo estaacutetico
bull mais raacutepido visto que natildeo exige processamento no servidor
bull possui poliacuteticas de cache mais agressivas
bull compatiacutevel com qualquer servidor
Conteuacutedos estaacuteticos e dinacircmicos
29
bull Vantagens do conteuacutedo dinacircmico
bull permite que os conteuacutedos sejam atualizados mais rapidamente
bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio
Conteuacutedos estaacuteticos e dinacircmicos
30
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
31
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
32
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
Pergunta pegadinha ha
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
33
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
34
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Existe uma ampla variedade de servidores web
Arquitetura ClienteServidor
35
Arquitetura ClienteServidor
36
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Arquitetura ClienteServidor
37
Servidor web
Aplicaccedilatildeo
Browser
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
38
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
39
bull Arquitetura Distribuiacuteda de ClienteServidor
bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador
bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor
HTTP HTML e Navegadores Web
40
HTTP HTML e Navegadores Web
41
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
HTTP HTML e Navegadores Web
42
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP HTML e Navegadores Web
43
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP - HyperText Transport Protocol
44
bull HTTP
bull HyperText Transfer Protocol
bull Padratildeo utilizado na www - World Wide Web
bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)
bull Utilizado para transmitir Recursos (URL - Unified Resources Location)
HTTP HTML e Navegadores Web
45
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
46
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
HTTP HTML e Navegadores Web
47
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Resposta HTTP
HTTP HTML e Navegadores Web
48
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Status da Resposta HTTP
HTTP HTML e Navegadores Web
49
bull Tipos de Status
bull 1xx indica uma mensagem informacional
bull 2xx indica sucesso na transaccedilatildeo
bull 3xx redireciona o cliente para outra URL
bull 4xx indica um erro por parte do cliente
bull 5xx indica um erro por parte do servidor
HTTP HTML e Navegadores Web
50
Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html
HTTP HTML e Navegadores Web
51
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da requisiccedilatildeo
HTTP HTML e Navegadores Web
52
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da resposta
HTTP HTML e Navegadores Web
53
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Tipos de requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
54
Tipos de requisiccedilatildeo HTTPbull GET
bull POST
bull DELETE
bull PUT
bull HEAD
HTTP HTML e Navegadores Web
55
Tipos de requisiccedilatildeo HTTP
bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded
httpwwwgooglecomq=alguma_coisa_para_buscar
HTTP HTML e Navegadores Web
56
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
Conteuacutedos estaacuteticos e dinacircmicos
25
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Quero uma paacuteginaURL httpgooglecomq=abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
28
bull Vantagens do conteuacutedo estaacutetico
bull mais raacutepido visto que natildeo exige processamento no servidor
bull possui poliacuteticas de cache mais agressivas
bull compatiacutevel com qualquer servidor
Conteuacutedos estaacuteticos e dinacircmicos
29
bull Vantagens do conteuacutedo dinacircmico
bull permite que os conteuacutedos sejam atualizados mais rapidamente
bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio
Conteuacutedos estaacuteticos e dinacircmicos
30
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
31
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
32
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
Pergunta pegadinha ha
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
33
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
34
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Existe uma ampla variedade de servidores web
Arquitetura ClienteServidor
35
Arquitetura ClienteServidor
36
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Arquitetura ClienteServidor
37
Servidor web
Aplicaccedilatildeo
Browser
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
38
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
39
bull Arquitetura Distribuiacuteda de ClienteServidor
bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador
bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor
HTTP HTML e Navegadores Web
40
HTTP HTML e Navegadores Web
41
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
HTTP HTML e Navegadores Web
42
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP HTML e Navegadores Web
43
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP - HyperText Transport Protocol
44
bull HTTP
bull HyperText Transfer Protocol
bull Padratildeo utilizado na www - World Wide Web
bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)
bull Utilizado para transmitir Recursos (URL - Unified Resources Location)
HTTP HTML e Navegadores Web
45
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
46
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
HTTP HTML e Navegadores Web
47
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Resposta HTTP
HTTP HTML e Navegadores Web
48
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Status da Resposta HTTP
HTTP HTML e Navegadores Web
49
bull Tipos de Status
bull 1xx indica uma mensagem informacional
bull 2xx indica sucesso na transaccedilatildeo
bull 3xx redireciona o cliente para outra URL
bull 4xx indica um erro por parte do cliente
bull 5xx indica um erro por parte do servidor
HTTP HTML e Navegadores Web
50
Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html
HTTP HTML e Navegadores Web
51
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da requisiccedilatildeo
HTTP HTML e Navegadores Web
52
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da resposta
HTTP HTML e Navegadores Web
53
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Tipos de requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
54
Tipos de requisiccedilatildeo HTTPbull GET
bull POST
bull DELETE
bull PUT
bull HEAD
HTTP HTML e Navegadores Web
55
Tipos de requisiccedilatildeo HTTP
bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded
httpwwwgooglecomq=alguma_coisa_para_buscar
HTTP HTML e Navegadores Web
56
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
28
bull Vantagens do conteuacutedo estaacutetico
bull mais raacutepido visto que natildeo exige processamento no servidor
bull possui poliacuteticas de cache mais agressivas
bull compatiacutevel com qualquer servidor
Conteuacutedos estaacuteticos e dinacircmicos
29
bull Vantagens do conteuacutedo dinacircmico
bull permite que os conteuacutedos sejam atualizados mais rapidamente
bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio
Conteuacutedos estaacuteticos e dinacircmicos
30
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
31
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
32
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
Pergunta pegadinha ha
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
33
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
34
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Existe uma ampla variedade de servidores web
Arquitetura ClienteServidor
35
Arquitetura ClienteServidor
36
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Arquitetura ClienteServidor
37
Servidor web
Aplicaccedilatildeo
Browser
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
38
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
39
bull Arquitetura Distribuiacuteda de ClienteServidor
bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador
bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor
HTTP HTML e Navegadores Web
40
HTTP HTML e Navegadores Web
41
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
HTTP HTML e Navegadores Web
42
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP HTML e Navegadores Web
43
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP - HyperText Transport Protocol
44
bull HTTP
bull HyperText Transfer Protocol
bull Padratildeo utilizado na www - World Wide Web
bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)
bull Utilizado para transmitir Recursos (URL - Unified Resources Location)
HTTP HTML e Navegadores Web
45
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
46
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
HTTP HTML e Navegadores Web
47
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Resposta HTTP
HTTP HTML e Navegadores Web
48
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Status da Resposta HTTP
HTTP HTML e Navegadores Web
49
bull Tipos de Status
bull 1xx indica uma mensagem informacional
bull 2xx indica sucesso na transaccedilatildeo
bull 3xx redireciona o cliente para outra URL
bull 4xx indica um erro por parte do cliente
bull 5xx indica um erro por parte do servidor
HTTP HTML e Navegadores Web
50
Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html
HTTP HTML e Navegadores Web
51
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da requisiccedilatildeo
HTTP HTML e Navegadores Web
52
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da resposta
HTTP HTML e Navegadores Web
53
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Tipos de requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
54
Tipos de requisiccedilatildeo HTTPbull GET
bull POST
bull DELETE
bull PUT
bull HEAD
HTTP HTML e Navegadores Web
55
Tipos de requisiccedilatildeo HTTP
bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded
httpwwwgooglecomq=alguma_coisa_para_buscar
HTTP HTML e Navegadores Web
56
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
Conteuacutedos estaacuteticos e dinacircmicos
26
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Processa em seu banco de dados uma busca por elementos
relacionados a abobrinha
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
28
bull Vantagens do conteuacutedo estaacutetico
bull mais raacutepido visto que natildeo exige processamento no servidor
bull possui poliacuteticas de cache mais agressivas
bull compatiacutevel com qualquer servidor
Conteuacutedos estaacuteticos e dinacircmicos
29
bull Vantagens do conteuacutedo dinacircmico
bull permite que os conteuacutedos sejam atualizados mais rapidamente
bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio
Conteuacutedos estaacuteticos e dinacircmicos
30
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
31
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
32
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
Pergunta pegadinha ha
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
33
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
34
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Existe uma ampla variedade de servidores web
Arquitetura ClienteServidor
35
Arquitetura ClienteServidor
36
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Arquitetura ClienteServidor
37
Servidor web
Aplicaccedilatildeo
Browser
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
38
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
39
bull Arquitetura Distribuiacuteda de ClienteServidor
bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador
bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor
HTTP HTML e Navegadores Web
40
HTTP HTML e Navegadores Web
41
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
HTTP HTML e Navegadores Web
42
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP HTML e Navegadores Web
43
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP - HyperText Transport Protocol
44
bull HTTP
bull HyperText Transfer Protocol
bull Padratildeo utilizado na www - World Wide Web
bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)
bull Utilizado para transmitir Recursos (URL - Unified Resources Location)
HTTP HTML e Navegadores Web
45
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
46
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
HTTP HTML e Navegadores Web
47
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Resposta HTTP
HTTP HTML e Navegadores Web
48
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Status da Resposta HTTP
HTTP HTML e Navegadores Web
49
bull Tipos de Status
bull 1xx indica uma mensagem informacional
bull 2xx indica sucesso na transaccedilatildeo
bull 3xx redireciona o cliente para outra URL
bull 4xx indica um erro por parte do cliente
bull 5xx indica um erro por parte do servidor
HTTP HTML e Navegadores Web
50
Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html
HTTP HTML e Navegadores Web
51
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da requisiccedilatildeo
HTTP HTML e Navegadores Web
52
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da resposta
HTTP HTML e Navegadores Web
53
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Tipos de requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
54
Tipos de requisiccedilatildeo HTTPbull GET
bull POST
bull DELETE
bull PUT
bull HEAD
HTTP HTML e Navegadores Web
55
Tipos de requisiccedilatildeo HTTP
bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded
httpwwwgooglecomq=alguma_coisa_para_buscar
HTTP HTML e Navegadores Web
56
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
28
bull Vantagens do conteuacutedo estaacutetico
bull mais raacutepido visto que natildeo exige processamento no servidor
bull possui poliacuteticas de cache mais agressivas
bull compatiacutevel com qualquer servidor
Conteuacutedos estaacuteticos e dinacircmicos
29
bull Vantagens do conteuacutedo dinacircmico
bull permite que os conteuacutedos sejam atualizados mais rapidamente
bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio
Conteuacutedos estaacuteticos e dinacircmicos
30
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
31
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
32
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
Pergunta pegadinha ha
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
33
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
34
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Existe uma ampla variedade de servidores web
Arquitetura ClienteServidor
35
Arquitetura ClienteServidor
36
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Arquitetura ClienteServidor
37
Servidor web
Aplicaccedilatildeo
Browser
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
38
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
39
bull Arquitetura Distribuiacuteda de ClienteServidor
bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador
bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor
HTTP HTML e Navegadores Web
40
HTTP HTML e Navegadores Web
41
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
HTTP HTML e Navegadores Web
42
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP HTML e Navegadores Web
43
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP - HyperText Transport Protocol
44
bull HTTP
bull HyperText Transfer Protocol
bull Padratildeo utilizado na www - World Wide Web
bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)
bull Utilizado para transmitir Recursos (URL - Unified Resources Location)
HTTP HTML e Navegadores Web
45
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
46
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
HTTP HTML e Navegadores Web
47
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Resposta HTTP
HTTP HTML e Navegadores Web
48
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Status da Resposta HTTP
HTTP HTML e Navegadores Web
49
bull Tipos de Status
bull 1xx indica uma mensagem informacional
bull 2xx indica sucesso na transaccedilatildeo
bull 3xx redireciona o cliente para outra URL
bull 4xx indica um erro por parte do cliente
bull 5xx indica um erro por parte do servidor
HTTP HTML e Navegadores Web
50
Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html
HTTP HTML e Navegadores Web
51
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da requisiccedilatildeo
HTTP HTML e Navegadores Web
52
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da resposta
HTTP HTML e Navegadores Web
53
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Tipos de requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
54
Tipos de requisiccedilatildeo HTTPbull GET
bull POST
bull DELETE
bull PUT
bull HEAD
HTTP HTML e Navegadores Web
55
Tipos de requisiccedilatildeo HTTP
bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded
httpwwwgooglecomq=alguma_coisa_para_buscar
HTTP HTML e Navegadores Web
56
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
Conteuacutedos estaacuteticos e dinacircmicos
27
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Resposta com os coacutedigos HTML CSS e JSgerados pela aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
28
bull Vantagens do conteuacutedo estaacutetico
bull mais raacutepido visto que natildeo exige processamento no servidor
bull possui poliacuteticas de cache mais agressivas
bull compatiacutevel com qualquer servidor
Conteuacutedos estaacuteticos e dinacircmicos
29
bull Vantagens do conteuacutedo dinacircmico
bull permite que os conteuacutedos sejam atualizados mais rapidamente
bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio
Conteuacutedos estaacuteticos e dinacircmicos
30
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
31
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
32
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
Pergunta pegadinha ha
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
33
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
34
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Existe uma ampla variedade de servidores web
Arquitetura ClienteServidor
35
Arquitetura ClienteServidor
36
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Arquitetura ClienteServidor
37
Servidor web
Aplicaccedilatildeo
Browser
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
38
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
39
bull Arquitetura Distribuiacuteda de ClienteServidor
bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador
bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor
HTTP HTML e Navegadores Web
40
HTTP HTML e Navegadores Web
41
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
HTTP HTML e Navegadores Web
42
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP HTML e Navegadores Web
43
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP - HyperText Transport Protocol
44
bull HTTP
bull HyperText Transfer Protocol
bull Padratildeo utilizado na www - World Wide Web
bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)
bull Utilizado para transmitir Recursos (URL - Unified Resources Location)
HTTP HTML e Navegadores Web
45
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
46
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
HTTP HTML e Navegadores Web
47
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Resposta HTTP
HTTP HTML e Navegadores Web
48
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Status da Resposta HTTP
HTTP HTML e Navegadores Web
49
bull Tipos de Status
bull 1xx indica uma mensagem informacional
bull 2xx indica sucesso na transaccedilatildeo
bull 3xx redireciona o cliente para outra URL
bull 4xx indica um erro por parte do cliente
bull 5xx indica um erro por parte do servidor
HTTP HTML e Navegadores Web
50
Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html
HTTP HTML e Navegadores Web
51
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da requisiccedilatildeo
HTTP HTML e Navegadores Web
52
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da resposta
HTTP HTML e Navegadores Web
53
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Tipos de requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
54
Tipos de requisiccedilatildeo HTTPbull GET
bull POST
bull DELETE
bull PUT
bull HEAD
HTTP HTML e Navegadores Web
55
Tipos de requisiccedilatildeo HTTP
bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded
httpwwwgooglecomq=alguma_coisa_para_buscar
HTTP HTML e Navegadores Web
56
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
Conteuacutedos estaacuteticos e dinacircmicos
28
bull Vantagens do conteuacutedo estaacutetico
bull mais raacutepido visto que natildeo exige processamento no servidor
bull possui poliacuteticas de cache mais agressivas
bull compatiacutevel com qualquer servidor
Conteuacutedos estaacuteticos e dinacircmicos
29
bull Vantagens do conteuacutedo dinacircmico
bull permite que os conteuacutedos sejam atualizados mais rapidamente
bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio
Conteuacutedos estaacuteticos e dinacircmicos
30
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
31
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
32
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
Pergunta pegadinha ha
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
33
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
34
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Existe uma ampla variedade de servidores web
Arquitetura ClienteServidor
35
Arquitetura ClienteServidor
36
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Arquitetura ClienteServidor
37
Servidor web
Aplicaccedilatildeo
Browser
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
38
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
39
bull Arquitetura Distribuiacuteda de ClienteServidor
bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador
bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor
HTTP HTML e Navegadores Web
40
HTTP HTML e Navegadores Web
41
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
HTTP HTML e Navegadores Web
42
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP HTML e Navegadores Web
43
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP - HyperText Transport Protocol
44
bull HTTP
bull HyperText Transfer Protocol
bull Padratildeo utilizado na www - World Wide Web
bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)
bull Utilizado para transmitir Recursos (URL - Unified Resources Location)
HTTP HTML e Navegadores Web
45
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
46
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
HTTP HTML e Navegadores Web
47
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Resposta HTTP
HTTP HTML e Navegadores Web
48
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Status da Resposta HTTP
HTTP HTML e Navegadores Web
49
bull Tipos de Status
bull 1xx indica uma mensagem informacional
bull 2xx indica sucesso na transaccedilatildeo
bull 3xx redireciona o cliente para outra URL
bull 4xx indica um erro por parte do cliente
bull 5xx indica um erro por parte do servidor
HTTP HTML e Navegadores Web
50
Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html
HTTP HTML e Navegadores Web
51
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da requisiccedilatildeo
HTTP HTML e Navegadores Web
52
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da resposta
HTTP HTML e Navegadores Web
53
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Tipos de requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
54
Tipos de requisiccedilatildeo HTTPbull GET
bull POST
bull DELETE
bull PUT
bull HEAD
HTTP HTML e Navegadores Web
55
Tipos de requisiccedilatildeo HTTP
bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded
httpwwwgooglecomq=alguma_coisa_para_buscar
HTTP HTML e Navegadores Web
56
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
Conteuacutedos estaacuteticos e dinacircmicos
29
bull Vantagens do conteuacutedo dinacircmico
bull permite que os conteuacutedos sejam atualizados mais rapidamente
bull permite que o conteuacutedo se adeque ao perfil do usuaacuterio
Conteuacutedos estaacuteticos e dinacircmicos
30
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
31
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
32
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
Pergunta pegadinha ha
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
33
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
34
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Existe uma ampla variedade de servidores web
Arquitetura ClienteServidor
35
Arquitetura ClienteServidor
36
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Arquitetura ClienteServidor
37
Servidor web
Aplicaccedilatildeo
Browser
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
38
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
39
bull Arquitetura Distribuiacuteda de ClienteServidor
bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador
bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor
HTTP HTML e Navegadores Web
40
HTTP HTML e Navegadores Web
41
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
HTTP HTML e Navegadores Web
42
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP HTML e Navegadores Web
43
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP - HyperText Transport Protocol
44
bull HTTP
bull HyperText Transfer Protocol
bull Padratildeo utilizado na www - World Wide Web
bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)
bull Utilizado para transmitir Recursos (URL - Unified Resources Location)
HTTP HTML e Navegadores Web
45
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
46
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
HTTP HTML e Navegadores Web
47
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Resposta HTTP
HTTP HTML e Navegadores Web
48
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Status da Resposta HTTP
HTTP HTML e Navegadores Web
49
bull Tipos de Status
bull 1xx indica uma mensagem informacional
bull 2xx indica sucesso na transaccedilatildeo
bull 3xx redireciona o cliente para outra URL
bull 4xx indica um erro por parte do cliente
bull 5xx indica um erro por parte do servidor
HTTP HTML e Navegadores Web
50
Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html
HTTP HTML e Navegadores Web
51
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da requisiccedilatildeo
HTTP HTML e Navegadores Web
52
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da resposta
HTTP HTML e Navegadores Web
53
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Tipos de requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
54
Tipos de requisiccedilatildeo HTTPbull GET
bull POST
bull DELETE
bull PUT
bull HEAD
HTTP HTML e Navegadores Web
55
Tipos de requisiccedilatildeo HTTP
bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded
httpwwwgooglecomq=alguma_coisa_para_buscar
HTTP HTML e Navegadores Web
56
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
Conteuacutedos estaacuteticos e dinacircmicos
30
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
31
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
32
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
Pergunta pegadinha ha
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
33
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
34
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Existe uma ampla variedade de servidores web
Arquitetura ClienteServidor
35
Arquitetura ClienteServidor
36
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Arquitetura ClienteServidor
37
Servidor web
Aplicaccedilatildeo
Browser
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
38
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
39
bull Arquitetura Distribuiacuteda de ClienteServidor
bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador
bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor
HTTP HTML e Navegadores Web
40
HTTP HTML e Navegadores Web
41
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
HTTP HTML e Navegadores Web
42
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP HTML e Navegadores Web
43
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP - HyperText Transport Protocol
44
bull HTTP
bull HyperText Transfer Protocol
bull Padratildeo utilizado na www - World Wide Web
bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)
bull Utilizado para transmitir Recursos (URL - Unified Resources Location)
HTTP HTML e Navegadores Web
45
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
46
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
HTTP HTML e Navegadores Web
47
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Resposta HTTP
HTTP HTML e Navegadores Web
48
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Status da Resposta HTTP
HTTP HTML e Navegadores Web
49
bull Tipos de Status
bull 1xx indica uma mensagem informacional
bull 2xx indica sucesso na transaccedilatildeo
bull 3xx redireciona o cliente para outra URL
bull 4xx indica um erro por parte do cliente
bull 5xx indica um erro por parte do servidor
HTTP HTML e Navegadores Web
50
Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html
HTTP HTML e Navegadores Web
51
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da requisiccedilatildeo
HTTP HTML e Navegadores Web
52
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da resposta
HTTP HTML e Navegadores Web
53
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Tipos de requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
54
Tipos de requisiccedilatildeo HTTPbull GET
bull POST
bull DELETE
bull PUT
bull HEAD
HTTP HTML e Navegadores Web
55
Tipos de requisiccedilatildeo HTTP
bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded
httpwwwgooglecomq=alguma_coisa_para_buscar
HTTP HTML e Navegadores Web
56
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
Conteuacutedos estaacuteticos e dinacircmicos
31
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Conteuacutedos estaacuteticos e dinacircmicos
32
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
Pergunta pegadinha ha
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
33
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
34
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Existe uma ampla variedade de servidores web
Arquitetura ClienteServidor
35
Arquitetura ClienteServidor
36
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Arquitetura ClienteServidor
37
Servidor web
Aplicaccedilatildeo
Browser
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
38
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
39
bull Arquitetura Distribuiacuteda de ClienteServidor
bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador
bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor
HTTP HTML e Navegadores Web
40
HTTP HTML e Navegadores Web
41
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
HTTP HTML e Navegadores Web
42
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP HTML e Navegadores Web
43
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP - HyperText Transport Protocol
44
bull HTTP
bull HyperText Transfer Protocol
bull Padratildeo utilizado na www - World Wide Web
bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)
bull Utilizado para transmitir Recursos (URL - Unified Resources Location)
HTTP HTML e Navegadores Web
45
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
46
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
HTTP HTML e Navegadores Web
47
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Resposta HTTP
HTTP HTML e Navegadores Web
48
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Status da Resposta HTTP
HTTP HTML e Navegadores Web
49
bull Tipos de Status
bull 1xx indica uma mensagem informacional
bull 2xx indica sucesso na transaccedilatildeo
bull 3xx redireciona o cliente para outra URL
bull 4xx indica um erro por parte do cliente
bull 5xx indica um erro por parte do servidor
HTTP HTML e Navegadores Web
50
Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html
HTTP HTML e Navegadores Web
51
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da requisiccedilatildeo
HTTP HTML e Navegadores Web
52
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da resposta
HTTP HTML e Navegadores Web
53
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Tipos de requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
54
Tipos de requisiccedilatildeo HTTPbull GET
bull POST
bull DELETE
bull PUT
bull HEAD
HTTP HTML e Navegadores Web
55
Tipos de requisiccedilatildeo HTTP
bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded
httpwwwgooglecomq=alguma_coisa_para_buscar
HTTP HTML e Navegadores Web
56
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
Conteuacutedos estaacuteticos e dinacircmicos
32
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
Pergunta pegadinha ha
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
33
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
34
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Existe uma ampla variedade de servidores web
Arquitetura ClienteServidor
35
Arquitetura ClienteServidor
36
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Arquitetura ClienteServidor
37
Servidor web
Aplicaccedilatildeo
Browser
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
38
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
39
bull Arquitetura Distribuiacuteda de ClienteServidor
bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador
bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor
HTTP HTML e Navegadores Web
40
HTTP HTML e Navegadores Web
41
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
HTTP HTML e Navegadores Web
42
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP HTML e Navegadores Web
43
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP - HyperText Transport Protocol
44
bull HTTP
bull HyperText Transfer Protocol
bull Padratildeo utilizado na www - World Wide Web
bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)
bull Utilizado para transmitir Recursos (URL - Unified Resources Location)
HTTP HTML e Navegadores Web
45
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
46
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
HTTP HTML e Navegadores Web
47
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Resposta HTTP
HTTP HTML e Navegadores Web
48
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Status da Resposta HTTP
HTTP HTML e Navegadores Web
49
bull Tipos de Status
bull 1xx indica uma mensagem informacional
bull 2xx indica sucesso na transaccedilatildeo
bull 3xx redireciona o cliente para outra URL
bull 4xx indica um erro por parte do cliente
bull 5xx indica um erro por parte do servidor
HTTP HTML e Navegadores Web
50
Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html
HTTP HTML e Navegadores Web
51
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da requisiccedilatildeo
HTTP HTML e Navegadores Web
52
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da resposta
HTTP HTML e Navegadores Web
53
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Tipos de requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
54
Tipos de requisiccedilatildeo HTTPbull GET
bull POST
bull DELETE
bull PUT
bull HEAD
HTTP HTML e Navegadores Web
55
Tipos de requisiccedilatildeo HTTP
bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded
httpwwwgooglecomq=alguma_coisa_para_buscar
HTTP HTML e Navegadores Web
56
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
Conteuacutedos estaacuteticos e dinacircmicos
33
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Conteuacutedos estaacuteticos e dinacircmicos
34
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Existe uma ampla variedade de servidores web
Arquitetura ClienteServidor
35
Arquitetura ClienteServidor
36
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Arquitetura ClienteServidor
37
Servidor web
Aplicaccedilatildeo
Browser
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
38
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
39
bull Arquitetura Distribuiacuteda de ClienteServidor
bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador
bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor
HTTP HTML e Navegadores Web
40
HTTP HTML e Navegadores Web
41
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
HTTP HTML e Navegadores Web
42
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP HTML e Navegadores Web
43
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP - HyperText Transport Protocol
44
bull HTTP
bull HyperText Transfer Protocol
bull Padratildeo utilizado na www - World Wide Web
bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)
bull Utilizado para transmitir Recursos (URL - Unified Resources Location)
HTTP HTML e Navegadores Web
45
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
46
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
HTTP HTML e Navegadores Web
47
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Resposta HTTP
HTTP HTML e Navegadores Web
48
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Status da Resposta HTTP
HTTP HTML e Navegadores Web
49
bull Tipos de Status
bull 1xx indica uma mensagem informacional
bull 2xx indica sucesso na transaccedilatildeo
bull 3xx redireciona o cliente para outra URL
bull 4xx indica um erro por parte do cliente
bull 5xx indica um erro por parte do servidor
HTTP HTML e Navegadores Web
50
Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html
HTTP HTML e Navegadores Web
51
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da requisiccedilatildeo
HTTP HTML e Navegadores Web
52
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da resposta
HTTP HTML e Navegadores Web
53
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Tipos de requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
54
Tipos de requisiccedilatildeo HTTPbull GET
bull POST
bull DELETE
bull PUT
bull HEAD
HTTP HTML e Navegadores Web
55
Tipos de requisiccedilatildeo HTTP
bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded
httpwwwgooglecomq=alguma_coisa_para_buscar
HTTP HTML e Navegadores Web
56
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
Conteuacutedos estaacuteticos e dinacircmicos
34
Quais linguagens de programacatildeo pode ser utilizadas para desenvolver a aplicaccedilatildeo referida
TODAS que forem suportadas pelo seu servidor web
Aplicaccedilatildeo
Existe uma ampla variedade de servidores web
Arquitetura ClienteServidor
35
Arquitetura ClienteServidor
36
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Arquitetura ClienteServidor
37
Servidor web
Aplicaccedilatildeo
Browser
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
38
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
39
bull Arquitetura Distribuiacuteda de ClienteServidor
bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador
bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor
HTTP HTML e Navegadores Web
40
HTTP HTML e Navegadores Web
41
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
HTTP HTML e Navegadores Web
42
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP HTML e Navegadores Web
43
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP - HyperText Transport Protocol
44
bull HTTP
bull HyperText Transfer Protocol
bull Padratildeo utilizado na www - World Wide Web
bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)
bull Utilizado para transmitir Recursos (URL - Unified Resources Location)
HTTP HTML e Navegadores Web
45
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
46
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
HTTP HTML e Navegadores Web
47
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Resposta HTTP
HTTP HTML e Navegadores Web
48
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Status da Resposta HTTP
HTTP HTML e Navegadores Web
49
bull Tipos de Status
bull 1xx indica uma mensagem informacional
bull 2xx indica sucesso na transaccedilatildeo
bull 3xx redireciona o cliente para outra URL
bull 4xx indica um erro por parte do cliente
bull 5xx indica um erro por parte do servidor
HTTP HTML e Navegadores Web
50
Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html
HTTP HTML e Navegadores Web
51
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da requisiccedilatildeo
HTTP HTML e Navegadores Web
52
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da resposta
HTTP HTML e Navegadores Web
53
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Tipos de requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
54
Tipos de requisiccedilatildeo HTTPbull GET
bull POST
bull DELETE
bull PUT
bull HEAD
HTTP HTML e Navegadores Web
55
Tipos de requisiccedilatildeo HTTP
bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded
httpwwwgooglecomq=alguma_coisa_para_buscar
HTTP HTML e Navegadores Web
56
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
Arquitetura ClienteServidor
35
Arquitetura ClienteServidor
36
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Arquitetura ClienteServidor
37
Servidor web
Aplicaccedilatildeo
Browser
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
38
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
39
bull Arquitetura Distribuiacuteda de ClienteServidor
bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador
bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor
HTTP HTML e Navegadores Web
40
HTTP HTML e Navegadores Web
41
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
HTTP HTML e Navegadores Web
42
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP HTML e Navegadores Web
43
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP - HyperText Transport Protocol
44
bull HTTP
bull HyperText Transfer Protocol
bull Padratildeo utilizado na www - World Wide Web
bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)
bull Utilizado para transmitir Recursos (URL - Unified Resources Location)
HTTP HTML e Navegadores Web
45
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
46
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
HTTP HTML e Navegadores Web
47
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Resposta HTTP
HTTP HTML e Navegadores Web
48
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Status da Resposta HTTP
HTTP HTML e Navegadores Web
49
bull Tipos de Status
bull 1xx indica uma mensagem informacional
bull 2xx indica sucesso na transaccedilatildeo
bull 3xx redireciona o cliente para outra URL
bull 4xx indica um erro por parte do cliente
bull 5xx indica um erro por parte do servidor
HTTP HTML e Navegadores Web
50
Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html
HTTP HTML e Navegadores Web
51
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da requisiccedilatildeo
HTTP HTML e Navegadores Web
52
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da resposta
HTTP HTML e Navegadores Web
53
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Tipos de requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
54
Tipos de requisiccedilatildeo HTTPbull GET
bull POST
bull DELETE
bull PUT
bull HEAD
HTTP HTML e Navegadores Web
55
Tipos de requisiccedilatildeo HTTP
bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded
httpwwwgooglecomq=alguma_coisa_para_buscar
HTTP HTML e Navegadores Web
56
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
Arquitetura ClienteServidor
36
Servidor web
Aplicaccedilatildeo
Usuaacuterios Browser
Arquitetura ClienteServidor
37
Servidor web
Aplicaccedilatildeo
Browser
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
38
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
39
bull Arquitetura Distribuiacuteda de ClienteServidor
bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador
bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor
HTTP HTML e Navegadores Web
40
HTTP HTML e Navegadores Web
41
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
HTTP HTML e Navegadores Web
42
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP HTML e Navegadores Web
43
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP - HyperText Transport Protocol
44
bull HTTP
bull HyperText Transfer Protocol
bull Padratildeo utilizado na www - World Wide Web
bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)
bull Utilizado para transmitir Recursos (URL - Unified Resources Location)
HTTP HTML e Navegadores Web
45
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
46
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
HTTP HTML e Navegadores Web
47
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Resposta HTTP
HTTP HTML e Navegadores Web
48
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Status da Resposta HTTP
HTTP HTML e Navegadores Web
49
bull Tipos de Status
bull 1xx indica uma mensagem informacional
bull 2xx indica sucesso na transaccedilatildeo
bull 3xx redireciona o cliente para outra URL
bull 4xx indica um erro por parte do cliente
bull 5xx indica um erro por parte do servidor
HTTP HTML e Navegadores Web
50
Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html
HTTP HTML e Navegadores Web
51
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da requisiccedilatildeo
HTTP HTML e Navegadores Web
52
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da resposta
HTTP HTML e Navegadores Web
53
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Tipos de requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
54
Tipos de requisiccedilatildeo HTTPbull GET
bull POST
bull DELETE
bull PUT
bull HEAD
HTTP HTML e Navegadores Web
55
Tipos de requisiccedilatildeo HTTP
bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded
httpwwwgooglecomq=alguma_coisa_para_buscar
HTTP HTML e Navegadores Web
56
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
Arquitetura ClienteServidor
37
Servidor web
Aplicaccedilatildeo
Browser
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
38
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
39
bull Arquitetura Distribuiacuteda de ClienteServidor
bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador
bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor
HTTP HTML e Navegadores Web
40
HTTP HTML e Navegadores Web
41
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
HTTP HTML e Navegadores Web
42
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP HTML e Navegadores Web
43
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP - HyperText Transport Protocol
44
bull HTTP
bull HyperText Transfer Protocol
bull Padratildeo utilizado na www - World Wide Web
bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)
bull Utilizado para transmitir Recursos (URL - Unified Resources Location)
HTTP HTML e Navegadores Web
45
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
46
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
HTTP HTML e Navegadores Web
47
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Resposta HTTP
HTTP HTML e Navegadores Web
48
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Status da Resposta HTTP
HTTP HTML e Navegadores Web
49
bull Tipos de Status
bull 1xx indica uma mensagem informacional
bull 2xx indica sucesso na transaccedilatildeo
bull 3xx redireciona o cliente para outra URL
bull 4xx indica um erro por parte do cliente
bull 5xx indica um erro por parte do servidor
HTTP HTML e Navegadores Web
50
Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html
HTTP HTML e Navegadores Web
51
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da requisiccedilatildeo
HTTP HTML e Navegadores Web
52
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da resposta
HTTP HTML e Navegadores Web
53
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Tipos de requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
54
Tipos de requisiccedilatildeo HTTPbull GET
bull POST
bull DELETE
bull PUT
bull HEAD
HTTP HTML e Navegadores Web
55
Tipos de requisiccedilatildeo HTTP
bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded
httpwwwgooglecomq=alguma_coisa_para_buscar
HTTP HTML e Navegadores Web
56
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
Arquitetura ClienteServidor
38
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
Arquitetura ClienteServidor
39
bull Arquitetura Distribuiacuteda de ClienteServidor
bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador
bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor
HTTP HTML e Navegadores Web
40
HTTP HTML e Navegadores Web
41
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
HTTP HTML e Navegadores Web
42
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP HTML e Navegadores Web
43
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP - HyperText Transport Protocol
44
bull HTTP
bull HyperText Transfer Protocol
bull Padratildeo utilizado na www - World Wide Web
bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)
bull Utilizado para transmitir Recursos (URL - Unified Resources Location)
HTTP HTML e Navegadores Web
45
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
46
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
HTTP HTML e Navegadores Web
47
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Resposta HTTP
HTTP HTML e Navegadores Web
48
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Status da Resposta HTTP
HTTP HTML e Navegadores Web
49
bull Tipos de Status
bull 1xx indica uma mensagem informacional
bull 2xx indica sucesso na transaccedilatildeo
bull 3xx redireciona o cliente para outra URL
bull 4xx indica um erro por parte do cliente
bull 5xx indica um erro por parte do servidor
HTTP HTML e Navegadores Web
50
Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html
HTTP HTML e Navegadores Web
51
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da requisiccedilatildeo
HTTP HTML e Navegadores Web
52
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da resposta
HTTP HTML e Navegadores Web
53
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Tipos de requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
54
Tipos de requisiccedilatildeo HTTPbull GET
bull POST
bull DELETE
bull PUT
bull HEAD
HTTP HTML e Navegadores Web
55
Tipos de requisiccedilatildeo HTTP
bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded
httpwwwgooglecomq=alguma_coisa_para_buscar
HTTP HTML e Navegadores Web
56
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
Arquitetura ClienteServidor
39
bull Arquitetura Distribuiacuteda de ClienteServidor
bull Cliente considera as partes da aplicaccedilatildeo que satildeo executadas dentro do navegador
bull Servidor considera as partes da aplicaccedilatildeo que satildeo executadas no servidor
HTTP HTML e Navegadores Web
40
HTTP HTML e Navegadores Web
41
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
HTTP HTML e Navegadores Web
42
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP HTML e Navegadores Web
43
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP - HyperText Transport Protocol
44
bull HTTP
bull HyperText Transfer Protocol
bull Padratildeo utilizado na www - World Wide Web
bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)
bull Utilizado para transmitir Recursos (URL - Unified Resources Location)
HTTP HTML e Navegadores Web
45
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
46
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
HTTP HTML e Navegadores Web
47
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Resposta HTTP
HTTP HTML e Navegadores Web
48
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Status da Resposta HTTP
HTTP HTML e Navegadores Web
49
bull Tipos de Status
bull 1xx indica uma mensagem informacional
bull 2xx indica sucesso na transaccedilatildeo
bull 3xx redireciona o cliente para outra URL
bull 4xx indica um erro por parte do cliente
bull 5xx indica um erro por parte do servidor
HTTP HTML e Navegadores Web
50
Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html
HTTP HTML e Navegadores Web
51
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da requisiccedilatildeo
HTTP HTML e Navegadores Web
52
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da resposta
HTTP HTML e Navegadores Web
53
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Tipos de requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
54
Tipos de requisiccedilatildeo HTTPbull GET
bull POST
bull DELETE
bull PUT
bull HEAD
HTTP HTML e Navegadores Web
55
Tipos de requisiccedilatildeo HTTP
bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded
httpwwwgooglecomq=alguma_coisa_para_buscar
HTTP HTML e Navegadores Web
56
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
HTTP HTML e Navegadores Web
40
HTTP HTML e Navegadores Web
41
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
HTTP HTML e Navegadores Web
42
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP HTML e Navegadores Web
43
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP - HyperText Transport Protocol
44
bull HTTP
bull HyperText Transfer Protocol
bull Padratildeo utilizado na www - World Wide Web
bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)
bull Utilizado para transmitir Recursos (URL - Unified Resources Location)
HTTP HTML e Navegadores Web
45
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
46
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
HTTP HTML e Navegadores Web
47
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Resposta HTTP
HTTP HTML e Navegadores Web
48
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Status da Resposta HTTP
HTTP HTML e Navegadores Web
49
bull Tipos de Status
bull 1xx indica uma mensagem informacional
bull 2xx indica sucesso na transaccedilatildeo
bull 3xx redireciona o cliente para outra URL
bull 4xx indica um erro por parte do cliente
bull 5xx indica um erro por parte do servidor
HTTP HTML e Navegadores Web
50
Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html
HTTP HTML e Navegadores Web
51
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da requisiccedilatildeo
HTTP HTML e Navegadores Web
52
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da resposta
HTTP HTML e Navegadores Web
53
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Tipos de requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
54
Tipos de requisiccedilatildeo HTTPbull GET
bull POST
bull DELETE
bull PUT
bull HEAD
HTTP HTML e Navegadores Web
55
Tipos de requisiccedilatildeo HTTP
bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded
httpwwwgooglecomq=alguma_coisa_para_buscar
HTTP HTML e Navegadores Web
56
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
HTTP HTML e Navegadores Web
41
Servidor
Aplicaccedilatildeo
Cliente
HTML
CSSJavaScript
Rede
HTTP HTML e Navegadores Web
42
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP HTML e Navegadores Web
43
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP - HyperText Transport Protocol
44
bull HTTP
bull HyperText Transfer Protocol
bull Padratildeo utilizado na www - World Wide Web
bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)
bull Utilizado para transmitir Recursos (URL - Unified Resources Location)
HTTP HTML e Navegadores Web
45
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
46
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
HTTP HTML e Navegadores Web
47
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Resposta HTTP
HTTP HTML e Navegadores Web
48
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Status da Resposta HTTP
HTTP HTML e Navegadores Web
49
bull Tipos de Status
bull 1xx indica uma mensagem informacional
bull 2xx indica sucesso na transaccedilatildeo
bull 3xx redireciona o cliente para outra URL
bull 4xx indica um erro por parte do cliente
bull 5xx indica um erro por parte do servidor
HTTP HTML e Navegadores Web
50
Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html
HTTP HTML e Navegadores Web
51
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da requisiccedilatildeo
HTTP HTML e Navegadores Web
52
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da resposta
HTTP HTML e Navegadores Web
53
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Tipos de requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
54
Tipos de requisiccedilatildeo HTTPbull GET
bull POST
bull DELETE
bull PUT
bull HEAD
HTTP HTML e Navegadores Web
55
Tipos de requisiccedilatildeo HTTP
bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded
httpwwwgooglecomq=alguma_coisa_para_buscar
HTTP HTML e Navegadores Web
56
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
HTTP HTML e Navegadores Web
42
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP HTML e Navegadores Web
43
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP - HyperText Transport Protocol
44
bull HTTP
bull HyperText Transfer Protocol
bull Padratildeo utilizado na www - World Wide Web
bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)
bull Utilizado para transmitir Recursos (URL - Unified Resources Location)
HTTP HTML e Navegadores Web
45
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
46
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
HTTP HTML e Navegadores Web
47
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Resposta HTTP
HTTP HTML e Navegadores Web
48
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Status da Resposta HTTP
HTTP HTML e Navegadores Web
49
bull Tipos de Status
bull 1xx indica uma mensagem informacional
bull 2xx indica sucesso na transaccedilatildeo
bull 3xx redireciona o cliente para outra URL
bull 4xx indica um erro por parte do cliente
bull 5xx indica um erro por parte do servidor
HTTP HTML e Navegadores Web
50
Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html
HTTP HTML e Navegadores Web
51
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da requisiccedilatildeo
HTTP HTML e Navegadores Web
52
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da resposta
HTTP HTML e Navegadores Web
53
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Tipos de requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
54
Tipos de requisiccedilatildeo HTTPbull GET
bull POST
bull DELETE
bull PUT
bull HEAD
HTTP HTML e Navegadores Web
55
Tipos de requisiccedilatildeo HTTP
bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded
httpwwwgooglecomq=alguma_coisa_para_buscar
HTTP HTML e Navegadores Web
56
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
HTTP HTML e Navegadores Web
43
Rede
Como funciona a comunicaccedilatildeo entre ClienteServidor
HTTP - HyperText Transport Protocol
44
bull HTTP
bull HyperText Transfer Protocol
bull Padratildeo utilizado na www - World Wide Web
bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)
bull Utilizado para transmitir Recursos (URL - Unified Resources Location)
HTTP HTML e Navegadores Web
45
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
46
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
HTTP HTML e Navegadores Web
47
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Resposta HTTP
HTTP HTML e Navegadores Web
48
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Status da Resposta HTTP
HTTP HTML e Navegadores Web
49
bull Tipos de Status
bull 1xx indica uma mensagem informacional
bull 2xx indica sucesso na transaccedilatildeo
bull 3xx redireciona o cliente para outra URL
bull 4xx indica um erro por parte do cliente
bull 5xx indica um erro por parte do servidor
HTTP HTML e Navegadores Web
50
Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html
HTTP HTML e Navegadores Web
51
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da requisiccedilatildeo
HTTP HTML e Navegadores Web
52
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da resposta
HTTP HTML e Navegadores Web
53
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Tipos de requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
54
Tipos de requisiccedilatildeo HTTPbull GET
bull POST
bull DELETE
bull PUT
bull HEAD
HTTP HTML e Navegadores Web
55
Tipos de requisiccedilatildeo HTTP
bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded
httpwwwgooglecomq=alguma_coisa_para_buscar
HTTP HTML e Navegadores Web
56
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
44
bull HTTP
bull HyperText Transfer Protocol
bull Padratildeo utilizado na www - World Wide Web
bull Utiliza IPTCP atuando no niacutevel da aplicaccedilatildeo (Modelo OSI)
bull Utilizado para transmitir Recursos (URL - Unified Resources Location)
HTTP HTML e Navegadores Web
45
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
46
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
HTTP HTML e Navegadores Web
47
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Resposta HTTP
HTTP HTML e Navegadores Web
48
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Status da Resposta HTTP
HTTP HTML e Navegadores Web
49
bull Tipos de Status
bull 1xx indica uma mensagem informacional
bull 2xx indica sucesso na transaccedilatildeo
bull 3xx redireciona o cliente para outra URL
bull 4xx indica um erro por parte do cliente
bull 5xx indica um erro por parte do servidor
HTTP HTML e Navegadores Web
50
Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html
HTTP HTML e Navegadores Web
51
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da requisiccedilatildeo
HTTP HTML e Navegadores Web
52
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da resposta
HTTP HTML e Navegadores Web
53
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Tipos de requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
54
Tipos de requisiccedilatildeo HTTPbull GET
bull POST
bull DELETE
bull PUT
bull HEAD
HTTP HTML e Navegadores Web
55
Tipos de requisiccedilatildeo HTTP
bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded
httpwwwgooglecomq=alguma_coisa_para_buscar
HTTP HTML e Navegadores Web
56
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
45
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
46
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
HTTP HTML e Navegadores Web
47
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Resposta HTTP
HTTP HTML e Navegadores Web
48
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Status da Resposta HTTP
HTTP HTML e Navegadores Web
49
bull Tipos de Status
bull 1xx indica uma mensagem informacional
bull 2xx indica sucesso na transaccedilatildeo
bull 3xx redireciona o cliente para outra URL
bull 4xx indica um erro por parte do cliente
bull 5xx indica um erro por parte do servidor
HTTP HTML e Navegadores Web
50
Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html
HTTP HTML e Navegadores Web
51
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da requisiccedilatildeo
HTTP HTML e Navegadores Web
52
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da resposta
HTTP HTML e Navegadores Web
53
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Tipos de requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
54
Tipos de requisiccedilatildeo HTTPbull GET
bull POST
bull DELETE
bull PUT
bull HEAD
HTTP HTML e Navegadores Web
55
Tipos de requisiccedilatildeo HTTP
bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded
httpwwwgooglecomq=alguma_coisa_para_buscar
HTTP HTML e Navegadores Web
56
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
46
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
HTTP HTML e Navegadores Web
47
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Resposta HTTP
HTTP HTML e Navegadores Web
48
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Status da Resposta HTTP
HTTP HTML e Navegadores Web
49
bull Tipos de Status
bull 1xx indica uma mensagem informacional
bull 2xx indica sucesso na transaccedilatildeo
bull 3xx redireciona o cliente para outra URL
bull 4xx indica um erro por parte do cliente
bull 5xx indica um erro por parte do servidor
HTTP HTML e Navegadores Web
50
Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html
HTTP HTML e Navegadores Web
51
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da requisiccedilatildeo
HTTP HTML e Navegadores Web
52
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da resposta
HTTP HTML e Navegadores Web
53
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Tipos de requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
54
Tipos de requisiccedilatildeo HTTPbull GET
bull POST
bull DELETE
bull PUT
bull HEAD
HTTP HTML e Navegadores Web
55
Tipos de requisiccedilatildeo HTTP
bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded
httpwwwgooglecomq=alguma_coisa_para_buscar
HTTP HTML e Navegadores Web
56
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
47
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
Requisiccedilatildeo HTTP
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Resposta HTTP
HTTP HTML e Navegadores Web
48
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Status da Resposta HTTP
HTTP HTML e Navegadores Web
49
bull Tipos de Status
bull 1xx indica uma mensagem informacional
bull 2xx indica sucesso na transaccedilatildeo
bull 3xx redireciona o cliente para outra URL
bull 4xx indica um erro por parte do cliente
bull 5xx indica um erro por parte do servidor
HTTP HTML e Navegadores Web
50
Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html
HTTP HTML e Navegadores Web
51
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da requisiccedilatildeo
HTTP HTML e Navegadores Web
52
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da resposta
HTTP HTML e Navegadores Web
53
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Tipos de requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
54
Tipos de requisiccedilatildeo HTTPbull GET
bull POST
bull DELETE
bull PUT
bull HEAD
HTTP HTML e Navegadores Web
55
Tipos de requisiccedilatildeo HTTP
bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded
httpwwwgooglecomq=alguma_coisa_para_buscar
HTTP HTML e Navegadores Web
56
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
48
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Status da Resposta HTTP
HTTP HTML e Navegadores Web
49
bull Tipos de Status
bull 1xx indica uma mensagem informacional
bull 2xx indica sucesso na transaccedilatildeo
bull 3xx redireciona o cliente para outra URL
bull 4xx indica um erro por parte do cliente
bull 5xx indica um erro por parte do servidor
HTTP HTML e Navegadores Web
50
Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html
HTTP HTML e Navegadores Web
51
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da requisiccedilatildeo
HTTP HTML e Navegadores Web
52
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da resposta
HTTP HTML e Navegadores Web
53
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Tipos de requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
54
Tipos de requisiccedilatildeo HTTPbull GET
bull POST
bull DELETE
bull PUT
bull HEAD
HTTP HTML e Navegadores Web
55
Tipos de requisiccedilatildeo HTTP
bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded
httpwwwgooglecomq=alguma_coisa_para_buscar
HTTP HTML e Navegadores Web
56
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
49
bull Tipos de Status
bull 1xx indica uma mensagem informacional
bull 2xx indica sucesso na transaccedilatildeo
bull 3xx redireciona o cliente para outra URL
bull 4xx indica um erro por parte do cliente
bull 5xx indica um erro por parte do servidor
HTTP HTML e Navegadores Web
50
Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html
HTTP HTML e Navegadores Web
51
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da requisiccedilatildeo
HTTP HTML e Navegadores Web
52
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da resposta
HTTP HTML e Navegadores Web
53
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Tipos de requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
54
Tipos de requisiccedilatildeo HTTPbull GET
bull POST
bull DELETE
bull PUT
bull HEAD
HTTP HTML e Navegadores Web
55
Tipos de requisiccedilatildeo HTTP
bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded
httpwwwgooglecomq=alguma_coisa_para_buscar
HTTP HTML e Navegadores Web
56
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
50
Completa especificaccedilatildeo dos possiacuteveis estadoshttpwwww3orgProtocolsrfc2616rfc2616-sec10html
HTTP HTML e Navegadores Web
51
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da requisiccedilatildeo
HTTP HTML e Navegadores Web
52
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da resposta
HTTP HTML e Navegadores Web
53
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Tipos de requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
54
Tipos de requisiccedilatildeo HTTPbull GET
bull POST
bull DELETE
bull PUT
bull HEAD
HTTP HTML e Navegadores Web
55
Tipos de requisiccedilatildeo HTTP
bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded
httpwwwgooglecomq=alguma_coisa_para_buscar
HTTP HTML e Navegadores Web
56
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
51
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da requisiccedilatildeo
HTTP HTML e Navegadores Web
52
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da resposta
HTTP HTML e Navegadores Web
53
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Tipos de requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
54
Tipos de requisiccedilatildeo HTTPbull GET
bull POST
bull DELETE
bull PUT
bull HEAD
HTTP HTML e Navegadores Web
55
Tipos de requisiccedilatildeo HTTP
bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded
httpwwwgooglecomq=alguma_coisa_para_buscar
HTTP HTML e Navegadores Web
56
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
52
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Cabeccedilalhos da resposta
HTTP HTML e Navegadores Web
53
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Tipos de requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
54
Tipos de requisiccedilatildeo HTTPbull GET
bull POST
bull DELETE
bull PUT
bull HEAD
HTTP HTML e Navegadores Web
55
Tipos de requisiccedilatildeo HTTP
bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded
httpwwwgooglecomq=alguma_coisa_para_buscar
HTTP HTML e Navegadores Web
56
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
53
gt GET HTTP11gt User-Agent curl7270gt Host wwwgooglecomgt Accept
lt HTTP11 302 Foundlt Location httpwwwgooglecombrlt Cache-Control privatelt Content-Type texthtml charset=UTF-8
Tipos de requisiccedilatildeo HTTP
HTTP HTML e Navegadores Web
54
Tipos de requisiccedilatildeo HTTPbull GET
bull POST
bull DELETE
bull PUT
bull HEAD
HTTP HTML e Navegadores Web
55
Tipos de requisiccedilatildeo HTTP
bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded
httpwwwgooglecomq=alguma_coisa_para_buscar
HTTP HTML e Navegadores Web
56
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
54
Tipos de requisiccedilatildeo HTTPbull GET
bull POST
bull DELETE
bull PUT
bull HEAD
HTTP HTML e Navegadores Web
55
Tipos de requisiccedilatildeo HTTP
bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded
httpwwwgooglecomq=alguma_coisa_para_buscar
HTTP HTML e Navegadores Web
56
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
55
Tipos de requisiccedilatildeo HTTP
bull Envio de paracircmetros para transaccedilatildeo em formato x-www-urlencoded
httpwwwgooglecomq=alguma_coisa_para_buscar
HTTP HTML e Navegadores Web
56
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
56
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
Servidor web57
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
ltphpecho $_GET[lsquoqrsquo]gt
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
58
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Frequumlentemente
HTTP HTML e Navegadores Web
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
59
bull GET =gt paracircmetros na URL
bull POST =gt paracircmetros no corpo
bull DELETE =gt paracircmetros na URL
bull PUT =gt paracircmetros no corpo
bull HEAD =gt paracircmetros na URL
Uacutenicos meacutetodos aceitos no navegador
HTTP HTML e Navegadores Web
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
bull Meacutetodo GET
bull Utilizado para enviar paracircmetros de busca e leitura ao servidor
bull Os dados satildeo enviados na URL seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
bull Meacutetodo POST
bull Utilizado para enviar paracircmetros de escrita ao servidor
bull Os dados satildeo enviados no corpo da requisiccedilatildeo HTTP seguindo o formato da query string
HTTP HTML e Navegadores Web
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
bull Meacutetodo HEAD
bull Utilizado para pesquisar meta-dados de recursos disponiacuteveis em URLs
bull Por exemplo utilizado para fazer a verificaccedilatildeo se um arquivo em cache foi alterado no servidor
HTTP HTML e Navegadores Web
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquohttpwwwgooglecomq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
lta href=rdquoq=abobrinhardquogtprocurar abobrinhaltagt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host dominioalegrecomgt Accept
utilizando um endereccedilo relativo
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoGETrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt GET q=abobrinha HTTP11gt User-Agent curl7270gt Host googlecomgt Accept
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTPltform method=rdquoPOSTrdquo action=rdquohttpgooglecomrdquogt ltlabel for=rdquoqrdquogtProcurarltlabelgt ltinput type=rdquotextrdquo id=rdquoqrdquo name=rdquoqrdquogtltinputgt ltinput type=rdquosubmitrdquo value=ldquosubmitrdquogtltinputgtltformgt
gt POST HTTP11gt User-Agent curl7270gt Host googlecomgt Accept q=abobrinha
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
ltimg src=rdquofigura_legalpngrdquo alt= ldquosuper legalrdquogtltimggt
ltlink rel=stylesheet href=mastercss type=textcss media=screen charset=utf-8 gt
ltscript type=ldquotextjavascriptrdquo src=ldquojqueryjsrdquo gt
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
HTTP HTML e Navegadores Web
Como o navegador utiliza o HTTP
Tambeacutem existem outras formas de realizar essas requisiccedilotildees utilizando JavaScript e a linguagem de
programaccedilatildeo do lado do servidor
Duacutevidas
Duacutevidas
top related