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
66
Disyuntores: o cómo no terminar viviendo abajo de un puente
Avatar for Leandro López inkel
0
230
Programación Web - Club de Programación CMD 2014
Avatar for Leandro López inkel
0
100

Other Decks in Education

See All in Education
Tangible, Embedded and Embodied Interaction - Lecture 7 - Next Generation User Interfaces (4018166FNR)
Avatar for Beat Signer signer
PRO
0
1.6k
Sponsor the Conference | VizChitra 2025
Avatar for VizChitra vizchitra
0
360
AIC 103 - Applications of Property Valuation: Essential Slides
Avatar for Rebecca M rmccaic
0
160
Education-JAWS #3 ~教育現場に、AWSのチカラを~
Avatar for モブエンジニア masakiokuda
0
150
2025年度春学期　統計学　第1回　イントロダクション (2025. 4. 10)
Avatar for Akira Asano akiraasano
PRO
0
150
系統性を意識したプログラミング教育～ガチャを実装しよう～
Avatar for アシアル情報教育研究所 asial_edu
0
390
SkimaTalk Tutorial for Students
Avatar for SkimaTalk skimatalk
0
1.7k
郷土教育モデル事業（香川県小豆島町）.pdf
Avatar for B&G bandg
0
180
Interaction - Lecture 10 - Information Visualisation (4019538FNR)
Avatar for Beat Signer signer
PRO
0
2k
Are puppies a ranking factor?
Avatar for Jono Alderson jonoalderson
0
650
検索/ディスプレイ/SNS
Avatar for リスナビ takenawa
0
1.2k
미국 교환학생 가서 무료 홈스테이 살면서 인턴 취업하기
Avatar for Seungmin 마량 maryang
0
100

Featured

See All Featured
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
346
40k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
245
12k
Done Done
Avatar for chrislema chrislema
184
16k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
512
110k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.7k
Designing for Performance
Avatar for Lara Hogan lara
608
69k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
3.9k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
280
13k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
30
5.8k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
524
40k
Writing Fast Ruby
Avatar for Erik Berlin sferik
628
61k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
78
6.4k

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