⚙️ Herramientas ⚙️

Existen una serie de herramientas que nos permiten a los desarrolladores poder desempeñar nuestra labor correctamente.

En el desarrollo de software existen una cantidad de herramientas que nos permiten crear código, mantener, almacenarlo por versiones, y nos permiten empaquetarlo.

En esta sección detallaremos las herramientas que vamos a usar para crear nuestras aplicaciones online o localmente en nuestras máquinas.

Editores de código o texto

Un editor de código o de texto, es un programa que nos permite en el crear nuestras lineas de código. Un bloc de notas nos puede servir como un editor de texto, aunque existen programas más especializados que dependiendo del lenguaje nos mostrará nuestro código por colores, incluso podrá mostrarnos nuestros errores al ejecutar incorrectamente alguna palabra clave de nuestro lenguaje.

Y estos más especializados los llamamos IDE (Integrated Development Environment) o Entorno de Desarrollo Integrado. Los IDE tienen un editor de texto, ademas tienen algunas funciones avanzadas como autocompletar el código, se puede integrar con sistemas de control de versiones, algunos pueden simular dispositivos y pueden gestionar la conección con la base de datos.

Usaremos de manera online: Stackblitz y Codepen, te recomiendo registrarte en ambas páginas, para que puedas tener la colecciones de tus aplicaciones o páginas Web y puedas acceder a ellas en cualquier momento.

Stackblitz es un IDE en la nube que te permite crear aplicaciones Web. Eso quiere decir que ¡no tienes que instalar nada para crear tu aplicación! 😎

Podemos seguir esta guia para aprender como usar stackblitz. https://ngchallenges.gitbook.io/project/guias-utiles/stackblitz

Codepen es una herramienta de prototipado rápido y prueba de fragmentos de código. Solo necesitas acceder a la url de codepen y tendrás un espacio, donde podrás incluir tus líneas de HTML, CSS y JS.

De manera local en nuestras máquinas usaremos Visual Studio Code, te recomiendo descargarlo e instalarlo en tu computadora de acuerdo a tu sistema operativo.

Manejador de versiones

Para que no tengamos la necesidad de por cada cambio que hagamos en nuestro código y tener ese paso a paso, guardado en algun lugar, evitandonos crear multiples carpetas por versiones como lo haciamos cuando creabamos documentos en sus multiples versiones, existen unas aplicaciones que nos ayudan a manejar el versionamiento, y la que usaremos será Github.

Podemos seguir la siguiente guia para crear nuestra cuenta en github: https://ngchallenges.gitbook.io/project/guias-utiles/github

Otras Herramientas

Para hacer la instalación de Angular, de manera local en nuestras computadoras, necesitaremos tener instalado node.js (es un entorno en tiempo de ejecución multiplataforma) y un manejador de paquetes como npm (Node Package Manager o simplemente npm es un gestor de paquetes). Te recomiendo instalarlos de acuerdo a tu sistema operativo.

Para ejecutar ciertos comandos es necesario hacer uso de la terminal. Para aquellos que tengan visual studio code, puede usar la terminal que esta tiene integrada, o en el caso de que tengas Windows, puedes usar cmder y en el caso de MacOS, pueden usar terminal o iterm. Para linux, dependiendo del paquete de distribución existen muchas opciones (Terminator).

Otra herramienta útil en windows es el manejador de paquetes Chocolatey, que seria el equivalente a homebrew en MacOS.

Última actualización