Aún no tienes acceso a esta clase

Crea una cuenta y continúa viendo este curso

Instalación del navegador y sus DevTools

6/17
Recursos

Aportes 49

Preguntas 16

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

Para actualizar en sistemas operativos basados en Arch linux el comando para actualizar e instalar actualizaciones es

sudo pacman -Syyu

Si tienen distribusiones basadas en Arch como manjaro pueden usar un manejador de paquetes llamado yay

yay -Syyua

Si desean activar su modo Hack
😎💻
INSTALAREMOS EL NAVEGADOR DESDE LA TERMINAL

  • Antes debes saber que desde la terminal podemos hacer todo .

  • ¿estás acostumbrado a trabajar con el mouse?

  • Anímate a prácticar un poco

  • Recuerda presionar presionar ENTER luego de cada comando que ejecutes
    🎉
    🎉
    🎉

  1. Abrir la terminal
    presionas las teclas
ctrl + alt + t 
  1. Actualizas los paquetes instalados por deffault
    comando
sudo apt update

Luego de ejecutar cada comando presiona ENTER

  1. Aplicamos la actualizaciòn
    con
sudo apt upgrade
  1. Verificamos si tenemos instalado wget
    es la herramienta para descargar chrome
wget --version

te aparecerà la verión de la herramienta

En caso de que aparezca un ERROR!
debes instalarla

sudo apt install wget
  1. Ahora vamos a descargar el paquete chrome
    aquí hacemos uso de wget
wget https://dl.google.com/linux/direct/google-chrome-stable_current_amd64.deb
  1. Una vez descargado el paquete, es hora de instalarlo
sudo dpkg -i google-chrome-stable_current_amd64.deb 
  1. Para solucionar cualquier ERROR! futuro
sudo apt-get install -f
  1. Ahora si lo más esperado, ver sÍ funciona.
    Escribes
google-chrome

presionas
ENTER
🐱‍🐉
🐱‍🐉
🐱‍🐉
🐱‍🐉
y listo
LO LOGRASTE !!! 💻🐱‍🏍
✔QUE CRACK SOS ✔
Si te interesa ser más productivo y eficiente, no olvides tomar el curso de terminal y línea de comandos.

Aparte de Chrome por mi parte recomiendo utilizar firefox como tambien firefox dev “desarrolladores” les dejo la instalación por terminal https://www.solvetic.com/tutoriales/article/8328-como-instalar-firefox-developer-en-ubuntu

Para actualizar repositorios y aplicar las actualizaciones desde la terminal de Linux ejecutas lo siguiente:

sudo apt update
sudp apt upgrade

Linux es para mi el mejor sistema operativo para desarollo en general.

Yo uso Manjaro, y tiene la combinación perfecta de rapidez y un excelente package manager con un excelente ambiente para beginners.

Solo es aprenderlo a utilizar, y ya despues todo es diversion.

Si tuviste problemas en la instalación lo puedes hacer desde la terminal :
---- > sudo wget https://dl.google.com/linux/direct/google-chrome-stable_current_amd64.deb

----- >sudo dpkg -i google-chrome-stable_current_amd64.deb

El curso de chrome dev tools

Si quieren actualizar su sistema operativo de manera mas facil desde la consola pueden usar el siguiente comando
sudo apt update && sudo apt upgrade -y

Con esto van a actualizar e instalar y la bandera -y es para que acepte las actualizaciones de manera automática

para actualizar el sistema por linea de comandos se puede utilizar estos comandos

sudo apt update && apt upgrade -y

o tambien se puede remplazar el ultimo comando con

aptitude safe-upgrade

el comando safe-upgrade es un flag que descarga las actualizaciones que no hacen conflicto con lo que tienes actualmente instalado y busca resolver dependencias nuevas de paquetes sin crear conflictos con algunas ependencias existentes.

La gestión de dependencias de paquetes es algo que suele dar dolores de cabeza cuando se tiene un sistema linux instalado y no se han hecho actualizaciones por mucho tiempo y aunque no es muy seguido a veces puede suceder que algun paquete instalado se haya remplazado por uno mas nuevo y al hacer esto algun otro paquete que depende del anterior no pueda funcionar bien, es por ello que el comando safe-upgrade es util ya que si actualizas normalmente y hay un paquete en conflicto el programa de actualización desinstalará ese paquete en conflicto y si ese paquete quee se desinstalo era necesario para otro puedes terinar desinstalando una gran cantidad de paquetes de tu sistema operativo.

Mi recomendación es tratar de actualizar el sistema minimo cada 15 dias o si lo prefieres puedes hacerlo semanalmente, al hacerlo asi primero son menos la cantidad de paquetes que descargas y por ende menos te conectaras a internet y tendras tu sistema mas optmo

Yo lo hago usando la terminal con GNU Wget
Wget:
es una herramienta libre que permite la descarga de contenidos desde servidores web de una forma simple.

https://es.wikipedia.org/wiki/GNU_Wget

1) 

