0:00:02.719,0:00:07.360
Internet: HTTP y HTML

0:00:08.060,0:00:10.454
Soy Jasmine y soy supervisora [br]de programas

0:00:10.454,0:00:12.685
del equipo de ingeniería del XBOX One.

0:00:13.745,0:00:16.800
Una de nuestras más grandes [br]funcionalidades es XBOX Live.

0:00:17.070,0:00:19.070
Es un servicio online que conecta

0:00:19.070,0:00:23.629
a jugadores de todo el mundo, [br]y utilizamos internet para conseguirlo.

0:00:24.119,0:00:26.433
No es una tarea fácil

0:00:26.433,0:00:29.360
y hay un montón de cosas [br]que suceden detrás de las escenas.

0:00:29.620,0:00:34.320
Internet está cambiando totalmente [br]cómo la gente interactúa y se conecta.

0:00:34.320,0:00:36.227
Pero, ¿cómo funciona?

0:00:36.227,0:00:40.064
¿Cómo se comunica entre sí [br]las computadoras de todo el mundo?

0:00:41.294,0:00:43.489
Tomemos a un navegador de internet.

0:00:43.929,0:00:46.339
Primero, abre un navegador.

0:00:46.609,0:00:49.749
Es la aplicación que utilizas [br]para acceder a las páginas web.

0:00:49.749,0:00:52.669
Después, ingresa la dirección web, o URL,

0:00:52.669,0:00:55.429
que significa Uniform Resource Locator,

0:00:55.429,0:00:58.500
del sitio web que quieres visitar, [br]como tumblr.com.

0:01:04.270,0:01:06.840
Hola, soy David Karp, [br]el fundador de Tumblr y

0:01:06.840,0:01:12.100
hoy hablaremos de cómo funcionan los [br]navegadores web que usamos a diario.

0:01:12.100,0:01:15.570
Seguro te preguntas qué ocurre realmente [br]cuando tecleas una dirección

0:01:15.570,0:01:17.660
en tu navegador web pulsas enter.

0:01:17.660,0:01:19.685
Y esto es tan asombroso [br]como lo imaginas.

0:01:19.685,0:01:23.440
En ese momento, la computadora [br]comienza a hablar con otra computadora,

0:01:23.440,0:01:27.730
llamado servidor, que normalmente [br]está a miles de kilómetros.

0:01:27.730,0:01:32.117
Y en milisegundos tu computadora [br]pregunta al servidor por el sitio web,

0:01:32.117,0:01:36.890
y el servidor responde a tu computadora [br]en un lenguaje llamado HTTP.

0:01:37.680,0:01:40.890
HTTP significa HyperText[br]Transfer Protocol.

0:01:41.180,0:01:44.041
Puedes ver esto como el lenguaje [br]que una computadora utiliza

0:01:44.041,0:01:46.219
para pedir a otra computadora [br]un documento.

0:01:46.219,0:01:48.379
Y esto es una comparación [br]bastante simple.

0:01:48.379,0:01:51.370
Si quieres interceptar una conversación [br]entre tu computadora

0:01:51.370,0:01:53.380
y un servidor web en internet,

0:01:53.380,0:01:56.218
esto se hace generalmente con algo [br]llamado petición "GET".

0:01:56.218,0:01:58.440
Y es tan simple como escribir [br]la palabra GET

0:01:58.440,0:02:00.420
y el nombre del documento [br]que quieres.

0:02:00.420,0:02:02.420
Así que si intentas [br]registrarte en Tumblr

0:02:02.420,0:02:04.150
y cargar nuestra [br]página de acceso,

0:02:04.150,0:02:07.160
estás enviando una petición GET [br]al servidor de Tumblr

0:02:07.160,0:02:10.410
que dice GET /login.

0:02:10.410,0:02:15.260
Y que dice al servidor de Tumblr [br]que quieres todo el código HTML

0:02:15.260,0:02:17.060
de la página de acceso de Tumblr.

0:02:18.230,0:02:21.465
HTML significa Hyper Text Markup Language

0:02:21.465,0:02:25.225
y esto es como el lenguaje que utilizas [br]para decir a un navegador web

0:02:25.225,0:02:26.750
cómo presentar una página.

0:02:26.750,0:02:28.530
Si piensas en algo como Wikipedia,

