Curso de Desarrollo Frontend con Developer Tools

Análisis, depuración y modificación web con la navaja suiza del Frontend
Material disponible
Intermedio
6 Clases 10 h
Desde hace años tenemos a nuestra disposición herramientas en el navegador para poder depurar, inspeccionar y analizar el código de cualquier desarrollo para web. Estas herramientas que empezaron como plugins para Firefox, como Web Developer o Firebug han ido multiplicando sus posibilidades y funcionalidad, al tiempo que pasaban a formar parte de la mayoría de los browsers modernos convirtiéndose en utilidades imprescindible para un desarrollo profesional. 

El desarrollo Frontend no sería como lo conocemos hoy si no fuese por este set herramientas, por lo que conocer todas sus posibilidades nos ofrece la capacidad de mejorar, tanto nuestro desarrollo, como la aplicación o web que generemos. Con este curso intensivo aprenderás a dominar las funcionalidades de Google Developer Tools.

Objetivos del curso

En muchos sectores lo que diferencia a un buen profesional es el conocimiento de las herramientas con las que trabaja. Como Frontends debemos conocer la importancia del análisis y depuración de nuestro código, para lograr perfeccionar nuestros desarrollos y hacer destacar nuestro trabajo respecto al de nuestros competidores.

DevTools es la herramienta que nos ofrece la posibilidad de explorar, depurar y modificar el código rápidamente para llegar a una optimización que acabe reflejándose en la experiencia del usuario. En este nuevo curso intensivo podrás aprender todas las funcionalidades que nos ofrece el Google DevTools par convertirte en todo un Ninja del desarrollo web.

Por qué debes aprender Desarrollo Frontend con Developer Tools

Esta nueva iniciativa está dirigida a todos aquellos frontends que quieran mejorar y agilizar su sistema de desarrollo, así como poder auditar el comportamiento de nuestras webs o web apps y poder mejorar en todos aquellos puntos que sea necesario.

Qué tengo que saber

Trabajaremos con Google Developer Tools, por lo que con tener el navegador Google Chrome instalado bastará para seguir los contenidos.

Clases y contenidos

Developer Tools, Firebug, Inspector web

Herramientas de desarrollo en navegadores.

Introducción, DOM y estilos básicos

Introducción al Developer Tools, veremos cómo trabajar con el DOM y los estilos.

DOM y estilos avanzado

Veremos las funciones más avanzadas, así como tips y consejos para exprimir esta faceta del Developer Tools.

Trabajando con la Consola y depuración JavaScript

Explicamos la piedra angular del Developer Tools con la que podremos depurar nuestro Javascript y modificar de forma dinámica el contenido de un site.

Mejorando el rendimiento

Con esta herramienta podremos analizar y conocer cómo mejorar el rendimiento de las funciones relacionadas con las peticiones a red.

Análisis de rendimiento de memoria y plugins

La performance es uno de los puntos con más relevancia, tanto para la UX, como conseguir buenos resultados en las puntuaciones de Google. En esta sesión veremos cómo interpretar estas funcionalidades. También veremos algunos plugins interesantes para adaptar Developer Tools a nuestras herramientas y lenguajes preferidos.

¿Conoces nuestra tarifa plana?

Toda la formación de EscuelaIT, con más de 200 cursos completos para aprender las más variadas tecnologías de programación, diseño y marketing online. Todo! con tu suscripción.

Suscríbete