Entorno de trabajo del desarrollador web

En este manual abordamos distintas herramientas que pueden formar parte del entorno de trabajo del desarrollador web.

Encontrarás programas y sistemas que como desarrollador web deberías conocer. Explicamos cómo usar estas herramientas, configurarlas, para crear tu entorno de trabajo del día a día.

Hay en este manual un poco de todo, desde programas de edición de código, acceso por terminal, herramientas que nos permiten optimizar tareas diarias y recurrentes, como la optimización de un sitio web, testing, diseño, etc.

Pero ojo, no queremos decir que todo lo que vayas a encontrar en este manual lo debas de usar, puesto que debes centrarte en las herramientas a las que tú les obtengas la utilidad, y las que se adapten a tus gustos. Tampoco queremos que se entienda que todas las herramientas que dispones están comprendidas aquí, ya que este mundo es enorme y existen miles de utilidades que sería imposible de concentrar en un solo manual.

Por último decir que el Manual del Entorno de Trabajo del Desarrollador es un manual histórico, es decir, un manual que se ha escrito a lo largo de muchos años. Por ello hay algunas utilidades y referencias que no tienen por qué ser las mejores, pues el software pasa de moda, al llegar nuevos programas con nuevas características, pensados para adaptarse mejor a las corrientes actuales. Es siempre bueno estar atento a las cosas que van apareciendo.

Ver los capítulos

Si te parece útil este manual ayúdanos compartiendo!! :)

Descargar como libro electrónico

Este texto 'Entorno de trabajo del desarrollador web' se encuentra disponible para descarga como libro electrónico. Ideal para imprimir o leer en el ordenador personal, dispositivos y eReaders.

Puedes acceder a través de la App de DesarrolloWeb.com

Editores de código

Sin duda, la herramienta más fundamental de cualquier desarrollador es el editor de código. Existen decenas de editores fantásticos para trabajar y cada uno tiene sus ventajas e inconvenientes, aparte de adaptarse mejor a unas u otras tecnologías. Comenzaremos por esta parte, aunque tenemos que advertir que es imposible ver todos los editores que pueden ser recomendables y que, al final, el que debe decidir si un editor es bueno o no, eres tú mismo.

1.- Conociendo Sublime Text 2

Grabación del programa #devIO sobre el editor Sublime Text 2, paquetes, personalización, lint automático y mucho más para que comiences a conocer las posibilidades del programa y aprendas cómo configurarlo.

2.- Plugins y configuraciones esenciales para Sublime Text

Apuntes sobre la configuración de Sublime Text y los plugins más imprescindibles para comenzar a usar el editor en mejores condiciones. Son los tips estrictamente necesarios, ideales para cualquier área del desarrollo.

3.- Configuración de Less en Sublime Text 2

Vemos paso a paso como configurar nuestro sublime text 2 para poder compilar código en Less.

4.- Cloud9 IDE de desarrollo online

Os hablamos de un entorno de desarrollo online llamado Cloud9 que nos permite no solo editar código como también administrar un servidor virtual.

5.- Videotutorial de Komodo Edit

Vídeo donde mostramos cómo descargar e instalar Komodo Edit y cómo usarlo para editar archivos, crear proyectos, instalar extensiones y configurar distintos aspectos del programa.
Navegadores y sus extensiones

Obviamente, los desarrolladores deben contar con un buen abanico de navegadores con los que probar sus desarrollos. Son todos importantes y cada uno desarrollará principalmente con uno u otro. Aquí hablaremos de algunas extensiones y usos de los navegadores que te podrán interesar.

6.- 10 Razones por las que usar el navegador Mozilla Firefox

Hablar del navegador Mozilla Firefox, es hablar de un software que te ofrece el poder hacer las cosas más fácilmente y de una forma más eficaz que con cualquier otro.

7.- Introducción a las Developer Tools de Internet Explorer

Descubriendo las Developer Tools de Internet Explorer 9, cómo usar estas extensiones para desarrolladores y sus principales características útiles.

8.- Web Developer, extensión para Firefox

Hablamos sobre una popular extensión para Firefox, que contiene numerosas herramientas y ayudas para desarrolladores del web.
Herramientas para desarrollo backend

Ahora una serie de herramientas pensadas sobre todo en los desarrolladores backend, es decir, en los que programan con lenguajes del lado del servidor, para acceso a base de datos y otros recursos de servidores remotos.

9.- SMTP server falso, alternativa para probar el envío de email

Soluciones útiles cuando quieres probar el envío de email desde tus desarrollos en local, pero no tienes un servidor SMTP configurado en tu ordenador personal.

10.- Accede a virtualhost desde cualquier dispositivo de la red local

Te explicamos Xip.io la magia que te permite acceder a un virtualhost que tengas tu servidor local desde cualquier otro ordenador o dispositivo de tu red para testing.

11.- Qué es Vagrant, cómo trabajar con Vagrant

Cómo trabajar con Vagrant, el sistema para crear entornos de desarrollo profesionales, programas a instalar y procedimientos a realizar para crear un servidor perfectamente configurado.
Para desarrolladores frontend

Algunas herramientas esenciales para los que se dedican al desarrollo del lado del cliente. Es decir, a la parte estética de un sitio web, el contenido con HTML, el estilo con CSS y la funcionalidad con Javascript del lado del cliente.

12.- Introducción a Bower

Conoce y aprende a usar Bower, el gestor de dependencias para el desarrollo web frontend que te facilitará la tarea de instalar y mantener al día librerías y frameworks en tus proyectos.

13.- Crear un package en Bower

Cómo crear y compartir un package en Bower, de modo que se pueda instalar y mantener con el gestor de dependencias.
Otras herramientas diversas para desarrolladores

Ahora vamos con un listado de herramientas diversas que debes también conocer, o tutoriales para el mejor uso y personalización de utilidades esenciales para desarrolladores. Clientes de FTP, terminales de línea de comandos, etc.

14.- Cómo instalar Filezilla, el cliente de FTP

Videotutorial para mostrar cómo se instala Filezilla, el popular cliente de FTP, gratuito y de código libre. Además veremos cómo configurar sitios FTP para la transferencia de ficheros a un servidor web.

15.- Configuración de terminal con Bash-it / iTerm2

Cómo realizar la configuración de tu terminal de línea de comandos con Bash-it, que ofrece múltiples posibilidades de personalización muy recomendables.

16.- Transferir archivos con SCP por SSH

Cómo enviar archivos desde un ordenador a un servidor remoto y viceversa, usando una transferencia segura por medio de SSH con el comando SCP.

17.- Convertir en masa archivos a UTF-8

En este artículo vamos a ver varias herramientas y procedimientos para convertir en masa todos los archivos de un proyecto y pasar a usar la codificación de caracteres UTF-8.

18.- Cómo tener Internet Explorer, Edge y Windows dentro de Mac OS X o Linux

En este artículo te enseñamos a conseguir ejecutar dentro de tu Mac OS X, o Linux, los navegadores Internet Explorer o Edge, así como el propio Windows, por medio de una virtualización con Virtualbox e imágenes gratuitas.

19.- Instalar y usar MailHog, en Mac. Configurar PHP

Cómo instalar MailHog, para atrapar el correo saliente de aplicaciones web y cómo configurarlo en PHP y Laravel.

Compartir