Herramientas para Desarrollo Web

En este artíuclo vamos a hablar sobre las Herramientas para Desarrollo Web que recomendamos, cabe indicar que existen varias por lo que tu elección puede ser distinta a la nuestra. Hablaremos desde editores hasta servicios en la nube.

Editores de Texto para Desarrollo Web

Existen en el mercado una multitud de editores para empezar con el desarrollo web, nosotros particularmente utilizamos VS Code y Atom, pero Sublime Text también es muy utilizado por muchas personas, a continuación la lista:

• Atom (Gratis). Un editor muy potente pero no tan rápido como VS Code o Sublime Text, cuenta con plugins instalables para muchas actividades que nos facilitan la escritura de código. Recomiendo tener una PC con buenos recursos para su uso.
• VS Code (Gratis). Un editor muy recomendado hoy en día, desarrollado y mantenido por Microsoft, es muy bueno en realidad.
• Sublime Text (Shareware). Muy rápido , cuenta con muchos complementos para el desarrollo web. Gratuito hasta que te empieza amolestar sus mensajes, muchas personas lo comprarón y no se arrepienten de ello.
• Notepad++ (Gratis). Rápido y liviano, pero con una interfaz no tan amigable como los anteriores. Incrible en la edición de archivos de gran tamaño.

Aprende sobre el manejo de estas herramientas con los siguientes cursos:

• SublimeText, Sé más productivo y desarrolla más rápido.
• Atom, el editor de código fuente para los desarrolladores.

Conoce sobre las Herramientas de Desarrollo para trabajar en tus proyectos. Share on X

Git, GitLab, GitHub.

¿Git también sirve para hacer código?, No, pero realmente sirve como complemente a nuestro trabajo.

Git es un sistema de control de versiones para verificar cambios en los archivos de nuestra PC, coordina estos cambios entre diferentes personas de un mismo equipo de trabajo. Es utilizado especialmente para el control de versiones de códgio fuente en el desarrollo de software. En general sirve para llevar el control de cualquier archivo o archivos. – Wikipedia.

Muchas personas en un inicio no se familiarizan con el uso de Git, pero cuando lo van utilizando día a día sedan cuenta que ya no pueden vivir sin el. Te permite realizar la colaboración con otros desarrolladores. Es de gran ayuda para el control de versiones en el proyecto de desarrollo web en el que te encuentres trabajando.

GitLab y GitHub, son servicio en la nube que ejecutan Git. Su principal trabajo es el de mantener un repositorio que mantienen la copia de seguridad de las confirmaciones de Git, y versiones de nuestro archivos en un lugar seguro y accesible.

GitLab.com es una startup que ofrece su servicio de forma gratuita, y esta en un rápido crecimiento.

GitHub, uno de los servicios mas solicitados por empleadores ya que permite exponer trabajos de desarrollo. Permite compartir su código con amigos, equipo de trabajo y público en general. Tiene un modelo diferente a GitLab, gratis pero con ciertas restricciones.

Existen otros servicios similares, por ejemplo tenemos a Bitbucket, muy popular en un principio antes de la salida de GitLab.

Si deseas ser un experto en Git+GitHub y control de versiones te recomendamos estos cursos:

• Git + GitHub: Todo un sistema de control de versiones de Cero.
• Git y GitHub Completo de Cero.
• Curso de Git y la Terminal de comandos.

Terminales

Si pensabas que el desarrollo web era puramente visual, pues te equivocas, es necesario conocer algo del manejo de comandos, detrás de cada herramienta visual existe un terminal de comandos que nos acompaña para ciertos trabajos en nuestros proyectos de desarrollo web.

• Para Mac, tenemos al predeterminado a su propia Terminal.
• En Windows su programa predeterminado se llama PowerShell, aunque existen otras alternativas como el Git Bash o el Bash de Ubuntu para Windows.
• Para el caso de Linux tenemos al Bash.

Cada uno de estos terminales nos permiten ejecutar comandos para la creación de proyectos con algunos frameworks de desarrollo web, actividades propias del sistema operativo, o incluso para el manejo de Git.

Codepen.IO

https://codepen.io/, es un editor para desarrollo web front end interactivo.

No permite escribir código HTML, CSS y JavaScript, y poder ver los resultados en tiempo real en la misma interfaz. Es un servicio gratuito para su uso básico. El plan básico lo consideramos suficiente para proyectos personales.

BrowserStack

Necesitas probar tu aplicación web en diferentes navegadores como Internet Explorer, Safari o Chrome, que tal si también lo pruebas en navegadores de dispositivo como iPhone, Android, Tablets, etc., BrowserStack te permite hacer ese tipo de pruebas.

Webpack

Es un pequeño paquete que nos permite agrupar todas nuestras tareas frontend juntas. Gulp, SASS, lo que sea.

No permite monitorear cualquier cambios en archivos .scss y automáticamente recompila los archivos SASS, produciendo un archico .css comprimido.

Npm, Composer y PIP

Todas son herramientas de administración de dependencias. NPM nos ayuda con los paquetes de Node, Composer con los paquetes y Frameworks en PHP y PIP con las dependencias de Python.

Personalmente utilizo en la actualidad NPM y Composer, ya que son entornos para el desarrollo en los cuáles trabajamos.

Ubuntu

Ubuntu es una distribución basada en el sistema operativo Linux. Todos los servidores en los cuáles pruebo mis proyectos están en Ubuntu, tengo amigos que casi todos utilizan Ubuntu.

Es ofrecido por servicios Cloud VPS, como Amazon, Digital Ocean o Azure. También existen otras distribuciones de Linux pero recomendamos Ubuntu por el siguiente motivo: “existe mucha información en internet sobre esta distribución”.

• Aprende Ubuntu Server.
• VPS Seguro con Ubuntu Server.

TinyPNG

Uno de los complementos cuando trabajamos en proyectos de desarrollo web, es el uso de imágenes. Es recomendable comprimirlas sin perder mucha calidad. Para ello recomendamos TinyPNG, este servicio nos ayuda a reducie hasta en un 80% el tamaño de la imagen.

Recuerde que uno de los factores para posicionarse hoy en día en los buscadores es la velocidad de carga, es por ello que debe reducir las imágenes de su sitio web para que logre un buen posicionamiento.

Palabras finales

Estas fueron en forma general las herramientas que utilizamos para desarrollo web, estamos seguro que a lo mejor conoces otras que estaremos obviando.

Si piensas que este articulo es útil, probablemente también sea útil para otras personas. Por favor considera compartirlo en tus redes sociales, o en tus grupos de Facebook.

También puedes seguirnos en Twitter.