No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Aprende todo un fin de semana sin pagar una suscripci贸n 馃敟

Aprende todo un fin de semana sin pagar una suscripci贸n 馃敟

Reg铆strate

Comienza en:

5D
20H
19M
15S

Revisando detalles con Network

17/22
Recursos

Aportes 27

Preguntas 8

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

del Curso de Expresiones Regulares me qued贸 el que se catalogaran estas como la navaja suiza de todo programador, y sin lugar a dudas, dominar el manejo de las DevTools la considero como la navaja suiza de todo desarrollador web 鈥 vaya herramienta!!

jajajjaja de las mejores erramientas que he visto https://http.cat/

Los c贸digos de estado de HTTP: https://cutt.ly/UtDAbem

Esta te los explica con perritos 鈾 https://httpstatusdogs.com/

<h3>17. Revisando detalles con Network</h3>

2:33 Mostrando m谩s propiedades: Domain. Para mostrar el dominio de donde proviene el archivo.

5:03 Simulando conexiones de red: Online (Normal) Fast 3G Slow 3G Offline Custom

6:40 Filtrando o bloqueando archivos para que no se descarguen en el navegador. Ctrl+Shift+P > Show Request blocking > + > Archivo.ext

Enlaces de la clase:
HTTP Cats
Enlaces complementarios:
Los c贸digos de estado de HTTP
C贸digos de estado de respuesta HTTP | MDN

por fin entiendo todo el poder de esto

Aprend铆 mucho viendo memes de gatitios! 馃榿

Me encanta esta clase jajjaja! El creador de la web me parece un crack!

Ahora entiendo mas profundamente la funcionalidad de Network y lo poderoso que puede llegar a ser esta herramienta

Esto de vaciar el cach茅 es lo m谩ximo, cuando pruebas proyectos grandes con un framework o librer铆a donde a veces no se cargan bien los css o js cuando editas y usas un servidor en apache por ejemplo, entonces vaciando el cach茅 todo se soluciona!

Ahora entiendo las clases donde hablaban de no linkear tantos archivos, hacer tantas peticiones en el html a estilos por ejemplo o a servicios externos.

PD: Muchas gracias por la pagina de los diferentes c贸digos de errores con fotos de Gatitos 馃槃

Existe un shortcut para recargar la p谩gina recargando cach茅:
.
En Windows: ctrl + f5
.
En macOS: cmd + shift + R

por fin puedo usar un meme de gatos para explicar un error jajajaj Gracias

馃ぃde verdad est谩 muy buena la pagina de los gatos

A seguir aprendiendo.

commans+shift+ p = abrir el panel y bloquear archivos espec铆ficos

Es impresionante la forma que se puede usar los detalles de network para trabajar con una pagina web y como esta puede funcionar en muchos aspectos como es el caso de bloquear los estilos o ver todos los componentes de cada uno de ellos.

Mi p谩gina en 3G lento tard贸 en cargar 40s, en 3G r谩pido tard贸 en cargar 14s y en Online 3s, 驴Tendr谩n alguna recomendaci贸n para bajar esos tiempos? sobre todo los de 3g. Muchas gracias

Quien dice que no se puede aprender con memes. 馃槑

En el curso de Marketing Mobile (no recuerdo mal el nombre), nos explicaba 茅sta situaci贸n. Tener cuidado con todos los archivo (generen mucho peso), porque, repercute en tus objetivos finales (venta, servicio, experiencia de usuario鈥). Hace que, el tiempo de carga o respuesta sea muy lenta. Les recomiendo el curso.

Est谩 incre铆ble!!

Cu谩nta utilidad!

Excelente clase, aprendiendo much铆simos shortcuts de DevTools que ni conoc铆a.

馃憣

Los gatos siempre nos ayudan a entender todo mejor, miren por ejemplo a Te lo explico con gatitos 馃悎

https://developer.mozilla.org/es/docs/Web/HTTP/Status

Excelente documentacion para lo que son los estados de las peticiones.