Introdução a web

Preview:

Citation preview

<code/> academyAulas de programação gratuitas

Realização Parceiro

Web?World Wide Web

Uma coleção de documentos, em sua maioria em HTML, disponíveis na Internet e que se ligam a partir de hyperlinks.

<code/> academy

Desde quando?Foi criada por Tim Berners-Lee no final de 1990 dentro do CERN, em 1991 tornou-se pública;

Primeiro navegador foi WorldWideWeb criado pelo próprio Tim;

Em 1994 foi fundado o World Wide Web Consortium para estabelecer padrões.

<code/> academy

URL?Uniform Resource Locator

O endereço de todo o recurso disponível na Web.

É uma URI - Uniform Resource Identifier. A diferença entre URL e URI? Conceito.

<code/> academy

Um exemplo de URLhttp://ww.saudebusiness.com/noticias/

http:// - protocolowww.google.com.br - host/noticias/ - path

<code/> academy

Exemplos de protocolosHTTPHTTPSFTPSMTP

<code/> academy

Query stringsUma forma de passar informações ao servidor a partir de uma URL.

http://ww.saudebusiness.com/noticias/?variable=1

?variable=1 - query string

<code/> academy

HTTPHypertext Transfer Protocol

Principal protocolo da Web

Requisição-resposta para cliente-servidor

<code/> academy

Protocolo cliente-servidor

<code/> academy

Tipos de requisiçãoGETHEADPOSTPUTDELETETRACEOPTIONSCONNECT

<code/> academy

HTTP - GETRequisita algum tipo de arquivo, como um documento HTML ou script CGI.

Usado sempre que você acessa um website.

<code/> academy

HTTP - POSTEnvia dados para serem processados para um recurso.

Usados em formulários de sites, por exemplo, para transmitir os dados digitados para o servidor.

<code/> academy

CGICommon Gateway Interface

Tecnologia que permite geração de páginas dinâmicas a partir da interpretação de linguagens de programação como Pearl, PHP, Ruby, etc.

<code/> academy

Como CGI funciona?

<code/> academy

Cookies?Informações (variáveis) anexadas a uma determinada URL a partir do navegador.

<code/> academy

Navegador?Faz as requisições a servidores e interpreta a resposta, por exemplo, decodificando um documento HTML para uma página com recursos visuais e multimídia.

<code/> academy

MentorFilipe Boldo@fboldoFull stack developer, empreendedor, 10 anos de experiência em desenvolvimento Web. Gerente de TI na Live Healthcare Media.

filipe@livehcm.com

<code/> academy