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
140
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
78
Disyuntores: o cómo no terminar viviendo abajo de un puente
inkel
0
280
Programación Web - Club de Programación CMD 2014
inkel
0
120
Other Decks in Education
See All in Education
2026 Medicare 101 Presentation
robinlee
PRO
0
240
AIでキミの未来はどう変わる?
behomazn
0
130
地区危機管理委員会 出前セミナー「ロータリーにおける危機管理」:膳所 和彦 氏(国際ロータリー第2720地区 パストガバナー・日田ロータリークラブ・医療法人恒心会ぜぜ医院 理事長):2720 Japan O.K. ロータリーEクラブ2026年2月16日卓話
2720japanoke
1
610
AIで日本はどう進化する? 〜キミが生きる2035年の地図〜
behomazn
0
130
GOBUSATA紹介
chankawa919
0
130
SSH公開鍵認証 / 02-b-ssh
kaityo256
PRO
0
120
Tangible, Embedded and Embodied Interaction - Lecture 7 - Next Generation User Interfaces (4018166FNR)
signer
PRO
0
2.1k
Why the humanities may be your best career bet
figarospeech
0
140
PE array testbench data order (data)
songchch
0
120
栃木県警サイバーセキュリティ研修会2026
nomizone
0
360
CoderDojoへようこそ ニンジャ&保護者向け (CoderDojo Guidance for Ninjas&Parents)
coderdojokodaira
1
130
What workforce agencies must have in place to compete for and deliver on RESTART grants
territorium
PRO
0
130
Featured
See All Featured
What does AI have to do with Human Rights?
axbom
PRO
1
2.1k
Principles of Awesome APIs and How to Build Them.
keavy
128
17k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.6k
Design in an AI World
tapps
0
180
The untapped power of vector embeddings
frankvandijk
2
1.6k
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
davidcarrasco
3
93
Building Flexible Design Systems
yeseniaperezcruz
330
40k
Impact Scores and Hybrid Strategies: The future of link building
tamaranovitovic
0
240
Docker and Python
trallard
47
3.8k
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
minecr
1
210
Keith and Marios Guide to Fast Websites
keithpitt
413
23k
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
reverentgeek
1
400
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