Conocimientos y habilidades que adquieres realizando 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.

Temario

  • 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
  • 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

Relacionado

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

Curso de maquetación web con CSS

Curso de maquetación web con CSS

curso

Con este curso aprenderás:

  • Aprenderás a crear de manera clara y eficaz la estructura de tu Web colocando los elementos donde tú deseas.
  • Conocerás el funcionamiento a nivel de maquetación de los distintos tipos de etiquetas.
  • Comprenderás cómo funciona el flujo de una Web

Duración: 2 horas y 10 minutos

Curso de HTML5 y CSS3

Curso de HTML5 y CSS3

curso

Con este curso aprenderás:

  • Aprenderás lo qué es HTML y CSS.
  • Conocerás la estructura de una página Web.
  • Podrás añadir todo tipo de contenido a dichas páginas web.

Duración: 4 horas y 21 minutos

Curso de Flexbox y CSS Grid

Curso de Flexbox y CSS Grid

curso

Con este curso aprenderás:

  • Conocerás toda la potencia de los nuevos contenedores que nos proporciona CSS3.
  • Conocerás las posibilidades de los contenedores FLEX.
  • Aprenderás las características de los contenedores GRID.

Duración: 2 horas y 2 minutos

Preguntas Frecuentes

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í.

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.

Efectivamente, una vez superado cada curso podrás descargarte el diploma acreditativo de cada uno de ellos. Añade estos cursos a tu CV y mejora tu perfil para las empresas. También podrás obtener un diploma de nivel superior al superar todos los cursos de la carrera.

Descripción

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.

* Requisitos del Curso

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

Estas son algunas de las empresas que ya confían en OpenWebinars

Profesores y profesionales

Nuestros docentes son profesionales que trabajan día a día en la materia que imparten

Conviértete en profesor de OpenWebinars