En este video vamos a hablar un poco sobre los navegadores web.
Obviamente si estás viendo el curso de mí sabes lo que es un navegador web y no creo que sea importante
repetirlo que es un navegador web.
Existen distintas opciones Crom para mi es mi favorito es el que utilizo pero siempre que estás creando
un sitio web es recomendable probarlo y ver cómo se ve en las distintas versiones.
Por ejemplo Crom Watch Opera o Firefox en muchos navegadores.
De donde escoger Jacqui.
Firefox es decir creas un sitio web y siempre tienes que asegurar de que se vea decentemente en los
distintos navegadores.
Ahora en el caso por ejemplo de Crom vas a encontrar que también hay una versión móvil casi casi todos
los dispositivos de Android tienen una versión de Chrome móvil.
En el caso de Edge también seguramente los dispositivos tablets teléfonos tienen móvil.
Opera también tiene versiones móvil Firefox también tiene versiones móvil que tienes que probar tus
sitios web.
Existen muchos más navegadores pero estos son los que más se utilizan ahora cada día salen nuevas tecnologías
HTML5 ambas agregando cosas nuevas CSS igual JavaScript de la misma forma y existen versiones que van
un poco más adelantadas.
En este caso puedes ver que por ejemplo aquí abajo tengo abierto Chrome pero existe una versión llamada
Crom Canary que esta es la versión de desarrollo es la versión que va agregando todas las funcionalidades
nuevas.
Tiene este icono de color amarillo de la misma forma que existe Crom Canary para el desarrollo con todas
las aplicaciones nuevas.
Existe Firefox developer que es más bien de color azul y tiene más funcionalidad para diseñadores y
desarrolladores web.
Safari también tiene su propio navegador que va más enfocado a desarrolladores web y que también incorporan
las nuevas tecnologías.
Ahora por ejemplo tal vez quieras ver.
Por ejemplo mencioné anteriormente quieres ver el soporte de alguna aplicación Supongamos Flex Box buscar
Flex Box y vamos a notar que el soporte es bastante bueno y puedes utilizar una página como que ayudes
puntocom para revisar el soporte de algo que estás queriendo hacer en HTML o en CSS supongamos que eliminamos
esta parte y decidimos utilizar los módulos de JavaScript.
Puedes ver que el soporte es un poco menor y aquí te va a decir qué navegadores soportan los módulos
de JavaScript y cuáles no..
Supongamos que escribes código vamos a probar ahora con el nuevo grit.
También supongamos que escribes código bueno si tenemos buen soporte.
Vamos a ver las clases de JavaScript.
Las clases de JavaScript supongamos que creamos una clase en JavaScript la probamos en Crom vemos que
funciona correctamente y el aprobamos después sin Internet Explorer 11 y nos damos cuenta de que no
lo soporta.
Entonces eso te permite que náyades puntocom saber qué soporta qué navegador porque cómo puedes ver
la variedad de navegadores es muy amplia vamos a buscar Clas.
Esta es una función de Javascript
con todos los navegadores listos.
Vamos a ver que por ejemplo Clash List Classics es parte de JavaScript es soportado en Internet Explorer
7 8 ni 9.
Supongamos que tu cliente te dice oye queremos que tenga ese soporte.
Bueno tú dices pero cómo voy a agregar el soporte.
Si JavaScript no lo soporta Internet Explorer 7 8 9 bueno JavaScript si Clash list es la función que
no existen sitios web como HTML5 Play.com y la sección de Poly Fils Poly Fils que te permite buscar
por ejemplo un policía un poco difícil.
Es una funcionalidad o un archivo.
Puedes ver que aquí viene clause disputo JS Es un archivo JavaScript que se va a encargar de agregar
el soporte de Class List que no es soportado de forma nativa por Internet Explorer 7 8 ni 9 pero agregando
esta pequeña librería te va a permitir hacerlo entonces un Poly Filba encargarse de eso un Poly Filba
añadir funcionalidad que no es soportada de forma nativa.
Existen Empoli Fils para todo prácticamente ahora puedes ver en qué punto com hay cosas que soportan
algunos navegadores otras cosas no puedes abrir el sitio web HTML5 text punto com y esto te va a dar
un puntaje de tu navegador.
En este caso Crom obtienes 525 de 555 puntos.
Tengo instalado Safari y puedes ver que Safari obtiene 468 de 555 y en el caso de Firefox obtiene 483
de 555 y mientras más soporte tengas de HTML5 de ese S3 mayor es el porcentaje mayor es el puntaje que
obtiene entonces si hay una gran batalla de navegadores algunas cosas son soportadas por unos por otros
no pero siempre puedes referirte a esta página web que es puntocom y HTML5 plis para buscar un poco
difícil y añadir esa funcionalidad en tu proyecto siguiente vamos a ver lo que son Web Developer Tools
cada uno de todos estos navegadores tiene developer tools que van a hacer tu trabajo mucho más sencillo.