Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Qué es la Web
Search
Leandro López
July 18, 2014
Education
0
130
Qué es la Web
Charla introductoria a la web para RailsGirls Buenos Aires 2014
Leandro López
July 18, 2014
Tweet
Share
More Decks by Leandro López
See All by Leandro López
Disyuntores - Ruby Meetup Agosto 2016
inkel
1
69
Disyuntores: o cómo no terminar viviendo abajo de un puente
inkel
0
260
Programación Web - Club de Programación CMD 2014
inkel
0
110
Other Decks in Education
See All in Education
小学校女性教員向け プログラミング教育研修プログラム「SteP」の実践と課題
codeforeveryone
0
140
バケットポリシーの記述を誤りマネコンからS3バケットを操作できなくなりそうになった話
amarelo_n24
1
120
株式会社アイエスエイ 会社概要
recruit_isa
0
110
今の私を形作る4つの要素と偶然の出会い(セレンディピティ)
mamohacy
2
110
American Airlines® USA Contact Numbers: The Ultimate 2025 Guide
lievliev
0
260
生成AIとの付き合い方 / Generative AI and us
kaityo256
PRO
10
1.9k
Evaluation Methods - Lecture 6 - Human-Computer Interaction (1023841ANR)
signer
PRO
0
1.1k
【ZEPメタバース校舎操作ガイド】
ainischool
0
280
Презентация "Знаю Россию"
spilsart
0
300
自分だけの、誰も想像できないキャリアの育て方 〜偶然から始めるキャリアプラン〜 / Career planning starting by luckly v2
vtryo
1
240
[Segah 2025] Gamified Interventions for Composting Behavior in the Workplace
ezefranca
0
190
Réaliser un diagnostic externe
martine
0
260
Featured
See All Featured
Imperfection Machines: The Place of Print at Facebook
scottboms
269
13k
Visualization
eitanlees
149
16k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
130k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Docker and Python
trallard
46
3.6k
YesSQL, Process and Tooling at Scale
rocio
173
15k
KATA
mclloyd
PRO
32
15k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
116
20k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
55
3k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
1k
Building a Modern Day E-commerce SEO Strategy
aleyda
44
7.8k
Transcript
Qué es la Internet
Qué es la Internet
WWW
World Wide Web
@inkel Leandro López Programando la web desde 2000 Actualmente para
Citrusbyte Organizador de RubyConf Argentina Coach de las Punchgirls
Cliente Servicio Servidor
Cliente Servicio Servidor √
Cliente Servicio Servidor √ √
Cliente Servicio Servidor √ √ √
URL HTTP(S) HTML CSS
http://google.com/search?q=railsgirls
http://google.com/search?q=railsgirls Esquema (servicio)
http://google.com/search?q=railsgirls Esquema (servicio) Dominio (servidor) y puerto
http://google.com/search?q=railsgirls Esquema (servicio) Dominio (servidor) y puerto Ruta
http://google.com/search?q=railsgirls Esquema (servicio) Dominio (servidor) y puerto Ruta Consulta
URL HTTP(S) HTML CSS √
None
URL HTTP(S) HTML CSS √ √
<!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>
None
<!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>
<!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>
<!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>
<!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>
<!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>
URL HTTP(S) HTML CSS √ √ √
body { font-family: sans-serif; color: black; background: #fff; } a
{ color: lightblue; }
URL HTTP(S) HTML CSS √ √ √ √
GET /hola HTTP/1.1
GET /hola HTTP/1.1 Verbo
GET /hola HTTP/1.1 Verbo Ruta
GET /hola HTTP/1.1 Verbo Ruta Versión
HTTP/1.1 200 OK Content-Type: text/plain Content-Length: 13 ¡Hola, Mundo!
1xx Información 2xx Éxito 3xx Redirección 4xx Error del cliente
5xx Error del servidor
200 OK 301 Movido 302 Movido 404 No encontrado 500
Explotó el servidor
HTTP/1.1 200 OK Content-Type: text/plain Content-Length: 13 ¡Hola, Mundo!
text/plain text/html text/css image/jpg image/png text/javascript
HTTP/1.1 200 OK Content-Type: text/plain Content-Length: 13 ¡Hola, Mundo!
POST /hola HTTP/1.1 Content-Type: application/x-www-form- urlencode Content-Length: 10 name=inkel
“No hay preguntas tontas, sino tontos que no preguntan”
twitter.com/inkel github.com/inkel about.me/inkel