Return to Video

Internet: HTTP y HTML

  • 0:03 - 0:07
    Internet: HTTP y HTML
  • 0:08 - 0:10
    Soy Jasmine y soy supervisora
    de programas
  • 0:10 - 0:13
    del equipo de ingeniería del XBOX One.
  • 0:14 - 0:17
    Una de nuestras más grandes
    funcionalidades es XBOX Live.
  • 0:17 - 0:19
    Es un servicio online que conecta
  • 0:19 - 0:24
    a jugadores de todo el mundo,
    y utilizamos internet para conseguirlo.
  • 0:24 - 0:26
    No es una tarea fácil
  • 0:26 - 0:29
    y hay un montón de cosas
    que suceden detrás de las escenas.
  • 0:30 - 0:34
    Internet está cambiando totalmente
    cómo la gente interactúa y se conecta.
  • 0:34 - 0:36
    Pero, ¿cómo funciona?
  • 0:36 - 0:40
    ¿Cómo se comunica entre sí
    las computadoras de todo el mundo?
  • 0:41 - 0:43
    Tomemos a un navegador de internet.
  • 0:44 - 0:46
    Primero, abre un navegador.
  • 0:47 - 0:50
    Es la aplicación que utilizas
    para acceder a las páginas web.
  • 0:50 - 0:53
    Después, ingresa la dirección web, o URL,
  • 0:53 - 0:55
    que significa Uniform Resource Locator,
  • 0:55 - 0:58
    del sitio web que quieres visitar,
    como tumblr.com.
  • 1:04 - 1:07
    Hola, soy David Karp,
    el fundador de Tumblr y
  • 1:07 - 1:12
    hoy hablaremos de cómo funcionan los
    navegadores web que usamos a diario.
  • 1:12 - 1:16
    Seguro te preguntas qué ocurre realmente
    cuando tecleas una dirección
  • 1:16 - 1:18
    en tu navegador web pulsas enter.
  • 1:18 - 1:20
    Y esto es tan asombroso
    como lo imaginas.
  • 1:20 - 1:23
    En ese momento, la computadora
    comienza a hablar con otra computadora,
  • 1:23 - 1:28
    llamado servidor, que normalmente
    está a miles de kilómetros.
  • 1:28 - 1:32
    Y en milisegundos tu computadora
    pregunta al servidor por el sitio web,
  • 1:32 - 1:37
    y el servidor responde a tu computadora
    en un lenguaje llamado HTTP.
  • 1:38 - 1:41
    HTTP significa HyperText
    Transfer Protocol.
  • 1:41 - 1:44
    Puedes ver esto como el lenguaje
    que una computadora utiliza
  • 1:44 - 1:46
    para pedir a otra computadora
    un documento.
  • 1:46 - 1:48
    Y esto es una comparación
    bastante simple.
  • 1:48 - 1:51
    Si quieres interceptar una conversación
    entre tu computadora
  • 1:51 - 1:53
    y un servidor web en internet,
  • 1:53 - 1:56
    esto se hace generalmente con algo
    llamado petición "GET".
  • 1:56 - 1:58
    Y es tan simple como escribir
    la palabra GET
  • 1:58 - 2:00
    y el nombre del documento
    que quieres.
  • 2:00 - 2:02
    Así que si intentas
    registrarte en Tumblr
  • 2:02 - 2:04
    y cargar nuestra
    página de acceso,
  • 2:04 - 2:07
    estás enviando una petición GET
    al servidor de Tumblr
  • 2:07 - 2:10
    que dice GET /login.
  • 2:10 - 2:15
    Y que dice al servidor de Tumblr
    que quieres todo el código HTML
  • 2:15 - 2:17
    de la página de acceso de Tumblr.
  • 2:18 - 2:21
    HTML significa Hyper Text Markup Language
  • 2:21 - 2:25
    y esto es como el lenguaje que utilizas
    para decir a un navegador web
  • 2:25 - 2:27
    cómo presentar una página.
  • 2:27 - 2:29
    Si piensas en algo como Wikipedia,
  • 2:29 - 2:31
    que es sólo un documento
    grande y sencillo
  • 2:31 - 2:35
    y HTML es el lenguaje que utilizas para
    hacer ese título grande y en negrita,
  • 2:35 - 2:38
    para que la fuente sea la correcta,
  • 2:38 - 2:41
    para enlazar cierto texto
    a ciertas otras páginas,
  • 2:41 - 2:43
    para poner un texto negrita,
  • 2:43 - 2:44
    para hacer un texto en cursiva,
  • 2:44 - 2:46
    para poner una imagen
    en el centro de la página,
  • 2:46 - 2:49
    para alinearla a la derecha
    o a la izquierda
  • 2:49 - 2:53
    El texto de la página web está incluido
    directamente en el HTML,
  • 2:53 - 2:56
    pero otras partes,
    como las imágenes o los videos,
  • 2:56 - 2:58
    están en archivos separados
    con su propia URL,
  • 2:58 - 2:59
    que deben ser invocadas.
  • 3:00 - 3:04
    El navegador envía peticiones HTTP
    separadas para cada uno de ellos
  • 3:04 - 3:07
    Y los muestra según van llegando.
  • 3:08 - 3:11
    Si una página web tiene un montón
    de imágenes diferentes,
  • 3:11 - 3:13
    cada una de ellas provoca una
    petición HTTP separada,
  • 3:14 - 3:16
    y la página se carga más lentamente.
  • 3:19 - 3:21
    Algunas veces,
    cuando navegas por Internet,
  • 3:21 - 3:24
    no sólo estás obteniendo
    páginas con peticiones GET.
  • 3:24 - 3:26
    A veces envías información,
    como cuando
  • 3:26 - 3:29
    rellenas un formulario
    o ingresas una búsqueda.
  • 3:30 - 3:34
    Tu navegador envía esta información
    en texto plano al servidor web,
  • 3:34 - 3:36
    utilizando una petición HTTP POST.
  • 3:37 - 3:39
    Supongamos que ingresas a Tumblr.
  • 3:39 - 3:42
    Lo primero que haces
    es una petición POST,
  • 3:42 - 3:45
    que es un POST a la página
    de registro de Tumblr,
  • 3:45 - 3:47
    que tiene algunos datos adjuntos.
  • 3:47 - 3:49
    Tiene tu dirección de correo
    electrónico y contraseña
  • 3:49 - 3:51
    Esto va al servidor Tumblr.
  • 3:51 - 3:54
    El servidor Tumbr ve que está correcto,
    que eres David.
  • 3:55 - 3:58
    Envía una página web de vuelta
    a tu navegador que dice, ¡Bien hecho!
  • 3:58 - 3:59
    Registrado como David.
  • 3:59 - 4:01
    Pero junto
    con esta página web,
  • 4:01 - 4:04
    también adjunta algo
    de datos cookie invisibles
  • 4:04 - 4:07
    que tu navegador ve y sabe guardar.
  • 4:07 - 4:08
    Y esto es muy importante
  • 4:08 - 4:12
    porque es el único modo de que
    el sitio web reconozca quién eres
  • 4:12 - 4:16
    Todos estos datos cookie son un
    documento de identidad para Tumblr.
  • 4:16 - 4:19
    Es un número que
    te identifica como David.
  • 4:19 - 4:21
    Tu navegador web se aferra a ese número.
  • 4:21 - 4:25
    Y cuando actualices la página,
    la próxima vez que vayas a Tumblr.com,
  • 4:25 - 4:27
    tu navegador sabe adjuntar automáticamente
  • 4:27 - 4:29
    este número de identificación
    con la petición
  • 4:29 - 4:31
    que envía a los servidores
    de Tumblr.
  • 4:31 - 4:34
    Ahora los servidores Tumblr
    ven la petición de tu navegador,
  • 4:34 - 4:36
    ven el número de identificación,
  • 4:36 - 4:39
    y sabe "Bien, esta es
    una petición de David".
  • 4:41 - 4:43
    Ahora, Internet está
    completamente abierta.
  • 4:44 - 4:46
    Todas estas conexiones son compartidas
  • 4:46 - 4:48
    y la información
    es enviada en texto plano.
  • 4:48 - 4:51
    Esto hace posible que los hackers
    espíen cualquier
  • 4:51 - 4:54
    información personal
    que envíes a través de internet.
  • 4:55 - 4:57
    Pero las páginas web seguras
  • 4:57 - 5:00
    evitan que ocurra esto,
    demandando a tu navegador web
  • 5:00 - 5:02
    que se comunique
    a través de un canal seguro
  • 5:02 - 5:04
    usando algo llamado Secure Sockets Layer
  • 5:04 - 5:08
    y su sucesor Transport Layer Security.
  • 5:08 - 5:12
    Puedes ver SSL y TLS
    como una capa de seguridad
  • 5:12 - 5:14
    grapada alrededor
    de tus comunicaciones
  • 5:14 - 5:17
    para protegerlas
    de ser vigiladas o alteradas.
  • 5:17 - 5:21
    SSL y TLS se activan
    cuando aparece el pequeño
  • 5:21 - 5:24
    candado en la barra
    de direcciones de tu navegador,
  • 5:24 - 5:26
    al lado de HTTPS.
  • 5:26 - 5:28
    Los protocolos HTTPS aseguran
  • 5:28 - 5:31
    que tus peticiones HTTP
    sean seguras y protegidas.
  • 5:33 - 5:35
    Cuando un sitio web
    pide a tu navegador
  • 5:35 - 5:36
    una conexión segura,
  • 5:36 - 5:38
    primero le provee
    de un certificado digital,
  • 5:39 - 5:42
    que es como un documento
    de identidad oficial
  • 5:42 - 5:44
    de que el sitio web
    es quien dice ser.
  • 5:44 - 5:46
    Los certificados digitales
  • 5:46 - 5:48
    se publican por autoridades
    certificadoras,
  • 5:48 - 5:50
    que son entidades confiables
    que verifican las
  • 5:50 - 5:54
    identidades de los sitios web
    y emiten certificados para ellas.
  • 5:54 - 5:57
    Igual que un gobierno puede emitir
    documentos de identidad y pasaportes.
  • 5:58 - 6:00
    Si un sitio web intenta establecer
    una conexión segura
  • 6:00 - 6:03
    sin un certificado digital apropiado,
  • 6:03 - 6:06
    tu navegador te lo advertirá.
  • 6:07 - 6:09
    ¡Esto es lo básico
    de la navegación web!
  • 6:10 - 6:12
    La parte de Internet
    que vemos día tras día.
  • 6:13 - 6:17
    Para resumir, HTTP y DNS
    organizan el envío
  • 6:17 - 6:21
    y recibimiento de HTML,
    archivos multimedia,
  • 6:21 - 6:23
    o cualquier cosa en la web.
  • 6:23 - 6:28
    Lo que hace esto posible son TCP/IP
    y las redes de router
  • 6:28 - 6:31
    que dividen la información
    de transporte en pequeños paquetes.
  • 6:32 - 6:35
    Estos paquetes
    están hechos de código binario,
  • 6:35 - 6:37
    secuencias de 1s y 0s que
  • 6:37 - 6:39
    se envía físicamente
    a través de cables eléctricos,
  • 6:39 - 6:43
    fibra óptica y redes inalámbricas.
  • 6:43 - 6:46
    Afortunadamente, cuando aprendes
    cómo funciona una capa de internet,
  • 6:46 - 6:50
    puedes depender de ella
    sin recordar todos los detalles.
  • 6:50 - 6:52
    Y puedes confiar que todas
    estas capas trabajarán
  • 6:52 - 6:57
    juntas para enviar la información
    con éxito a escala y con confianza.
Title:
Internet: HTTP y HTML
Description:

El fundador de Tumblr, David Karp, y la supervisora de programación de Xbox, Jasmine Lawrence, ofrecen una descripción detallada de cómo funciona Internet utilizando HTTP y HTML.

Comienza a aprender en http://code.org
more » « less
Video Language:
English
Duration:
07:07

Spanish subtitles

Revisions

Our website uses cookies for analysis purposes.