Frontend

Curso de Chrome Developers Tools: Analizando distintos aspectos de una web

En este segundo curso sobre las Chrome Developers Tools aprenderás a utilizar las herramientas que Chrome ofrece para analizar los distintos aspectos de una web relacionados con el rendimiento.

4.4 (109 valoraciones)
2 horas y 4 minutos · curso
Curso de Chrome DevTools: Analizando distintos aspectos de una web

Lo que aprenderás en este curso:

  • Auditar el tráfico de red que genera una página.
  • Comprobaré los ficheros y servicios que van a asociados a mi página web
  • Auditar el rendimiento de la página
  • Analizaré los elementos de seguridad de mi página.
  • Usaré herramientas para generar informes sobre diversos aspectos de mi página.

Requisitos del curso

Para sacar el máximo provecho a este curso es necesario tener conocimientos de HTML, CSS, JavaScript y HTTP.

Valoraciones de estudiantes:

  • 5
  • 4
  • 3
  • 2
  • 1
4.4
109 valoraciones

Contenido del curso:

    • 2 m
    • ¿Qué son las Chrome DevTools?
      3 m
    • Paneles de Chrome DevTools para analizar una web
      3 m
    • Introducción y opciones de la herramienta Network
      7 m
    • Grabando las peticiones
      11 m
    • Analizando los resultados
      16 m
    • Práctica: Uso de la herramienta Network
      11 m
    • 2 m
    • Almacenamiento, Cookies y Caché
      10 m
    • Otros elementos del panel
      10 m
    • Práctica: Localizar cookies y sesiones
      3 m
    • Análisis de rendimiento con Performance y LightHouse
      13 m
    • Panel de Seguridad
      4 m
    • Análisis de uso de memoria
      15 m
    • Práctica: Análisis de memoria
      6 m
También te puede interesar

Te dejamos una selección de cursos, carreras y artículos

Maquetación web con CSS

Curso de maquetación web con CSS

2 horas y 10 minutos · curso

En este segundo curso sobre las Chrome Developers Tools aprenderás a utilizar las herramientas que Chrome ofrece para analizar los distintos aspectos de una web …

  • Frontend
HTML5 y CSS3

Curso de HTML5 y CSS3

4 horas y 21 minutos · curso

En este segundo curso sobre las Chrome Developers Tools aprenderás a utilizar las herramientas que Chrome ofrece para analizar los distintos aspectos de una web …

  • Frontend

Dudas frecuentes

1

¿Cuál es el precio?

En OpenWebinars no vendemos cursos, talleres o laboratorios unitarios.

Tenemos diferentes tipos de suscripciones, que te dará acceso completo a todos los cursos de la plataforma y a los nuevos que vamos lanzando, siempre y cuando tu suscripción esté activa (como Spotify con la música o Netflix con las películas y series).

¿Eres una empresa? Tenemos planes especiales para ti. Consúltanos aquí.

2

¿Cuándo comienza el curso?

En OpenWebinars los cursos no tienen fecha de inicio y de final.

Cada curso tiene una fecha de publicación y desde ese día estarán 100% disponible todos los contenidos del curso para los usuarios suscritos a alguno de nuestros planes.

3

¿Puedo obtener un diploma que acredite mis conocimientos?

Efectivamente, una vez superada cada formación, podrás descargarte el diploma acreditativo de cada una de ellas. Añádelas a tu CV y mejora tu perfil para las empresas.

También podrás obtener un diploma de nivel superior al superar todas las formaciones de la carrera.

Tras realizar el curso previo, el Curso de Chrome Developers Tools: Herramientas para el desarrollo, en esta nueva formación sobre las DevTools podrás aprender a sacar todo el provecho a las mismas, en este caso enfocándote al análisis de diferentes aspectos de una página web.

Este curso sobre DevTools está pensado para que los desarrolladores frontend mejoren el proceso de desarrollo web gracias a las opciones que ofrecen las Developers Tools de Chrome, ya que realizando estos dos cursos online dominarás las herramientas que Chrome proporciona a los desarrolladores.

Para poder sacarle todo el partido es necesario poseer conocimientos previos sobre HTML, CSS, JavaScript y HTTP, por lo que si fuera necesario, es recomendable realizar previamente el Curso de HTML5 y CSS3 y/o el Curso de JavaScript para principiantes, que encontrarás en nuestra plataforma.

Tras una introducción al curso, a cómo está dividido y qué se verá en el mismo, el profesor hará una primera toma de contacto con las DevTools de Chrome, así como con los paneles de las mismas que se utilizarán para analizar una web, que es el objetivo de este segundo curso.

A partir de aquí comenzarían los tres bloques en lo que se ha dividido la formación, comenzando por la dedicada al panel Network, que será el que utilizaremos para inspeccionar el tráfico de red que genera una página. Aquí aprenderás a utilizar el mismo y las principales opciones que ofrece para grabar las peticiones y analizar los resultados. Acabaremos este bloque con un interesante ejercicio para poner en práctica lo aprendido previamente.

En el siguiente bloque formativo del curso sobre las DevTools entraremos a explicar el panel Application, utilizado para analizar todos los recursos que carga una página web, desde imágenes o fuentes hasta cookies o sesiones. Aprenderás cómo utilizar las opciones que ofrece para almacenamiento, cookies y caché, así como otros elementos del panel, como las dedicadas a las PWA, Background Services o Frames. De nuevo, acaba este bloque con un ejercicio práctico que te servirá para afianzar los conocimientos aprendidos en las lecciones previas.

Para concluir el curso te proponemos el último segmento, dedicado a explicar el uso de otros paneles adicionales que ofrecen las DevTools de Chrome, que se utilizan para el análisis de rendimiento de una web, como son el panel Performance, Lighthouse y Seguridad, aparte de explicar cómo realizar el análisis de uso de memoria gracias a otras herramientas. Y para concluir, como es habitual, podrás realizar un ejercicio para poner a prueba lo aprendido en este tercer y último bloque del curso.

Como puedes comprobar es un curso muy completo, que te permitirá aprender a utilizar las muchas opciones que ofrece DevTools de Chrome para analizar una web desde muchos puntos de vista, y que, en conjunto con el curso anterior dedicado a estas herramientas, te permitirán poder utilizarlas a fondo y sacarle mucho partido a las mismas.

Las cookies nos permiten ofrecer nuestros servicios. Al utilizar nuestros servicios, aceptas el uso que hacemos de las cookies. Más Información.