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
140

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
72
Disyuntores: o cómo no terminar viviendo abajo de un puente
Avatar for Leandro López inkel
0
270
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
JAPAN AI CUP Prediction Tutorial
Avatar for Shotaro Ishihara upura
1
410
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
0
3.2k
Réaliser un diagnostic externe
Avatar for FOURNIER martine
0
880
SJRC 2526
Avatar for cbtlibrary cbtlibrary
0
190
Web Architectures - Lecture 2 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
0
3.3k
コマンドラインを見直そう（1995年からタイムリープ）
Avatar for sapi_kawahara sapi_kawahara
0
650
XML and Related Technologies - Lecture 7 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
0
3.2k
【旧：ZEPメタバース校舎操作ガイド】
Avatar for aini school小中等部 ainischool
0
780
都市の形成要因と 「都市の余白」のあり方
Avatar for S.SAKAMON sakamon
0
140
子どものためのプログラミング道場『CoderDojo』〜法人提携例〜 / Partnership with CoderDojo Japan
Avatar for CoderDojo Japan coderdojojapan
PRO
4
18k
NUTMEG紹介スライド
Avatar for Mugicha mugiiicha
0
830
外国籍エンジニアの挑戦・新卒半年後、気づきと成長の物語
Avatar for 蛋白（たんぱく・TANPACT） hypebeans
0
720

Featured

See All Featured
SEO for Brand Visibility & Recognition
Avatar for Aleyda Solis aleyda
0
4.2k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
Avatar for Yuki Nakata chikuwait chikuwait
0
300
Organizational Design Perspectives: An Ontology of Organizational Design Elements
Avatar for Dr. Kim W Petersen kimpetersen
PRO
1
69
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
196
71k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
77
5.2k
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
Avatar for Sophie Logan marketingsoph
0
66
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
Avatar for Christian Goodrich cargoodrich
3
90
Code Reviewing Like a Champion
Avatar for maltzj maltzj
527
40k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
359
30k
How GitHub (no longer) Works
Avatar for Zach Holman holman
316
140k

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