Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Qué es la Web

Leandro López
July 18, 2014
Education
0
86

Qué es la Web

Charla introductoria a la web para RailsGirls Buenos Aires 2014

Leandro López

July 18, 2014
Tweet

More Decks by Leandro López

See All by Leandro López
Disyuntores - Ruby Meetup Agosto 2016
inkel
1
39
Disyuntores: o cómo no terminar viviendo abajo de un puente
inkel
0
110
Programación Web - Club de Programación CMD 2014
inkel
0
68

Other Decks in Education

See All in Education
ITエンジニアも経営スキルを身につけよう 第2回
lsuzuki
2
230
Animaatiot opetuksessa
matleenalaakso
0
1.9k
20220614_情報社会論 #09
furuhashilab
0
110
【LINE WORKSランチ勉強会】何ができるの？掲示板 大解剖
lwug
0
200
米山奨学生になって：別府北ロータリークラブ 米山奨学生・ 立命館アジア太平洋大学 アジア太平洋学部 4年生・A Thi Hong Hanh（エー ティホン ハン）氏
2720japanoke
0
200
APERITIVO ITALIANO A1.0
institucional
0
560
Connectivity for Knowledge Building: A Framework of Socio-Semantic Network Motif Analysis
bodong
0
130
HT22 - DA106A - Responsiv webbutveckling
tibbelit
0
120
読書に悩むあなたに贈る50の読書方法カタログ / reading catalog Best50
aki_moon
9
2.5k
Web Architectures - Lecture 2 - Web Technologies (1019888BNR)
signer
PRO
0
1.3k
【MOOCRES】2022年10月アップデート資料
moocres
0
150
Entrevistando quem te entrevista
qcarreiras
0
150

Featured

See All Featured
Fireside Chat
paigeccino
14
1.5k
The Power of CSS Pseudo Elements
geoffreycrofte
48
4k
Agile that works and the tools we love
rasmusluckow
319
19k
A better future with KSS
kneath
226
16k
4 Signs Your Business is Dying
shpigford
169
20k
Facilitating Awesome Meetings
lara
31
4.2k
Raft: Consensus for Rubyists
vanstee
128
5.5k
Fontdeck: Realign not Redesign
paulrobertlloyd
73
4.2k
VelocityConf: Rendering Performance Case Studies
addyosmani
316
22k
Creatively Recalculating Your Daily Design Routine
revolveconf
207
10k
KATA
mclloyd
7
9k
A Philosophy of Restraint
colly
193
15k

Transcript

  1. Qué es la Internet

  2. Qué es la Internet

  3. WWW

  4. World Wide Web

  5. @inkel Leandro López Programando la web desde 2000 Actualmente para

    Citrusbyte Organizador de RubyConf Argentina Coach de las Punchgirls

  6. Cliente Servicio Servidor

  7. Cliente Servicio Servidor √

  8. Cliente Servicio Servidor √ √

  9. Cliente Servicio Servidor √ √ √

  10. URL HTTP(S) HTML CSS

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

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

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

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

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

  16. URL HTTP(S) HTML CSS √

  17. None

  18. URL HTTP(S) HTML CSS √ √

  19. <!doctype html> <html> <head> <title>RailsGirls Buenos Aires</title> </head> <body> <h1>RailsGirls

    Buenos Aires</h1> <p>Gracias por venir.</p> <p> <a href=“http://railsgirls.com/buenosaires”> RailsGirls Buenos Aires </a> </p> </body> </html>
  20. None

  21. <!doctype html> <html> <head> <title>RailsGirls Buenos Aires</title> </head> <body> <h1>RailsGirls

    Buenos Aires</h1> <p>Gracias por venir.</p> <p> <a href=“http://railsgirls.com/buenosaires”> RailsGirls Buenos Aires </a> </p> </body> </html>

  22. <!doctype html> <html> <head> <title>RailsGirls Buenos Aires</title> </head> <body> <h1>RailsGirls

    Buenos Aires</h1> <p>Gracias por venir.</p> <p> <a href=“http://railsgirls.com/buenosaires”> RailsGirls Buenos Aires </a> </p> </body> </html>

  23. <!doctype html> <html> <head> <title>RailsGirls Buenos Aires</title> </head> <body> <h1>RailsGirls

    Buenos Aires</h1> <p>Gracias por venir.</p> <p> <a href=“http://railsgirls.com/buenosaires”> RailsGirls Buenos Aires </a> </p> </body> </html>

  24. <!doctype html> <html> <head> <title>RailsGirls Buenos Aires</title> </head> <body> <h1>RailsGirls

    Buenos Aires</h1> <p>Gracias por venir.</p> <p> <a href=“http://railsgirls.com/buenosaires”> RailsGirls Buenos Aires </a> </p> </body> </html>

  25. <!doctype html> <html> <head> <title>RailsGirls Buenos Aires</title> </head> <body> <h1>RailsGirls

    Buenos Aires</h1> <p>Gracias por venir.</p> <p> <a href=“http://railsgirls.com/buenosaires”> RailsGirls Buenos Aires </a> </p> </body> </html>

  26. URL HTTP(S) HTML CSS √ √ √

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

    { color: lightblue; }

  28. URL HTTP(S) HTML CSS √ √ √ √

  29. GET /hola HTTP/1.1

  30. GET /hola HTTP/1.1 Verbo

  31. GET /hola HTTP/1.1 Verbo Ruta

  32. GET /hola HTTP/1.1 Verbo Ruta Versión

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

  34. 1xx Información 2xx Éxito 3xx Redirección 4xx Error del cliente

    5xx Error del servidor

  35. 200 OK 301 Movido 302 Movido 404 No encontrado 500

    Explotó el servidor

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

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

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

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

  40. “No hay preguntas tontas, sino tontos que no preguntan”

  41. twitter.com/inkel github.com/inkel about.me/inkel