0:02:28.530,0:02:30.540
que es sólo un documento [br]grande y sencillo

0:02:30.540,0:02:34.820
y HTML es el lenguaje que utilizas para [br]hacer ese título grande y en negrita,

0:02:34.820,0:02:37.540
para que la fuente sea la correcta,

0:02:37.540,0:02:40.983
para enlazar cierto texto [br]a ciertas otras páginas,

0:02:40.983,0:02:42.580
para poner un texto negrita,

0:02:42.580,0:02:44.156
para hacer un texto en cursiva,

0:02:44.156,0:02:46.450
para poner una imagen [br]en el centro de la página,

0:02:46.450,0:02:48.620
para alinearla a la derecha [br]o a la izquierda

0:02:49.190,0:02:52.990
El texto de la página web está incluido [br]directamente en el HTML,

0:02:52.990,0:02:55.613
pero otras partes, [br]como las imágenes o los videos,

0:02:55.613,0:02:57.893
están en archivos separados [br]con su propia URL,

0:02:57.893,0:02:59.433
que deben ser invocadas.

0:03:00.173,0:03:03.883
El navegador envía peticiones HTTP [br]separadas para cada uno de ellos

0:03:04.150,0:03:06.570
Y los muestra según van llegando.

0:03:08.050,0:03:10.820
Si una página web tiene un montón [br]de imágenes diferentes,

0:03:10.820,0:03:13.480
cada una de ellas provoca una[br]petición HTTP separada,

0:03:13.770,0:03:16.000
y la página se carga más lentamente.

0:03:18.660,0:03:20.780
Algunas veces, [br]cuando navegas por Internet,

0:03:20.780,0:03:23.620
no sólo estás obteniendo [br]páginas con peticiones GET.

0:03:23.820,0:03:25.670
A veces envías información,[br]como cuando

0:03:25.670,0:03:29.173
rellenas un formulario [br]o ingresas una búsqueda.

0:03:29.510,0:03:33.520
Tu navegador envía esta información [br]en texto plano al servidor web,

0:03:33.520,0:03:36.500
utilizando una petición HTTP POST.

0:03:36.750,0:03:38.720
Supongamos que ingresas a Tumblr.

0:03:38.720,0:03:41.540
Lo primero que haces [br]es una petición POST,

0:03:41.540,0:03:44.645
que es un POST a la página [br]de registro de Tumblr,

0:03:44.750,0:03:46.690
que tiene algunos datos adjuntos.

0:03:46.690,0:03:49.260
Tiene tu dirección de correo [br]electrónico y contraseña

0:03:49.270,0:03:51.020
Esto va al servidor Tumblr.

0:03:51.020,0:03:54.310
El servidor Tumbr ve que está correcto, [br]que eres David.

0:03:54.600,0:03:57.940
Envía una página web de vuelta [br]a tu navegador que dice, ¡Bien hecho!

0:03:57.940,0:03:59.300
Registrado como David.

0:03:59.300,0:04:00.800
Pero junto [br]con esta página web,

0:04:00.800,0:04:03.759
también adjunta algo [br]de datos cookie invisibles

0:04:03.759,0:04:07.200
que tu navegador ve y sabe guardar.

0:04:07.200,0:04:08.430
Y esto es muy importante

0:04:08.430,0:04:11.640
porque es el único modo de que [br]el sitio web reconozca quién eres

0:04:12.170,0:04:16.300
Todos estos datos cookie son un [br]documento de identidad para Tumblr.

0:04:16.300,0:04:18.860
Es un número que [br]te identifica como David.

0:04:18.860,0:04:20.880
Tu navegador web se aferra a ese número.

0:04:20.880,0:04:24.892
Y cuando actualices la página, [br]la próxima vez que vayas a Tumblr.com,

0:04:24.892,0:04:27.155
tu navegador sabe adjuntar automáticamente

0:04:27.155,0:04:29.370
este número de identificación [br]con la petición

0:04:29.370,0:04:31.190
que envía a los servidores [br]de Tumblr.

0:04:31.190,0:04:34.150
Ahora los servidores Tumblr [br]ven la petición de tu navegador,

0:04:34.150,0:04:36.130
ven el número de identificación,

