Curso Mastering Google Chrome DevTools

Aprenda a utilizar DevTools, incluidas herramientas de rendimiento, Lighthouse, accesibilidad entre muchas otras.

4.81 (8 reviews)
Udemy
platform
Español
language
Web Development
category
Curso Mastering Google Chrome DevTools
54
students
2.5 hours
content
Nov 2022
last update
$19.99
regular price

What you will learn

Conoce las principales herramientas de Chrome DevTools

Saber en qué situaciones utilizar los paneles de DevTools

Cómo depurar el código JavaScript con las DevTools

Inspeccionar y modificar el DOM

Inspeccionar y modificar el CSS

Optimización del rendimiento de sitios web

Why take this course?

¿Sabías que con Google Chrome DevTools es posible analizar el rendimiento de tus sitios web?


¿O que es posible simular problemas de visión para crear sitios accesibles?


Si tu respuesta ha sido negativa a alguna de estas preguntas, es porque posiblemente sólo conozcas y hayas utilizado Google Chrome DevTools de forma superficial.


DevTools, es un conjunto de potentes herramientas que ayudan a los desarrolladores a construir mejores sitios web.


Esto es posible porque DevTools contiene herramientas para depurar código, inspeccionar elementos de un sitio web, ejecutar código JavaScript para pruebas, encontrar problemas de rendimiento, problemas de estilo, problemas de accesibilidad, entre muchos otros.


En este curso, aprenderás a utilizar las herramientas principales de devtools, desde aquellas que permiten interactuar con el árbol dom de una página, hasta aquellas que permiten detectar problemas de rendimiento y usabilidad a través de gráficas y consejos a implementar para brindar una mejor experiencia de usuario.


Al final del curso, sabrás cómo utilizar y dónde encontrar las principales DevTools para mejorar tus aplicaciones y sitios web.


Algunos de los temas que veremos en el curso son


  • Herramientas para interactuar con los elementos del árbol DOM.

  • Uso de la consola

  • Uso del panel Sources para interactuar con el código fuente.

  • Visualización de los elementos de la red con el panel Red.

  • Herramientas para mejorar el rendimiento y encontrar cuellos de botella de rendimiento.

  • Herramientas para encontrar problemas de renderizado.

  • Entre otros muchos temas.


Para aprovechar al máximo el curso, se recomienda tener conocimientos básicos de HTML, CSS y Javascript.


¿Qué esperas para crear mejores aplicaciones y sitios web? Nos vemos en el curso


Screenshots

Curso Mastering Google Chrome DevTools - Screenshot_01Curso Mastering Google Chrome DevTools - Screenshot_02Curso Mastering Google Chrome DevTools - Screenshot_03Curso Mastering Google Chrome DevTools - Screenshot_04

Charts

Price

Curso Mastering Google Chrome DevTools - Price chart

Rating

Curso Mastering Google Chrome DevTools - Ratings chart

Enrollment distribution

Curso Mastering Google Chrome DevTools - Distribution chart
4956678
udemy ID
11/1/2022
course created date
12/23/2022
course indexed date
Bot
course submited by