Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Qué es la Web

Avatar for Leandro López Leandro López
July 18, 2014
Education
0
130

Qué es la Web

Charla introductoria a la web para RailsGirls Buenos Aires 2014

Avatar for Leandro López

Leandro López

July 18, 2014
Tweet

More Decks by Leandro López

See All by Leandro López
Disyuntores - Ruby Meetup Agosto 2016
Avatar for Leandro López inkel
1
68
Disyuntores: o cómo no terminar viviendo abajo de un puente
Avatar for Leandro López inkel
0
240
Programación Web - Club de Programación CMD 2014
Avatar for Leandro López inkel
0
110

Other Decks in Education

See All in Education
[FUN Open Campus 2025] 何でもセンシングしていいですか？
Avatar for Shigemi ISHIDA pman0214
0
190
Implicit and Cross-Device Interaction - Lecture 10 - Next Generation User Interfaces (4018166FNR)
Avatar for Beat Signer signer
PRO
2
1.7k
2025.05.10 技術書とVoicyとわたし #RPALT
Avatar for Kaito UDAGAWA kaitou
1
240
2025年度春学期　統計学　第5回　分布をまとめるー記述統計量（平均・分散など） (2025. 5. 8)
Avatar for Akira Asano akiraasano
PRO
0
200
ビジネスモデル理解
Avatar for リスナビ takenawa
0
12k
【品女100周年企画】Pitch Deck
Avatar for 品川女子学院チェンジエージェントプロジェクト shinagawajoshigakuin_100th
0
4.5k
AIC 103 - Applications of Property Valuation: Essential Slides
Avatar for Rebecca M rmccaic
0
300
AI for Learning
Avatar for Kamolphan Liwprasert fonylew
0
170
American Airlines® USA Contact Numbers: The Ultimate 2025 Guide
Avatar for liev lievliev
0
240
生成AI
Avatar for リスナビ takenawa
0
12k
Alumnote inc. Company Deck
Avatar for Alumnote yukinumata
0
1.1k
日本の教育の未来 を考える テクノロジーは教育をどのように変えるのか
Avatar for Kazuki Maeda kzkmaeda
1
230

Featured

See All Featured
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
246
12k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
614
210k
Code Review Best Practice
Avatar for Trisha Gee trishagee
69
19k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
83
9.1k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
53
2.9k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
126
17k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
667
120k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.7k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
5.7k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
47
9.6k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
161
15k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.2k

Transcript

  1. Qué es la Internet

  2. Qué es la Internet

  3. WWW

  4. World Wide Web

  5. @inkel Leandro López Programando la web desde 2000 Actualmente para

    Citrusbyte Organizador de RubyConf Argentina Coach de las Punchgirls

  6. Cliente Servicio Servidor

  7. Cliente Servicio Servidor √

  8. Cliente Servicio Servidor √ √

  9. Cliente Servicio Servidor √ √ √

  10. URL HTTP(S) HTML CSS

  11. http://google.com/search?q=railsgirls

  12. http://google.com/search?q=railsgirls Esquema (servicio)

  13. http://google.com/search?q=railsgirls Esquema (servicio) Dominio (servidor) y puerto

  14. http://google.com/search?q=railsgirls Esquema (servicio) Dominio (servidor) y puerto Ruta

  15. http://google.com/search?q=railsgirls Esquema (servicio) Dominio (servidor) y puerto Ruta Consulta

  16. URL HTTP(S) HTML CSS √

  17. None

  18. URL HTTP(S) HTML CSS √ √

  19. <!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>
  20. None

  21. <!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>

  22. <!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>

  23. <!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>

  24. <!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>

  25. <!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>

  26. URL HTTP(S) HTML CSS √ √ √

  27. body { font-family: sans-serif; color: black; background: #fff; } a

    { color: lightblue; }

  28. URL HTTP(S) HTML CSS √ √ √ √

  29. GET /hola HTTP/1.1

  30. GET /hola HTTP/1.1 Verbo

  31. GET /hola HTTP/1.1 Verbo Ruta

  32. GET /hola HTTP/1.1 Verbo Ruta Versión

  33. HTTP/1.1 200 OK Content-Type: text/plain Content-Length: 13 ¡Hola, Mundo!

  34. 1xx Información 2xx Éxito 3xx Redirección 4xx Error del cliente

    5xx Error del servidor

  35. 200 OK 301 Movido 302 Movido 404 No encontrado 500

    Explotó el servidor

  36. HTTP/1.1 200 OK Content-Type: text/plain Content-Length: 13 ¡Hola, Mundo!

  37. text/plain text/html text/css image/jpg image/png text/javascript

  38. HTTP/1.1 200 OK Content-Type: text/plain Content-Length: 13 ¡Hola, Mundo!

  39. POST /hola HTTP/1.1 Content-Type: application/x-www-form- urlencode Content-Length: 10 name=inkel

  40. “No hay preguntas tontas, sino tontos que no preguntan”

  41. twitter.com/inkel github.com/inkel about.me/inkel