0:04:36.130,0:04:38.940
y sabe "Bien, esta es [br]una petición de David".

0:04:40.640,0:04:43.090
Ahora, Internet está [br]completamente abierta.

0:04:43.690,0:04:45.620
Todas estas conexiones son compartidas

0:04:45.730,0:04:48.130
y la información [br]es enviada en texto plano.

0:04:48.270,0:04:51.350
Esto hace posible que los hackers [br]espíen cualquier

0:04:51.350,0:04:54.220
información personal [br]que envíes a través de internet.

0:04:55.183,0:04:56.960
Pero las páginas web seguras

0:04:56.960,0:04:59.970
evitan que ocurra esto, [br]demandando a tu navegador web

0:04:59.970,0:05:02.100
que se comunique [br]a través de un canal seguro

0:05:02.100,0:05:04.090
usando algo llamado Secure Sockets Layer

0:05:04.090,0:05:07.530
y su sucesor Transport Layer Security.

0:05:07.740,0:05:11.810
Puedes ver SSL y TLS [br]como una capa de seguridad

0:05:11.810,0:05:13.860
grapada alrededor [br]de tus comunicaciones

0:05:14.000,0:05:16.630
para protegerlas [br]de ser vigiladas o alteradas.

0:05:17.290,0:05:20.840
SSL y TLS se activan [br]cuando aparece el pequeño

0:05:20.840,0:05:23.560
candado en la barra [br]de direcciones de tu navegador,

0:05:23.560,0:05:25.700
al lado de HTTPS.

0:05:25.720,0:05:28.260
Los protocolos HTTPS aseguran

0:05:28.260,0:05:31.178
que tus peticiones HTTP [br]sean seguras y protegidas.

0:05:32.592,0:05:34.620
Cuando un sitio web [br]pide a tu navegador

0:05:34.620,0:05:36.343
una conexión segura,

0:05:36.343,0:05:38.500
primero le provee [br]de un certificado digital,

0:05:39.320,0:05:41.760
que es como un documento [br]de identidad oficial

0:05:41.760,0:05:44.140
de que el sitio web [br]es quien dice ser.

0:05:44.140,0:05:45.630
Los certificados digitales

0:05:45.630,0:05:48.100
se publican por autoridades [br]certificadoras,

0:05:48.100,0:05:50.310
que son entidades confiables [br]que verifican las

0:05:50.310,0:05:53.800
identidades de los sitios web [br]y emiten certificados para ellas.

0:05:53.800,0:05:57.340
Igual que un gobierno puede emitir [br]documentos de identidad y pasaportes.

0:05:57.590,0:06:00.500
Si un sitio web intenta establecer [br]una conexión segura

0:06:00.500,0:06:02.900
sin un certificado digital apropiado,

0:06:02.920,0:06:05.760
tu navegador te lo advertirá.

0:06:07.345,0:06:09.345
¡Esto es lo básico [br]de la navegación web!

0:06:09.590,0:06:12.125
La parte de Internet [br]que vemos día tras día.

0:06:12.820,0:06:16.780
Para resumir, HTTP y DNS [br]organizan el envío

0:06:16.780,0:06:20.600
y recibimiento de HTML, [br]archivos multimedia,

0:06:20.600,0:06:22.850
o cualquier cosa en la web.

0:06:22.850,0:06:27.770
Lo que hace esto posible son TCP/IP[br]y las redes de router

0:06:27.770,0:06:31.400
que dividen la información [br]de transporte en pequeños paquetes.

0:06:31.940,0:06:35.030
Estos paquetes [br]están hechos de código binario,

0:06:35.030,0:06:36.670
secuencias de 1s y 0s que

0:06:36.670,0:06:39.270
se envía físicamente [br]a través de cables eléctricos,

0:06:39.270,0:06:42.730
fibra óptica y redes inalámbricas.

0:06:42.730,0:06:46.400
Afortunadamente, cuando aprendes [br]cómo funciona una capa de internet,

0:06:46.400,0:06:49.854
puedes depender de ella [br]sin recordar todos los detalles.

0:06:49.900,0:06:52.390
Y puedes confiar que todas[br]estas capas trabajarán

0:06:52.390,0:06:57.120
juntas para enviar la información[br]con éxito a escala y con confianza.