Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
Qué es la Web
Search
Leandro López
July 18, 2014
Education
150
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Qué es la Web
Charla introductoria a la web para RailsGirls Buenos Aires 2014
Leandro López
July 18, 2014
More Decks by Leandro López
See All by Leandro López
Disyuntores - Ruby Meetup Agosto 2016
inkel
1
87
Disyuntores: o cómo no terminar viviendo abajo de un puente
inkel
0
290
Programación Web - Club de Programación CMD 2014
inkel
0
130
Other Decks in Education
See All in Education
チームの鏡になるー自分の癖を知ると、チームのパターンが見えてくる@スクフェス仙台
saorimurooka
0
220
Beyond the Prompt: Programming as a Pathway to Statistical Thinking
minecr
0
410
セキュリティ担当がいない中小医療機関を院外のRISSはどう支えるべきか / How External RISS Can Help Small Medical Institutions
eller86
1
210
Fundamentos, Caracteristicas y Aplicaciones de los Modulos NumPy , Matplotlib y Pandas
robintux
0
260
【2026年サマースクール用ZEPメタバース校舎操作ガイド】
ainischool
0
130
Introduction to Primary and Secondary Metabolites their Metabolic Pathways
drpoonamkc
0
120
オンラインコミュニティ TRY部 体験マニュアル
ytapples613
0
370
観察、仮説、実行、検証、計画、提案を一年で3000回トレーニングする方法/3000 Thinking Loops in 365 Days
moriyuya
5
1.4k
響け!ユーフォニアムと考える「決め方」/Thinking About Decision-Making with Sound! Euphonium
3l4l5
1
190
[2026前期火5] 論理学(京都大学文学部 前期 第12回)「証明を走らせる:カリー・ハワード対応」
yatabe
0
330
Book-keeping
bvr7352
0
110
DecisionesEjecutivasCrisis
mariooc
0
340
Featured
See All Featured
Redefining SEO in the New Era of Traffic Generation
szymonslowik
1
450
Music & Morning Musume
bryan
48
7.4k
A Guide to Academic Writing Using Generative AI - A Workshop
ks91
PRO
1
490
Jess Joyce - The Pitfalls of Following Frameworks
techseoconnect
PRO
1
420
Ethics towards AI in product and experience design
skipperchong
2
390
svc-hook: hooking system calls on ARM64 by binary rewriting
retrage
2
590
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.6k
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
aleyda
1
2.2k
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
ryanjones
0
250
Tell your own story through comics
letsgokoyo
1
1.1k
Agile Actions for Facilitating Distributed Teams - ADO2019
mkilby
0
290
The Impact of AI in SEO - AI Overviews June 2024 Edition
aleyda
6
1.2k
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