Curso
Maquetación web con CSS
Intermedio
2 h. y 10 min.
Aprende maquetación Web con CSS para que mediante el uso de hojas estilos puedas definir claramente la estructura...
4.5
Frontend
Curso de Chrome Developers Tools: Analizando distintos aspectos de una web
En este segundo curso sobre las Chrome Developers Tools aprenderás a utilizar las herramientas que Chrome ofrece para analizar los distintos aspectos de una web relacionados con el rendimiento.
La metodología y plataforma de formación que se adapta al tamaño y ritmo de tu empresa.
Curso impartido por
Contenido de la formación
4 Secciones · 15 Lecciones ·
2 h. y 4 min.
en total
Introducción
Panel Network
Panel Application
Otros paneles
Habilidades que obtendrás
- Auditar el tráfico de red que genera una página.
- Comprobaré los ficheros y servicios que van a asociados a mi página web
- Auditar el rendimiento de la página
- Analizaré los elementos de seguridad de mi página.
- Usaré herramientas para generar informes sobre diversos aspectos de mi página.
Requisitos mínimos
Para sacar el máximo provecho a este curso es necesario tener conocimientos de HTML, CSS, JavaScript y HTTP.
Valoración de nuestros alumnos
Completa tu formación con estos contenidos
Curso
HTML5 y CSS3
Intermedio
4 h. y 21 min.
Aprende desde cero a crear páginas Webs con este curso de HTML5 y CSS3. Crea paso a paso...
4.5
Curso
Flexbox y CSS Grid
Intermedio
2 h. y 2 min.
Aprende a maquetar tu Web de forma fácil y profesional con Flexbox y CSS grid, las nuevas técnicas...
4.5
Preguntas frecuentes
Resuelve tus dudas o contacta con nosotros para más información.
Efectivamente, una vez superada cada formación, podrás descargarte el diploma acreditativo de cada una de ellas. Añádelas a tu CV y mejora tu perfil para las empresas.
También podrás obtener un diploma de nivel superior al superar todas las formaciones de la ruta.
En OpenWebinars las formaciones no tienen fecha de inicio y de final.
Cada curso tiene una fecha de publicación y desde ese día estarán 100% disponible todos los contenidos del curso para los usuarios suscritos a alguno de nuestros planes.
En OpenWebinars no vendemos formaciones.
Tenemos diferentes tipos de suscripciones, que te dará acceso completo a todas las formaciones de la plataforma y a las nuevas que vamos lanzando, siempre y cuando tu suscripción esté activa (como Spotify con la música o Netflix con las películas y series).
¿Eres una empresa? Tenemos planes especiales para ti. Consúltanos aquí.
Tras realizar el curso previo, el Curso de Chrome Developers Tools: Herramientas para el desarrollo, en esta nueva formación sobre las DevTools podrás aprender a sacar todo el provecho a las mismas, en este caso enfocándote al análisis de diferentes aspectos de una página web.
Este curso sobre DevTools está pensado para que los desarrolladores frontend mejoren el proceso de desarrollo web gracias a las opciones que ofrecen las Developers Tools de Chrome, ya que realizando estos dos cursos online dominarás las herramientas que Chrome proporciona a los desarrolladores.
Para poder sacarle todo el partido es necesario poseer conocimientos previos sobre HTML, CSS, JavaScript y HTTP, por lo que si fuera necesario, es recomendable realizar previamente el Curso de HTML5 y CSS3 y/o el Curso de JavaScript para principiantes, que encontrarás en nuestra plataforma.
Tras una introducción al curso, a cómo está dividido y qué se verá en el mismo, el profesor hará una primera toma de contacto con las DevTools de Chrome, así como con los paneles de las mismas que se utilizarán para analizar una web, que es el objetivo de este segundo curso.
A partir de aquí comenzarían los tres bloques en lo que se ha dividido la formación, comenzando por la dedicada al panel Network, que será el que utilizaremos para inspeccionar el tráfico de red que genera una página. Aquí aprenderás a utilizar el mismo y las principales opciones que ofrece para grabar las peticiones y analizar los resultados. Acabaremos este bloque con un interesante ejercicio para poner en práctica lo aprendido previamente.
En el siguiente bloque formativo del curso sobre las DevTools entraremos a explicar el panel Application, utilizado para analizar todos los recursos que carga una página web, desde imágenes o fuentes hasta cookies o sesiones. Aprenderás cómo utilizar las opciones que ofrece para almacenamiento, cookies y caché, así como otros elementos del panel, como las dedicadas a las PWA, Background Services o Frames. De nuevo, acaba este bloque con un ejercicio práctico que te servirá para afianzar los conocimientos aprendidos en las lecciones previas.
Para concluir el curso te proponemos el último segmento, dedicado a explicar el uso de otros paneles adicionales que ofrecen las DevTools de Chrome, que se utilizan para el análisis de rendimiento de una web, como son el panel Performance, Lighthouse y Seguridad, aparte de explicar cómo realizar el análisis de uso de memoria gracias a otras herramientas. Y para concluir, como es habitual, podrás realizar un ejercicio para poner a prueba lo aprendido en este tercer y último bloque del curso.
Como puedes comprobar es un curso muy completo, que te permitirá aprender a utilizar las muchas opciones que ofrece DevTools de Chrome para analizar una web desde muchos puntos de vista, y que, en conjunto con el curso anterior dedicado a estas herramientas, te permitirán poder utilizarlas a fondo y sacarle mucho partido a las mismas.
