Tutorialspoint

#May Motivation Use code MAY10 for extra 10% off

Curso Mastering Google Chrome DevTools

person icon HECTOR URIEL PEREZ ROJAS

4.4

Curso Mastering Google Chrome DevTools

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

updated on icon Updated on May, 2024

language icon Language - Spanish

person icon HECTOR URIEL PEREZ ROJAS

category icon Development,Web Development,Chrome Developer Tools

Lectures -60

Duration -2.5 hours

4.4

price-loader

30-days Money-Back Guarantee

Training 5 or more people ?

Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.

Course Description

¿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

Who this course is for:

  • Los desarrolladores que quieran aprender a utilizar las Chrome DevTools
  • Desarrolladores que quieran mejorar sus habilidades de depuración
  • Desarrolladores que quieran solucionar problemas de sus sitios web
  • Los desarrolladores que quieran conocer las últimas funciones de Chrome DevTools

Goals

What will you learn in this course:

  • 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

Prerequisites

What are the prerequisites for this course?

  • Conocimientos básicos de HTML

  • Conocimientos básicos de CSS

  • Conocimientos básicos de JavaScript

Curso Mastering Google Chrome DevTools

Curriculum

Check out the detailed breakdown of what’s inside the course

Introducción
3 Lectures
  • play icon Abriendo Chrome DevTools 02:23 02:23
  • play icon Comandos y atajos de teclado 01:40 01:40
  • play icon Chrome DevTools: El panorama general 03:57 03:57
Simulando dispositivos con el Modo Device
2 Lectures
Tutorialspoint
Elementos
7 Lectures
Tutorialspoint
Consola
4 Lectures
Tutorialspoint
Sources
4 Lectures
Tutorialspoint
Network
2 Lectures
Tutorialspoint
Rendimiento
2 Lectures
Tutorialspoint
Memoria
4 Lectures
Tutorialspoint
Aplicación
7 Lectures
Tutorialspoint
Lighthouse
13 Lectures
Tutorialspoint
Recorder
1 Lectures
Tutorialspoint
Renderer
3 Lectures
Tutorialspoint
Sensors
2 Lectures
Tutorialspoint
Depuración Remota
2 Lectures
Tutorialspoint
Accesibilidad
3 Lectures
Tutorialspoint
Ajustes y personalización
1 Lectures
Tutorialspoint

Instructor Details

HECTOR URIEL PEREZ ROJAS

HECTOR URIEL PEREZ ROJAS

e


Course Certificate

Use your certificate to make a career change or to advance in your current career.

sample Tutorialspoint certificate

Our students work
with the Best

Related Video Courses

View More

Annual Membership

Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses

Subscribe now
Annual Membership

Online Certifications

Master prominent technologies at full length and become a valued certified professional.

Explore Now
Online Certifications

Talk to us

1800-202-0515