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
120
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
58
Disyuntores: o cómo no terminar viviendo abajo de un puente
inkel
0
200
Programación Web - Club de Programación CMD 2014
inkel
0
94
Other Decks in Education
See All in Education
Carving the Way to Ruby Engineering
koic
3
600
子どものためのプログラミング道場『CoderDojo』〜法人提携例〜 / Partnership with CoderDojo Japan
coderdojojapan
4
15k
TP5_-_UV.pdf
bernhardsvt
0
130
The Task is not the End: The Role of Task Repetition and Sequencing In Language Teaching
uranoken
0
260
Ch2_-_Partie_2.pdf
bernhardsvt
0
120
認知情報科学科_キャリアデザイン_大学院の紹介
yuyakurodou
0
150
ニュースメディアにおける生成 AI の活用と開発 / UTokyo Lecture Business Introduction
upura
0
180
Adobe Express
matleenalaakso
1
7.6k
ビジネススキル研修紹介(株式会社27th)
27th
PRO
1
310
Medicare 101 for 2025
robinlee
PRO
0
390
BEM FASILKOM UNEJ Navaratna
bemilkomunej24
0
130
HCL Notes/Domino 14.5 EAP Drop1
harunakano
1
110
Featured
See All Featured
Being A Developer After 40
akosma
89
590k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.2k
A better future with KSS
kneath
238
17k
Put a Button on it: Removing Barriers to Going Fast.
kastner
59
3.6k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Into the Great Unknown - MozCon
thekraken
34
1.6k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
49
2.2k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
Designing Experiences People Love
moore
139
23k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
232
17k
Fashionably flexible responsive web design (full day workshop)
malarkey
406
66k
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