Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Qué es la Web

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

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

More Decks by Leandro López

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

Other Decks in Education

See All in Education
武藤の処世術を書いてみた
Avatar for Masahiro Muto mutomasa
0
140
Sekolah Sabat - Triwulan 4 2026 - Pelajaran 2
Avatar for Adam hiola
0
10k
組合せ最適化特論
Avatar for Tasuku Soma tasusu
0
220
新型コロナ禍をともに「楽しみながら開いていこう！」 ：中門 吉松 会員（2720 Japan O.K.ロータリーEクラブ）卓話 : 2026.10.19.例会・卓話
Avatar for 2720 Japan O.K. ロータリーEクラブ 2720japanoke
0
190
CLASSIFICATION OF CRUDE DRUGS
Avatar for Pawan Kumar Sahu pawan_pharm
0
220
Antigravityを使ってGeminiAPI（NanobananaPro）と連携して挿絵メーカーを作った
Avatar for よしむら＠データマネジメント担当 yoshimura_datam
0
260
Human Perception and Cognition - Lecture 4 - Human-Computer Interaction (1023841ANR)
Avatar for Beat Signer signer
PRO
0
1.7k
[2026後期火５] 論理学（京都大学文学部 後期 第2回）「量化子の導入」
Avatar for Shunsuke Yatabe yatabe
0
180
形骸化しない社内勉強会の取り組み - オーナーシップの作り方 / In-house study session
Avatar for soudai sone soudai
PRO
1
430
aini school小中等部説明会資料
Avatar for aini school小中等部 ainischool
0
180
マークシート試験のTeX言語を用いた自動採点について
Avatar for doratex doratex
0
6.1k
General Introduction, Composition, Chemistry & Chemical Classes, Biosources, Therapeutic uses and Commercial Application of Secondary Metabolites.
Avatar for Dr Poonam Chougule drpoonamkc
0
170

Featured

See All Featured
SEO in 2025: How to Prepare for the Future of Search
Avatar for Michael King ipullrank
3
3.9k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
7.2k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
6
1.3k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
Leadership Guide Workshop - DevTernity 2021
Avatar for David Neal reverentgeek
1
400
A better future with KSS
Avatar for Kyle Neath kneath
240
18k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
163
24k
Skip the Path - Find Your Career Trail
Avatar for Mark Kilby mkilby
1
260
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
659
62k
Leo the Paperboy
Avatar for Maya Tellez mayatellez
10
2.4k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
16
2.2k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
Avatar for Akihiro Kokubo akihiro_kokubo
PRO
74
43k

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