Aceleradora - Web

Apresentação para Aceleradora/Turma 7

Transcript

1. A c e l e r a d o r a - Tu r m a 7 WEB
2. DEFINIÇÃO "[...] A World Wide Web (www) é um sistema de informação com documentos interligados e acessado através da Internet. Documentos são chamado páginas web e são acessadas por um software rodando no computador do usuário, comumente chamado de navegador web. Páginas web são interligadas através de hiperlinks que permitem a sua navegação e podem conter texto, imagens, videos e outros componentes multimídia (hipermídia).” 2
3. ALGUNS CONCEITOS • Hipertexto • É o termo que remete a um texto, ao qual se agregam outros conjuntos de informação na forma de blocos de textos, palavras, imagens ou sons, cujo acesso se dá através de referências específicas (links). • HTML • URI/URL • Uniform Resource Identifier • Uniform Resource Locator • DNS - Domain Name System • Traduz nomes que são fáceis de memorizar para endereços IP • HTTP • Protocolo de transferência de hipertexto 3
4. HIPER TEXT TRANSFER PROTOCOL - HTTP 4 Cliente Servidor Request Response Header Body User Agent Browser Robô de busca Http Message “[…] HTTP funciona como um protocolo de requisição e resposta no modelo de computação cliente servidor." 200 OK
5. HTTP - TROCA DE MENSAGENS 5 Host: www.google.com User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; pt-BR; rv:1.9.0.6) Gecko/2009011913 Firefox/ 3.0.6 (.NET CLR 3.5.30729) Accept: text/html,application/xhtmlxml,application/xml;q=0.9,*/*;q=0.8 Accept-Language: pt-br,pt;q=0.8,en-us;q=0.5,en;q=0.3 Accept-Encoding: gzip,deflate Accept-Charset: ISO-8859-1,utf-8;q=0.7,*;q=0.7 Keep-Alive: 300 Connection: keep-alive REQUEST Bom dia Google.com, Gostaria de ler sua página. Estou usando o navegador Firefox na versão 3.0.6. No momento eu aceito HTML. Gostaria de receber o conteúdo em português, mas também entendo inglês. Uso o padrão de caracteres (letras) ISO-8859 e UTF-8.
6. HTTP - TROCA DE MENSAGENS 6 Location: http://www.google.com.br/ Cache-Control: private Content-Type: text/html; charset=UTF-8 Date: Mon, 08 Feb 2009 22:00:00 GMT Server: gws Content-Length: 222 RESPONSE Olá, Aqui é o Google.com. Estou enviando a página que pediu. Você pode guardar as informações em seu computador e usa-las em outras visitas. Estou enviando apenas texto e HTML como você pediu. Essa carta foi feita as 22:00 horas do dia 08/02/2009 utilizando servidor GWS. O conteúdo é formado por 222 letras, segue:
7. HTTP - REQUEST METHODS O HTTP define métodos, também conhecidos como verbos, para indicar a ação que deve ser performada no recurso identificado. • GET • Requisita a representação do recurso especificado. Não deve ter outro efeito. • POST • Envia dados para serem processados (form). Cria uma nova entidade do recurso especificado. • PUT • Altera um recurso existente. • DELETE • Remove um recurso existente. • HEAD/TRACE/OPTIONS/CONNECT/PATCH 7
8. HTTP - RESPONSE CODES • 1xx - Informational • Requisição recebida, continuando o processamento. • 2xx - Success • Indica que a requisição enviada pelo cliente foi recebida, entendida, aceita e processada com sucesso. • 3xx - Redirection • Indica que o cliente tem que tomar alguma ação adicional para completar a requisição. • 4xx - Client Error • São destinados para casos em que o cliente aparenta ter cometido um erro. • 5xx - Server Error • O servidor não completou uma requisição aparentemente válida. 8
9. BROWSERS 9
10. HTML5 10
11. CSS3 11
12. PRÓXIMOS PASSOS 12 • Spring Boot • http://spring.io/guides/gs/spring-boot/ • http://spring.io/guides/gs/actuator-service/ • http://spring.io/guides/gs/spring-boot-cli-and-js/
13. FONTES • http://imasters.com.br/artigo/11513/redes-e-servidores/afinal-o-que-e- http/ • http://en.wikipedia.org/wiki/World_Wide_Web • http://en.wikipedia.org/wiki/Hypertext_Transfer_Protocol • http://en.wikipedia.org/wiki/List_of_HTTP_status_codes • http://httpstatus.es/ • http://www.worldwidewebsize.com/ • http://aci.info/2014/07/12/the-data-explosion-in-2014-minute-by-minute- infographic/ • http://www.useragentstring.com/pages/useragentstring.php • http://www.infoq.com/br/interviews/protocolos-http2.0-e-spdy • http://www.html5rocks.com/ • http://caniuse.com 13
14. Thiago Xavier txavier@thoughtworks.com @thiagoxvo OBRIGADO