Instalando Firefox, Chrome y usando sus DevTools

💡 Aquí está un pequeño tutorial de lo que Celis menciona para subir imágenes en esta sección:

Soy el único que no sabía del shortcut
windows + shift + s
?

Se ve interesante!

PD: Platzi Team, por favor consideren poder agregar imágenes a los comentarios con tan solo copiar y pegar, seria genial 😄

Yo estoy utilizando Edge al 100% desde hace un tiempo y va de maravilla. De hecho tiene una calificación de 100 en el score de accesibilidad VS otros navegadores

https://www.html5accessibility.com/

Para poder entrar al inspector de elementos en Chrome pueden usar:

F12
Ctrl + shift + i
Clic derecho y seleccionar inspeccionar

Para tomar una captura de pantalla en Windows:
Tecla Windows + shift + s

Saludos 😄

Hola mi nombre es Olga Padilla Mendoza, vivo en Barcelona pero soy Colombiana. Estoy recién incorporada a este mundo del desarrollo web. Me siento muy perdida pero una amiga me hablo de ustedes y me paso el enlace de sus 48 horas para conoceros y ver vuestras clases y la tuya para descargar los programas es genial.

Gracias y felicidades.

En lugar de mostrar los navegadores, mostraré toda orgullosa el menú de inicio de mi PC, en especial el espacio designado para tener las herramientas de desarrollo y un super background para recordarme siempre, que nunca hay que parar de aprender.

I am ready to learn!

de Diseñadora Gráfica a Web Developer! 🤩😍

Cuando usan: Windows + shift + S les aparece en el panel de notificaciones de Windows la captura, le dan click y allí les sale una un menú para guardarla como imagen en una carpeta, dibujar etc

Google chrome versión desarrollador
https://www.google.com/intl/es-419/chrome/dev/

Les recomiendo muchísimo que prueben el navegador Brave & Brave Dev son muy buenos ambos como opción alternativa.
https://brave.com/es/

Hola Compis, descárguense Brave DEV en el siguiente enlace–> https://brave.com/download-dev/ es en mi opinion el mejor navegador hasta el momento a parte de safari 😉

Estudio **ing. de software **y hasta hora me vengo a enterar de estas herramientas gracias! ❤

🛠️ Herramientas instaladas correctamente:

Repaso de la clase

Clase 2 – Instalando Firefox, Chrome y usando sus DevTools

¿En qué idioma deberíamos de tener configurado nuestro computador y por qué?

• Deberíamos de tener nuestro computador configurado en inglés ya que la industria del desarrollo web gira en este idioma.

¿En dónde podemos descargar las DevTools de Microsoft Edge?

• En la Microsoft Store.

¿Cuál es la desventaja de tener usar las DevTools de Microsoft Edge?

• Su versión aun está en preview, lo cual no la hace una herramienta libre de errores y que se deberá ir actualizando varias veces.

¿Cómo accedemos a las DevTools de Google Chrome?

• CTRL + Shift + I.
• Clic derecho -> Inspeccionar.

¿Con cuales Navegadores deberíamos de quedarnos para desarrollar web?

• Google Chrome Dev.
• Firefox Developer Edition.

Sería bueno que los comentarios se pueda ocultar, para ver el video más grande, hay pequeños detalles que son importantes y verlo en pantalla completa es un poco incómodo…

Here we go:

Entusiasmado de ya empezar a aprender y practicar lo mas posible.

Me gusta cómo explica este profe, explica detalladamente, en mi opinión.

Me encantó Firefox dev. 😬 Lo edité, no sabia que tiene animaciones solo para la barra superior del navegador.

GENIAL CADA DIA SE APRENDE ALGO NUEVO!!!
VAMOOS CON TODO

genail ya aprendi algo nuevo, me encanta plazi

Aquí esta mis nuevos navegadores developer edition descargados!

![](

![](

Por cierto, tambien se puede tomar captura y guardar con
Win + Impr Pant
para no recurrir al buen paint

Soy de esos tipos que no quieren avanzar hasta que las cosas se vean visualmente atractivas XD

https://www.google.com/intl/es-419/chrome/dev/
este es el enlace para quien no lo tenga

Hola, Equipo de Platzi. Así quedó instalado.

Me ví en la necesidad de revisar el banco de preguntas para saber como subir la imagen (arrastrarla desde los documentos).

Excelente clase! Ya tengo mis navegadores Dev instalados!

Me di cuenta que el ingles si es fundamental para el desarrollo ya que al final todo los lenguajes de programacion estan en ingles, y mejor porque al final se tienen dos cosas muy importantes en esta era contemporanea: el segundo idioma como ingles y la programacion, estoy amando platzi cada dia mas

Google Chrome DEV

Firefox DEV

Excelentes herramientas que tocara probarlas

Ya quedó

Listo!

todo listo

Reto completado profe.

Listo aqui estan las pruebas de descargar la version dev de chrome y firefox

Reto superado Muchas gracias Profe

listo

Aquí dejo ambos navegadores instalados

instale chrome dev

Tambien firefox!

MI aporte 😊

nos sabia que se podia hacer window + shift + s

¡Ya está!

Descargados 😃

buenas noches soy nuevo en el curso.

Chrome Dev instalado correctamente.

Reto cumplido para ambas.

Veamos!!

hola ya instale el firefox dev !!!

este video lo valio por el window + shift + S

Soy yo de nuevo, Eva Ruth a la orden, ahora comparto evidencia de la instalación de Firefox DEV

Así quedó el Chrome Dev instalado en mi computador

Como muchos dicen no conocía esa esos comandos, algo nuevo que se aprende sin estar buscándolo, me parece excelente!

Habemus Chrome Dev

hola y por aca prueba de haber descargado e instalado Firefox developer, gracias

que lindo que es aprender mas, ademas lograr entender de a poco sobre el mundo de la tecnologia,internet es genial

Iniciando! 😃

Listo!