Desarrollo Web

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.3 (99 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.3
99 valoraciones

Contenido del curso:

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

Aprende maquetación Web con CSS para que mediante el uso de hojas estilos puedas definir claramente la estructura de todos los elementos de tu Web …

  • Desarrollo Web
HTML5 y CSS3

Curso de HTML5 y CSS3

4 horas y 21 minutos · Curso

Aprende desde cero a crear páginas Webs con este curso de HTML5 y CSS3. Crea paso a paso páginas Webs profesionales, este curso es ideal …

  • Desarrollo Web

Dudas frecuentes

1

¿Cuál es el precio?

En OpenWebinars no vendemos formaciones.

Tenemos diferentes tipos de suscripciones, que te dará acceso completo a todas las formaciones de la plataforma y a las nuevas 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 la formación?

En OpenWebinars las formaciones 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 lista.

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.

Artículos
Ver todos