midulive
Transcribed podcasts: 605
Time transcribed: 13d 18h 38m 6s
This graph shows how many times the word ______ has been mentioned throughout the history of the program.
Netflix tiene esta página que es tal cual
Es así
Esto no es ninguna broma
Si entráis a netflix.com barra hello world
Os podéis encontrar esta página de aquí
What the fuck
Con esta página, hello world
Pero no es un hello world cualquiera
No, tú lo puedes ver y puedes decir
¿Es un health check? Muy buena pregunta
Para la gente que no sepa que es un health check
Ahora os explico que es un health check
Porque Netflix sí que tiene un health check
¿Y qué es el health check?
Un health check básicamente es una URL
Os la voy a enseñar
Una URL que lo único que quieres es confirmar
Que el servidor está levantado
Netflix.com barra health check
Es como para chequear la salud
Y esto lo vais a poder encontrar en muchas páginas
Hay en páginas que a lo mejor lo tienen más privado
No sé si vamos a Airbnb.com barra health check
Vamos a probar a ver si lo tienen
No, este no lo tienen
Hay veces que le ponen un underscore delante
O sea que podéis ir probando
O le llaman solo health
Es que hay un montón
Entonces podéis ir probando a ver si lo encontráis
En alguno
Mira, lo hemos encontrado
¿Habéis visto?
Lo hemos encontrado
Esto es muy típico
Esto es muy típico
Este es el health check
Esto suele ser un endpoint
Que tiene muchas páginas web
Para determinar que están levantadas
Y bueno, podéis seguir buscando
En vuestras favoritas
Hasta que la encontréis
¿Vale?
Esta no tiene nada que ver
Con la página de status
Que esa suele ser otra
Hay otras páginas
Que tienen esta
Que está muy bien
Porque tiene toda la información
De cuando están los servicios levantados
Si se han caído
Si ha habido algún problema
Esto digamos que son
Dashboards de status
O de uptime
Esto suele ser muy típico
Lo suelen llamar de uptime
¿Vale?
Y están muy bien
Muy interesantes
Hay muchas que tienen
Pero no es lo mismo
Tenemos el status
Tenemos el health check
Que lo único que suele hacer
Es un ok
A veces es un JSON incluso
O a veces lo que hace
Es decirte cuánto tiempo
Lleva levantado el servidor
Hay un poco de todo
Pero
Pero esto no tiene nada que ver
Es este
El de Netflix
Que es Hello World
Esto no es un health check
¿Vale?
Esto no es un health check
Ya hemos visto que
Netflix tiene su propio health check
Esto no tiene nada que ver
Lo que no sabemos es
¿Qué coño es esto?
¿Qué es esto?
Porque lo peor de todo
Es que si os podéis a mirar
¿Vale?
Si inspeccionáis el código
Vais a alucinar con unas cuantas cosas
Lo primero
Es que si entráis
Y sois de Europa
Os sale el aviso de las cookies
O sea
Impresionante
Una página que es un Hello World
Y os sale el aviso de las cookies
Para rechazar
O aceptar las cookies
O sea
Tremendo
Impresionante
Imaginaos esto
Pero lo peor de todo
Lo peor de todo
Es que si miráis en el Nick World
Y miráis cuánto ocupa la página
Vais a alucinar
Es un Hello World
De 1,3 megas
Tío
1,3 megas
1,3 megas
O sea
Vaya
Vaya locura
Vaya locura
Luego
Tiene más cosas
No os creáis
Tiene incluso
Una
Una API
Bueno esta API
En realidad no es de la propia Netflix
Es un servicio de terceros
Que lo que os dice
Si entráis
Os va a decir
De dónde sois vosotros
Lo cual está interesante
Podéis utilizar esta API
Para los servicios que os dé la gana
¿Vale?
Para lo que queráis
Pero aquí os dice
De qué país eres
De qué estado
De el nombre del estado
Y el continente
Tampoco da mucha información
No os va a dar vuestra dirección de casa
¿Vale?
Tampoco es tanto
Pero tiene otras cosas interesantes
Por ejemplo
Si buscamos por aquí
Vamos a entender
Por qué ocupa
Más de un mega
Hombre
The Phonic Sánchez
Gracias por la right
Amigo
Muchas gracias
Pues vais a ver
¿Por qué?
¿Por qué por aquí?
¿Por qué ocupa tanto?
Pues es que si buscamos
Fijaos
Buscamos React
Resulta
Resulta
Que tiene React
Que esta página
Tan sencilla
Tan simple
Resulta
Que tiene React
A ver si lo encuentra
Porque es que tiene tantos archivos
Tiene tantos archivos
A ver
Instalhook
Esto no
Esto no
Mira Hello World
¿Veis?
Aquí que aparece React
¿Veis?
React Context
O sea
Tiene un contexto de React
Ahí con un montón de información
La versión de la UI
O sea
Tiene un montón de cosillas por aquí
Bueno
Pues fijaos
Que podéis ver ahí
Que tiene un contexto de RIA
Con traducciones
Con un montón de cosas
No tiene mucho sentido
¿Por qué utilizarán esto?
Tengo mis teorías
¿Vale?
He estado leyendo
He estado buscando información
Sobre esto
De por qué aparece esto
No
Lo de Astro
Es porque estaba viendo mis archivos
Eso es porque estaba buscando
Dentro de mis archivos
Por eso habrá tardado tanto
¿Para qué utilizan esto?
Yo creo
Ah
Y tiene más cosas
Ahora os enseñaré
Yo creo que esto
Puede ser que sea una especie
Para algún tema de end to end
O sea
Para revisar
Que todo lo más básico
Funciona correctamente
Que se renderiza correctamente
Con el contexto de React
Que tienen
Pues lo que hacen
Es tener una página
Que renderiza en el componente
Más sencillo
Y al entrar
Pues que renderiza al menos algo
Yo creo que lo deben utilizar
Para eso
Es mi
En mi suposición
De por qué Netflix
Tendría una página tan rara
Como esta
¿Vale?
Otra opción
Puede ser
Que sea para pruebas
Básicamente para ver
Que están probando
Diferentes versiones
De algo
Y lo prueban ahí
Simplemente para ver
Se renderiza
Puede ser también
Pero tienen una cosa
Muy interesante
Que el otro día
Estuvimos comentando
El otro día
Ya hace unos meses
Pero esto de aquí
Fijaos
A ver si lo encuentro
Fijaos aquí
Que tiene esto
Que pone
Esa web tiene mucho JS
Tiene demasiado Javascript
Totalmente
Tiene demasiado Javascript
De hecho
No os quiero enseñar
Mucha información
Porque entre la información
Que aparece por aquí
Aparece mi IP
Porque es un poco rata
Que guardan la IP
En el contexto
Y claro
No os lo quiero enseñar mucho
Pero tiene un montón
De cosas interesantes
Y una cosa muy interesante
Que tiene
Es que entre todo el Javascript
Que utiliza
Fijaos que tiene aquí
Inyectado un Javascript
Mira
Aquí tenéis
Como un servicio
De Polyfills
¿Veis?
Polyfills Service
Y aquí
Te va poniendo
Is Windows XP
False
Is Windows 7
False
Bueno o sea
Tiene un montón de cosas
Aquí muy raras
Pero bueno
El tema del Polyfill
Fijaos que aquí dice
Que el Polyfill
Que utiliza
Es el del Financial Times
Pues este servicio
De aquí
Que está inyectando Javascript
¿Sabéis cuál es?
Es aquel que
Se hizo
Muy polémico
Porque
Es este
El de Polyfill.io
Es exactamente
Este
Es este de aquí
Este que lo acababa
De comprar
Una empresa
Súper random
Que no se sabía
Si era de fiar
O no era de fiar
Pues es esta
Es este servicio
El que están utilizando
Justamente aquí
Por eso os decía
Que era súper peligroso
Porque una vez
Que tú utilizas
Un servicio de terceros
Que te inyecta Javascript
Eso es súper peligroso
Pueden hacer ahí
Lo que les dé la gana
Así que bueno
Lo digo porque
Me ha parecido bastante
Bastante interesante
Y nada
Ahí tenéis
Vuestro Hello World
Una cosa muy
Muy interesante
Pero Polyfill
Es una mierda ¿No?
Hombre
No es que sea una mierda
Fijaos que aquí dice
No Polyfill is needed
For current settings
And browser
Claro
Esto es porque detecta
Automáticamente
Que navegador utiliza
El usuario
Para inyectarle
Los Polyfills
Que necesita
Ese usuario
Si entramos
Con otro navegador
Puede ser
Que con otro navegador
Si que diga
Vale
Pues este navegador
Necesita añadir
Este Polyfill
Por lo que sea
¿Vale?
A ver
Vamos a ponerle
Por aquí
A ver si lo
¿Ves?
Aquí sí que
Podemos ver
Que está inyectando
Está inyectando
Otro código
Fijaos que
Si deja los comentarios
Es porque esto
No es un entorno
De producción
Fijaos aquí
Que este
Esto no es código
De Netflix
Esto es código
Inyectado por el servicio
Del Polyfill
Y todo esto
Por eso deja los comentarios
Yo me imagino
Que esto no
No debe ser algo
De producción
Sino que se la
Se debe haber colado
Hay una persona
Por ahí
Que decía
Que era de un documental
Que iba a ser
Sobre programación
No lo sé
Hay otro tipo de web
Que muy poca gente
Conoce
Y que suele ser
Bastante habitual
También
En un montón de páginas
Ya os he enseñado
La del Health Check
¿Vale?
Que es esta
Del Netflix.com
Barra Health Check
A ver si lo he escrito bien
Esta
¿Vale?
Que te dice
Si el servidor está levantado
Tenemos esta de Hello World
Que esta no tiene mucho sentido
Pero hay otra
Que es esta
Humans.txt
Esta es muy habitual
Lo digo por si queréis
Buscar
Estos secretos
Que tienen a veces
Las páginas web
Y a veces
Incluso os podéis encontrar
Con ofertas de trabajo
Y todo
Fijaos
Esta
Netflix
Starring
Honor Star
Cast of Talented
Designers
Engineers
Join us
Jobs.netflix.com
Hay en algunas páginas web
Incluso te ponen
Códigos especiales
De descuento
Para aplicar
Utilizando ese cupón
Bueno
Un montón de cosas
Así que nada
Los recomiendo un montón
Que probéis con diferentes páginas
Obviamente tenéis la de
Robots.txt
Pero esto es para
Para tema de
Search Engine Optimization
Y para crawlers
Y tal
Pero la de Humans.txt
No es tan habitual
Que la gente la conozca
Y obviamente
Podéis mirar en otras
¿Veis?
Bueno en Airbnb
Airbnb veo que no tiene
A ver si Facebook
No sé si Facebook tendrá
Tampoco lo tiene
Es raro eh
Pero ya os digo
Que hay una página
Que además os dicen
Humans.txt
Somos humanos
No máquinas
Creo que aquí
Había un sitio
En algún sitio
Hay una lista
Hay una lista
Y aquí normalmente
Lo que se pone es
El equipo
Y le da las gracias
A gente
Como las traducciones
Y todo esto
Bueno
Está bastante interesante
Es como un detalle
Un detalle interesante
¿Vale?
Para que entendáis
Que hay páginas ahí
Que están un poco escondidas
A veces
Y que son bastante
Bastante graciosas