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

Qué es la Web

Leandro López
July 18, 2014
Education
0
120

Qué es la Web

Charla introductoria a la web para RailsGirls Buenos Aires 2014

Leandro López

July 18, 2014
Tweet

More Decks by Leandro López

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

Other Decks in Education

See All in Education
SkimaTalk Tutorial for Students
skimatalk
0
1.6k
論文紹介のやり方 / How to review
kaityo256
PRO
15
78k
Dominus autem in templo sancto suo
cm_manaus
0
100
推しのコミュニティはなんぼあってもいい / Let's join a lot of communities.
kaga
2
690
Juvenile in Justice
oripsolob
0
500
Ch4_-_Partie_1.pdf
bernhardsvt
0
120
Data Representation - Lecture 3 - Information Visualisation (4019538FNR)
signer
PRO
1
2.3k
ThingLink
matleenalaakso
28
4k
OpenRobomaster 中国のロボットコンテスト　日本連携の可能性
takasumasakazu
0
370
Human Perception and Colour Theory - Lecture 2 - Information Visualisation (4019538FNR)
signer
PRO
0
2.4k
JAWS-UGを通じてアウトプット活動を楽しんでみませんか？ #jawsug_tochigi
masakiokuda
0
330
系統性を意識したプログラミング教育～ガチャを実装しよう～
asial_edu
0
330

Featured

See All Featured
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.4k
Why Our Code Smells
bkeepers
PRO
336
57k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Music & Morning Musume
bryan
47
6.5k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
4 Signs Your Business is Dying
shpigford
183
22k
Visualization
eitanlees
146
16k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
227
22k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.4k
Writing Fast Ruby
sferik
628
61k
Practical Orchestrator
shlominoach
186
10k

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