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
    • Exploración inicial
    • Resumen
    • ¿Qué son las herramientas de desarrollador?
    • Atajos y menú
    • Vista general de las pestañas principales
    • Resumen
  2. Inspección de elementos (HTML & CSS)
    • Pestaña “elements”
    • Editar HTML en vivo
    • Cambiar y probar estilos CSS en tiempo real.
    • Resumen
  3. La consola
    • Pestaña Console.
    • Ejecución de comandos JavaScript.
    • Lectura de errores y advertencias.
    • Resumen
  4. Red y recursos
    • Pestaña Network: ver solicitudes y tiempos de carga.
    • Pestaña Application: almacenamiento local, cookies y caché.
    • Resumen
  5. Depuración de código
    • Pestaña Sources: puntos de interrupción y flujo de ejecución.
    • Resumen
  6. Análisis y Optimización
    • Pestaña Performance: medir tiempos de renderizado.
    • Pestaña Lighthouse: generar auditoría automática.
    • Recorder (novedad en Chrome DevTools)
    • Resumen

Este curso se encuentra en desarrollo

gears
Avísame cuando esté disponible
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