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
71
Disyuntores: o cómo no terminar viviendo abajo de un puente
Avatar for Leandro López inkel
0
260
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
ハッカソンを活用したモノづくり教育について
Avatar for ISHIGO Yusuke yusk1450
PRO
2
130
Library Prefects 2025-2026
Avatar for cbtlibrary cbtlibrary
0
130
Human Perception and Cognition - Lecture 4 - Human-Computer Interaction (1023841ANR)
Avatar for Beat Signer signer
PRO
0
1.2k
自分だけの、誰も想像できないキャリアの育て方 〜偶然から始めるキャリアプラン〜 / Career planning starting by luckly v2
Avatar for VTRyo vtryo
1
290
Презентация "Знаю Россию"
Avatar for Evgeniy Tyurikov spilsart
0
330
The knowledge panel is your new homepage
Avatar for Brad Wetherall bradwetherall
0
210
Entrepreneurship minor course at HSE 2025
Avatar for Alexey karlov
0
130
Node-REDで広がるプログラミング教育の可能性
Avatar for ueponx ueponx
0
190
1014
Avatar for cbtlibrary cbtlibrary
0
480
Web Architectures - Lecture 2 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
0
3.2k
子どもが自立した学習者となるデジタルの活用について
Avatar for Naoki Kato naokikato
PRO
0
140
吉岡研究室紹介(2025年度）
Avatar for Yoshioka Lab (Keio CSG) kentaroy47
0
650

Featured

See All Featured
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
57k
KATA
Avatar for Megan Lloyd mclloyd
PRO
32
15k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
29
5.6k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.2k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4.1k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.3k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
285
14k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
46
2.6k
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
25
1.6k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
6.6k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
36
6.1k

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