¿Cómo funciona la web? (How the web works)

Talk given at expo ciencia as part of the Science and Art national week organized by Conacyt (National Council of Science and Technology) in the country and by CECyTCOL (Colima's Statal Council of Science and Technology).

Transcript

1. ¿Como funciona la web?
   

   View Slide

2. 
   

   View Slide

3. Ing. computación @ CUCEI
   Software engineer @
   Crowd Interactive
   Promotor @ Software libre -
   Open Source
   Aprendiz @ Bajo eléctrico
   Amante @ Lean Startup
   Apasionado @ Desarrollo
   Web - móvil
   ferperales.net
   

   View Slide

4. Antes de comenzar...
   

   View Slide

5. View Slide

6. MUCHOS
   COMPONENTES
   

   View Slide

7. HARDWARE
   Lo que puedes patear
   

   View Slide

8. View Slide

9. SOFTWARE
   Lo que no puedes patear
   

   View Slide

10. View Slide

11. HARDWARE DE INTERNET
    

    View Slide

12. CLIENTES
    

    View Slide

13. SERVIDORES
    

    View Slide

14. NODOS
    

    View Slide

15. ¿Como conectamos todo?
    

    View Slide

16. PROTOCOLOS
    

    View Slide

17. View Slide

18. View Slide

19. View Slide

20. View Slide

21. View Slide

22. View Slide

23. View Slide

24. View Slide

25. View Slide

26. View Slide

27. ISP
    

    View Slide

28. View Slide

29. TCP/IP
    

    View Slide

30. View Slide

31. Direccion
    IP
    

    View Slide

32. View Slide

33. DNS
    

    View Slide

34. View Slide

35. CONEXION
    

    View Slide

36. HTTP
    

    View Slide

37. AGENTE DE USUARIO
    RECURSO
    LOCALIZADOR UNIFORMA
    DE RECURSOS (URL)
    

    View Slide

38. GET /index.html HTTP/1.1
    Host: www.example.com
    User-Agent: nombre-cliente
    [Línea en blanco]
    

    View Slide

39. GET: PIDE LA REPRESENTACION DE UN
    RECURSO
    POST: ENVIA DATOS PARA QUE EL
    RECURSO LOS PROCESE
    DELETE: BORRA EL RECURSO
    PUT: SUBE O CARGA UN RECURSO
    

    View Slide

40. ISP
    

    View Slide

41. ¿Como funciona una pagina
    web?
    

    View Slide

42. View Slide

43. MAGIA...
    

    View Slide

44. ...DE PROGRAMACION
    

    View Slide

45. LENGUAJES DE
    PROGRAMACION
    

    View Slide

46. View Slide

47. RUBY
    

    View Slide

48. ADEMAS DE...
    

    View Slide

49. View Slide

50. RUTAS
    

    View Slide

51. mipagina.com/ayuda
    mipagina.com/contacto
    mipagina.com/inicio
    

    View Slide

52. View Slide

53. CONTROLADORES
    

    View Slide

54. View Slide

55. VISTAS
    

    View Slide

56. View Slide

57. View Slide

58. View Slide

59. View Slide

60. View Slide

61. View Slide

62. View Slide

63. View Slide

64. View Slide

65. View Slide

66. View Slide

67. View Slide

68. View Slide

69. View Slide

70. View Slide

71. View Slide

72. View Slide

73. View Slide

74. ¿PREGUNTAS?
    

    View Slide

75. View Slide

76. GRACIAS!
    me@ferperales.net
    

    View Slide