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
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
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
72
Disyuntores: o cómo no terminar viviendo abajo de un puente
inkel
0
270
Programación Web - Club de Programación CMD 2014
inkel
0
110
Other Decks in Education
See All in Education
The World That Saved Me: A Story of Community and Gratitude
_hashimo2
3
500
東大1年生にJulia教えてみた
matsui_528
7
12k
栃木にいても「だいじ」だっぺ〜! 栃木&全国アジャイルコミュニティへの参加・運営の魅力
sasakendayo
1
140
Human Perception and Cognition - Lecture 4 - Human-Computer Interaction (1023841ANR)
signer
PRO
0
1.3k
NUTMEG紹介スライド
mugiiicha
0
870
JAPAN AI CUP Prediction Tutorial
upura
1
540
160人の中高生にAI・技術体験の講師をしてみた話
shuntatoda
0
290
HCI Research Methods - Lecture 7 - Human-Computer Interaction (1023841ANR)
signer
PRO
0
1.3k
20251119 如果是勇者欣美爾的話, 他會怎麼做? 東海資工
pichuang
0
170
KBS新事業創造体験2025_科目説明会
yasuchikawakayama
0
160
【旧:ZEPメタバース校舎操作ガイド】
ainischool
0
790
Linguaxes de programación
irocho
0
530
Featured
See All Featured
The innovator’s Mindset - Leading Through an Era of Exponential Change - McGill University 2025
jdejongh
PRO
1
88
Mobile First: as difficult as doing things right
swwweet
225
10k
Balancing Empowerment & Direction
lara
5
880
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3.3k
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
akademiya2063
PRO
1
54
End of SEO as We Know It (SMX Advanced Version)
ipullrank
3
3.9k
Applied NLP in the Age of Generative AI
inesmontani
PRO
4
2k
Agile Actions for Facilitating Distributed Teams - ADO2019
mkilby
0
110
Technical Leadership for Architectural Decision Making
baasie
1
240
Context Engineering - Making Every Token Count
addyosmani
9
650
The SEO Collaboration Effect
kristinabergwall1
0
350
Scaling GitHub
holman
464
140k
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