Ctrl + Alt + T // Este comando abrirá tu terminal 
2) 

For Google Chrome 32-bit version
wget https://dl.google.com/linux/direct/google-chrome-stable_current_i386.deb

For Google Chrome 64-bit version
wget https://dl.google.com/linux/direct/google-chrome-stable_current_amd64.deb
3) 

For Google Chrome 32-bit version
sudo apt install ./google-chrome-stable_current_i386.deb

For Google Chrome 64-bit version
sudo apt install ./google-chrome-stable_current_amd64.deb

Me falto un poquito sobre que extensiones de Google Chrome recomienda instalar, pero me voy tranquilo al siguiente tema…

Les recomiendo Brave como navegador principal. Esta basado en Google Chrome y tiene los mismos DevTools. Lo bueno de Brave es que cuida bastante de tu privacidad y tiene un buenísimo AdBlocker instalado por defecto

Instalación del navegador

• En la interfaz de Linux dale en abrir el menú de aplicaciones y pones en el buscador “actualizaciones”. Si hay actualizaciones disponibles, instalas.
• Abre el navegador de Firefox
• Ve a esta dirección https://www.google.com/intl/es-419/chrome/
• Descarga Google Chrome .deb que es para Ubuntu
• Abrimos el archivo descargado e instalamos Chrome
• Abrimos el menú de aplicaciones y abrimos Google Chrome
• Lo establecemos como navegador predeterminado

Yo utilizo SnapScraft para instalar aplicaciones desde la terminal porque te proporciona los comandos para hacerlo más fácil
https://snapcraft.io/store
Pero primero tienes que instalar SnapStore en tu máquina para que puedas instalar los programas. Ejecuta estos comandos

Para Ubuntu

sudo apt update
sudo apt install snapd

Buscas el programa que deseas y ejecutas el comando que te proporciona en la terminal.

Además, en la parte de abajo cuando busques un programa encontrarás como instalarlo en otras distribuciones de Linux como Manjaro, Arch Linux , Debian, entre otras
No solo viene el comando de instalación del programa sino también como instalar SnapStore en tu distribución de Linux
Yo instale Brave en Manjaro con esta opción. Pero algo que aclarar, es que no vienen muchos programas como para depender de esta opción.

Durante el proceso de instalación de Chrome tuve dificultades, porque la descarga desde Firefox generaba un archivo de menor tamaño que alojaba en una carpeta diferente a “Descargas”. Sólo pude resolver este inconveniente, utilizando la terminal para la descarga e instalación.
Además al emplear la terminal para la descarga, utilizó la ubicación “carpeta personal” para alojar la información y el tamaño aumentó. Espero que esta información resulte de utilidad para aquellos que tengan inconvenientes con este proceso.

Yo me instale hasta las versiones Dev

Excelente, anteriormente lo instalaba por terminal pero esta opción es mas sencilla (Y)

