programación web linux

Ubuntu como entorno de programación y diseño web – PARTE III

Continuación de la parte II del tutorial Ubuntu como entorno de programación y diseño web
Palabras claves: programación web, diseño web, entorno de desarrollo, Ubuntu, front-end developer, full-stack developer, navegadores, browsers, extensiones, plugins.
Parte I | Parte II | Parte III | Parte IV | Parte V | Parte VI | Parte VII

Navegadores

Mozilla Firefox viene instalado en Ubuntu. Las extensiones que uso para trabajar son: cssUpdater, DOM Inspector, Firebug, FireDiff, FirePHP, Flagfox, HttpFox, Wappalizer y Web Developer.
firefox developerLa versión de Firefox Aurora/mozilla-aurora es para programadores web y la tenemos que instalar manualmente descargándola de https://www.mozilla.org/en-US/firefox/developer/.  Para instalarla abrimos el directorio donde está el archivo descargado con permisos de Root:

gksudo nautilus

Clicamos con el botón derecho sobre el archivo y seleccionamos abrir con el gerenciador de archivos, luego extraemos en el directorio /opt. Ahora abrimos un terminal para crear un acceso directo a la versión developer del navegador:

vim ~/.local/share/applications/firefox_dev.desktop

Apretamos la tecla i para inserir texto y copiamos lo siguiente

    [Desktop Entry]
    Name=Firefox Developer
    GenericName=Firefox Developer Edition
    Exec=/opt/firefox/firefox
    Terminal=false
    Icon=/opt/firefox/browser/icons/mozicon128.png
    Type=Application
    Categories=Application;Network;X-Developer;
    Comment=Firefox Developer Edition Web Browser.

Para salir apretamos las teclas :wq!    
Damos permisos de ejecución al archivo creado con:

chmod + x ~/.local/share/applications/firefox_dev.desktop

Para crear un acceso directo vamos a nuestro directorio de aplicaciones /home/usuario/.local/share/applications/ (cambiamos usuario por nuestro nombre de usuario) y copiamos el archivo firefox_dev.desktop en nuestro escritorio.
Chromium es la versión libre de Google Chrome. Yo lo utilizo con los siguientes complementos: Accessibility Developer Tools, Clear Cache, Discover DevTools Companion, Emmet LiveStyle, Emmet Re:view, Wappalizer, Web Developer y Whatfont.
Para instalarlo:

sudo apt-get install chromium-browser

Microsoft Edge
Para testar nuestros desarrollos web en los navegadores privativos de Microsoft tenemos cuatro alternativas en el sitio https://developer.microsoft.com/en-us/microsoft-edge/ : Podemos bajar máquinas virtuales Virtual Box o Vagrant, testar remotamente en la nube de Microsoft, generar imágenes de nuestro desarrollo, o probarlo online si lo tenemos accesible mediante una URL.
Seguimos a: Ubuntu como entorno de programación y diseño web – PARTE IV


Comentarios

7 respuestas a «Ubuntu como entorno de programación y diseño web – PARTE III»

  1. Información Bitacoras.com
    Valora en Bitacoras.com: Tutorial Ubuntu como entorno de programación y diseño web – Parte III Palabras claves: programación web, diseño web, entorno de desarrollo, Ubuntu, front-end developer, full-stack developer, navegadores, browsers, extensi…

  2. […] I | Parte II | Parte III | Parte VI | Parte V | Parte VI | Parte […]

  3. […] I | Parte II | Parte III | Parte VI | Parte V | Parte VI | Parte […]

  4. […] Continuación de la parte III del tutorial Ubuntu como entorno de programación y diseño web […]

  5. […] I | Parte II | Parte III | Parte IV | Parte V | Parte VI | Parte […]

  6. […] I | Parte II | Parte III | Parte IV | Parte V | Parte VI | Parte […]

  7. […] I | Parte II | Parte III | Parte IV | Parte V | Parte VI | Parte […]