Qué es la Web - Speaker Deck

Slide 1

Slide 1 text

Qué es la Internet

Slide 2

Slide 2 text

Qué es la Internet

Slide 3

Slide 3 text

WWW

Slide 4

Slide 4 text

World Wide Web

Slide 5

Slide 5 text

@inkel Leandro López Programando la web desde 2000 Actualmente para Citrusbyte Organizador de RubyConf Argentina Coach de las Punchgirls

Slide 6

Slide 6 text

Cliente Servicio Servidor

Slide 7

Slide 7 text

Cliente Servicio Servidor √

Slide 8

Slide 8 text

Cliente Servicio Servidor √ √

Slide 9

Slide 9 text

Cliente Servicio Servidor √ √ √

Slide 10

Slide 10 text

URL HTTP(S) HTML CSS

Slide 11

Slide 11 text

http://google.com/search?q=railsgirls

Slide 12

Slide 12 text

http://google.com/search?q=railsgirls Esquema (servicio)

Slide 13

Slide 13 text

http://google.com/search?q=railsgirls Esquema (servicio) Dominio (servidor) y puerto

Slide 14

Slide 14 text

http://google.com/search?q=railsgirls Esquema (servicio) Dominio (servidor) y puerto Ruta

Slide 15

Slide 15 text

http://google.com/search?q=railsgirls Esquema (servicio) Dominio (servidor) y puerto Ruta Consulta

Slide 16

Slide 16 text

URL HTTP(S) HTML CSS √

Slide 17

Slide 17 text

No content

Slide 18

Slide 18 text

URL HTTP(S) HTML CSS √ √

Slide 19

Slide 19 text

RailsGirls Buenos Aires

Gracias por venir.

RailsGirls Buenos Aires

Slide 20

Slide 27

Slide 27 text

body { font-family: sans-serif; color: black; background: #fff; } a { color: lightblue; }

Slide 28

Slide 28 text

URL HTTP(S) HTML CSS √ √ √ √

Slide 29

Slide 29 text

GET /hola HTTP/1.1

Slide 30

Slide 30 text

GET /hola HTTP/1.1 Verbo

Slide 31

Slide 31 text

GET /hola HTTP/1.1 Verbo Ruta

Slide 32

Slide 32 text

GET /hola HTTP/1.1 Verbo Ruta Versión

Slide 33

Slide 33 text

HTTP/1.1 200 OK Content-Type: text/plain Content-Length: 13 ¡Hola, Mundo!

Slide 34

Slide 34 text

1xx Información 2xx Éxito 3xx Redirección 4xx Error del cliente 5xx Error del servidor

Slide 35

Slide 35 text

200 OK 301 Movido 302 Movido 404 No encontrado 500 Explotó el servidor

Slide 36

Slide 36 text

HTTP/1.1 200 OK Content-Type: text/plain Content-Length: 13 ¡Hola, Mundo!

Slide 37

Slide 37 text

text/plain text/html text/css image/jpg image/png text/javascript

Slide 38

Slide 38 text

HTTP/1.1 200 OK Content-Type: text/plain Content-Length: 13 ¡Hola, Mundo!

Slide 39

Slide 39 text

POST /hola HTTP/1.1 Content-Type: application/x-www-form- urlencode Content-Length: 10 name=inkel