Considero que deberían mostrar otras opciones como chromium o Brave, versiones abiertas de chrome, el último respeta tu privacidad y tiene su propia criptomoneda. Acá les muestro que tiene las mismas DevTools (tal vez no lo hacen por negocios con google c(: )

No necesariamente tienes que instalar Chrome para probar tu software, también puedes usar Brave Browser que es una opción libre creada por el mismo sujeto que hizo Firefox, ya que a fin de cuentas el chiste de instalar Chrome es instalar tener un navegador que corra sobre la dependencia de Chromium

Para quien quiera intalar Brave desde la Terminal:

  1. sudo apt install apt-transport-https curl

  2. sudo curl -fsSLo /usr/share/keyrings/brave-browser-archive-keyring.gpg https://brave-browser-apt-release.s3.brave.com/brave-browser-archive-keyring.gpg

  3. echo “deb [signed-by=/usr/share/keyrings/brave-browser-archive-keyring.gpg arch=amd64] https://brave-browser-apt-release.s3.brave.com/ stable main”|sudo tee /etc/apt/sources.list.d/brave-browser-release.list

  4. sudo apt update

  5. sudo apt install brave-browser

Para evitar el error de Firefox al momento de instalar Google Chrome, no marquen la casilla de instalación cuando les pregunta “Que desea hacer con este archivo”. Solo guárdenlo, ir a descargas y proceder con el instalador por defecto de Ubuntu

Agregando, cuando instalas un sistema operativo GNU/Linux lo primero que debes hacer es actualizar sus paquetes, ya que a diferencia de Windows la actualización no es automática. Para hacerlo podés usar

En Debian, Ubuntu y derivados:

sudo apt update && sudo apt upgrade

Para RHEL, CentOS, Fedora:

sudo dnf update && sudo dnf upgrade

Si usas una versión antigua o no tienes DNF Instalado debes usar:

sudo yum update && sudo yum upgrade

INSPECIONAR = F12 o Ctrl + Shift + I

En fedora
Instalar los repositorios extras:
sudo dnf install fedora-workstation-repositories

Habilitar repositorio de google-chrome:
sudo dnf config-manager --set-enabled google-chrome

Finalmente para instalar el navegador solo tecleamos:
sudo dnf install google-chrome-stable -y

O para instalar la versión beta y la versión inestable.
sudo dnf install google-chrome-beta -y
sudo dnf instalar google-chrome-unstable -y

Uff ya quiero instalar editor de código

wget -c https://dl.google.com/linux/direct/google-chrome-stable_current_amd64.deb
sudo apt-get install libappindicator1
sudo dpkg -i google-chrome-stable_current_amd64.deb

sudo apt-get install libappindicator1 Sirve para descargar librerías y poder ver el icono de google chrome

para los estudiantes como yo que el instalador por defecto no dejo instalar Google Chrome encontré un tutorial donde se instala y se utiliza otro instalador de programas en Ubuntu

https://www.youtube.com/watch?v=SjENS-mbJNE

a mi me sirvió espero que les sirva a ustedes 😃

si después de descargar google crome desde fire fox no les deja instalar miren el vídeo para q lo instalen desde la terminal https://www.youtube.com/watch?v=YAFtzINWNyg

sudo apt upgrade && sudo apt update, para ir familiarizandose con las actualizaciones desde la terminal

recomiendas instalar Chrome desde tu moxilla por medio de tu duckduckgo? baia baia baia jaja mentira, pero en mi caso preferi descargar brave.

Para actualizar en Fedora/CentOS/RedHat es:
sudo dnf update -y

tambien:
sudo yum update -y

saludos

¡¡Una explicación sencilla y práctica!!

No estoy seguro de porqué menciona que se instala Chrome y DevTools si en realidad se está instalando la versión estable pero de cualquier forma ya tengo la versión Dev de Firefox y Chrome.

He usado google chrome en todos mis estudios de Platzi, más adelante he de probar Firefox y Brave, aunque los que estan basados en Chromium son basicamente iguales

Que es DevTools?

Instalación del navegador y sus DevTools 6/17

  • Extensión .dev para paquetes de Ubuntu
  • Se descarga, se ejecuta el archivo con doble clic, se abre la tienda de Ubuntu Software y se instala
  • Se puede establecer como navegador predeterminado en Settings → Default Applications
  • Con clic derecho → Inspect Podemos ver DevTools

Mi computador literalmente era una papa. Y linux lite lo convirtio en una maquina para desarrollo 😄

sudo apt install google-chrome-stable

Para poder instalarlo desde la terminal 😄 a mi se me hace mas facil 😃

Las extensiones de Chrome también soy muy útiles para el desarrollo, utilizo ColorZilla para tomar colores en rgb de los sitios web y también React Dev Tools ára desarrollo

Entendido

Para empezar en el mundo de Linux, compré una Raspberry Pi 4 y he amado este primer acercamiento a este OS. La distro de Debian que trae, viene por defecto con Chromium y es igual al de Google. Si quieren ensayar consola, instalar algunas distros y dañar el OS, una Raspberry es una buena opción XD

El Chrome DevTools (Inspector de elementos por sus siglas en inglés) es una herramienta de desarrollo integrada en el buscador de Chrome para diagnosticar posibles problemas o errores. También permite testear las modificaciones mínimas para ser visualizadas en pantalla en tiempo real.

Para utilizar DevTools, haz clic con el botón derecho en cualquier parte de la página y seleccionar “inspeccionar elemento”. Se abrirá un panel completamente nuevo en tu navegador que muestra todos los activos utilizados en esa página.

Instalamos unas dependecias
sudo pacman -S base-devel
Sudo pacman -Sy
sudo pacman -Sy git

Instalando el programa

buscar en google el programa que deseas instalar 
![web.png](https://static.platzi.com/media/user_upload/web-524e4c71-ee01-4e77-a934-9e2b95d52b5d.jpg)

git clone clonar el programa en la pagina web que entremos nos dara el link a clonar
https://aur.archlinux.org/visual-studio-code-bin.git 

![git.png](https://static.platzi.com/media/user_upload/git-b2168109-a757-4224-ace7-55aacb5d54e5.jpg)

entrar a la carpeta que se clono por ejemplo visual-studio-code
dentro de la carpeta ejecutar  makepkg -s

ejecutar este comando 
nota: si instalaras otros programas simplemente mira la extencion del archivo pkg.tar.zst

sudo pacman -U visual-studio-code-bin-1.52.1-1-x86_64.pkg.tar.zst

actualizar
sudo pacman -Syyu

muy bien explicado el video

Les recomiendo Ubuntu, Fedora es muy sensible a cambios en librerias o instalaciones van tardar horas en arreglarlo, si eres nuevo en linux mejor no te metas en Archi linux es para personas que ya tienen suficientes conocimientos en linux. Mejor usen Ubuntu si quieren estabilidad, compatibilidad y soporte. “No me importa que se enojen los de fedora” es la verdad fedora se esta quedando atras en soporte y estabilidad.

Gracias!

Me encanta el formato del curso con los ventana pequeña

DevTools