Introdução Programação de Aplicações Web

10
Programação de Aplicações Web FACCAMP 2/2013

description

Slides passados em aula

Transcript of Introdução Programação de Aplicações Web

Page 1: Introdução Programação de Aplicações Web

Programação de Aplicações Web

FACCAMP 2/2013

Page 2: Introdução Programação de Aplicações Web

Conteúdo

Aplicações

- Server-side- Client-side- Comunicação

HTTP

- Métodos

XHR

- História- Utilização- Framework

Banco de dados

- Conexão- Operações: INSERT UPDATE SELECT DELETE

Formulário

- Envio assíncrono- Tratamento de erros

Page 3: Introdução Programação de Aplicações Web

HTTP (Hypertext Transfer Protocol)

• PROTOCOLO DE COMUNICAÇÃO

NAVEGADOR SERVIDOR

HTTP

Page 4: Introdução Programação de Aplicações Web

HTTP (Hypertext Transfer Protocol)

Host: www.google.comUser-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; pt-BR) Firefox/22.1Accept: text/html;q=0.9,*/*;q=0.8Accept-Language: pt-br,pt;q=0.8,en- us;q=0.5,en;q=0.3

Google.com, quero receber sua página. Estou usando um Firefox 22.1 / Windows.Aceito páginas HTML.Minha linguagem é Português mas também entendo Inglês.

Page 5: Introdução Programação de Aplicações Web

Métodos HTTP

GET SOLICITA UMA PÁGINA OU RECURSO

POST ENVIA DADOS PARA CRIAÇÃO DE RECURSO

PUT ENVIA DADOS PARA ALTERAÇÃO DE RECURSO

DELETE SOLICITA A EXCLUSÃO DE UM RECURSO

Page 6: Introdução Programação de Aplicações Web

Métodos HTTPGET

HTMLNAVEGADOR

SERVIDOR

HTTP://MEUBLOG.COM

POST HTTP://MEUBLOG.COM/NOVO

PUT HTTP://MEUBLOG.COM/POST/1

DELETE HTTP://MEUBLOG.COM/POST/1

Page 7: Introdução Programação de Aplicações Web

Meta: Blog

LISTAGEM

CADASTRO

ATUALIZAÇÃO

EXCLUSÃO

POSTS PUBLICAÇÃO

AUTENTICAÇÃO

COMENTÁRIOS

Page 8: Introdução Programação de Aplicações Web

Cliente / Servidor

BLOG

CLIENTE SERVIDOR

Page 9: Introdução Programação de Aplicações Web

Cliente

JAVASCRIPTJQUERY

AJAX

HTML / CSSBOOTSTRAP

Page 10: Introdução Programação de Aplicações Web

Servidor

BANCO DE DADOSRELACIONAL / SQL

JAVASERVLETS