Programación Entornos de programación

Cod. DEVTOOLS

Curso de DevTools: inspección, depuración y optimización de sitios web

Descubre cómo usar DevTools para identificar errores de front-end, optimizar tiempos de carga y elevar el rendimiento y accesibilidad de tus sitios web.

DevTools: inspección, depuración y optimización de sitios web
PRÓXIMAMENTE
DevTools: inspección, depuración y optimización de sitios web
PRÓXIMAMENTE

La capacidad para identificar y resolver problemas rápidamente es fundamental, y eso forma parte del desarrollo y mantenimiento de sitios web. Las herramientas de desarrollador integradas en navegadores como Chrome, Firefox y Edge permiten inspeccionar y modificar el código en tiempo real, analizar el comportamiento de scripts y evaluar el rendimiento de una página. Estas funciones facilitan una comprensión más profunda del funcionamiento interno de las aplicaciones web y contribuyen a optimizar su funcionamiento y experiencia de usuario. Dominar estas herramientas no solo agiliza la resolución de errores, sino que también mejora la calidad del producto final y la eficiencia en el trabajo diario.

Este curso te proporcionará los conocimientos y habilidades para utilizar estas utilidades como parte integral de tus procesos de desarrollo y análisis. Aprenderás a inspeccionar elementos, depurar código JavaScript y realizar análisis de rendimiento, convirtiendo estas tareas en prácticas habituales que apoyan la mejora continua de tus proyectos web. De esta manera, podrás afrontar con mayor confianza y precisión los desafíos técnicos que surjan en tu trabajo cotidiano.

  • Dirigido a

    Diseñadores y desarrolladores web, programadores, y cualquier persona interesada en aprender a inspeccionar, depurar y optimizar sitios web utilizando las herramientas de desarrollador de navegadores como Firefox, Chrome, Edge…

  • ¿Qué competencias vas a adquirir?

    Identificar las herramientas de desarrollo integradas en navegadores modernos para aprovechar sus principales funcionalidades.

  • Requisitos

    • Conocimientos básicos de HTML, CSS y JavaScript.
    • Navegador Google Chrome instalado (como mínimo).
    • Interés en experimentar directamente con páginas web.

  1. Primeros pasos en DevTools
    • Conceptos básicos
    • Acceso a Devtools
    • Resumen
  2. Inspección de elementos (HTML & CSS)
    • Pestaña "elements"
    • Editar HTML en vivo
    • Resumen
  3. La consola
    • Pestaña Console.
    • Uso de comandos en JavaScript
    • Detección de errores
    • Resumen
  4. Red y recursos
    • Pestaña Network
    • Pestaña Application
    • Resumen
  5. Depuración de código
    • Pestaña Sources
    • Uso de breakpoints
    • Resumen
  6. Análisis y Optimización
    • Pestaña Performance
    • Pestaña Lighthouse
    • Recorder (novedad en Chrome DevTools)
    • Resumen

Este curso se encuentra en desarrollo

gears
Solicita más información
Otros cursos que te pueden interesar Cursos de tu interés

ADR Formación utiliza cookies propias y de terceros con fines analíticos anónimos, para guardar tus preferencias y garantizar el correcto funcionamiento del sitio web.

Puedes aceptar todas las cookies, rechazarlas o configurarlas según tus preferencias utilizando los botones correspondientes.

Puedes obtener más información y volver a configurar tus preferencias en cualquier momento en la Política de cookies