LogoLogo
  • 🦋Bienvenid@s a la Metamorfosis de Angular 🦋
  • Sobre mí 👩‍💻
  • Nivel 0 - Oruga
    • 🐛Bienvenid@s 🐛
    • 👩‍💻 Introducción a la programación 👩‍💻
    • ⚙️ Herramientas ⚙️
    • 🕸️ Introducción a la Web🕸️
    • 📄¿Qué es HTML? 📄
    • 🎨¿Qué es CSS? 🎨
    • 📄Ejercicio HTML & CSS 🎨
    • 🧠¿Qué es JavaScript? 🧠
    • 💡Practiquemos JavaScript 💡
    • 🤓¿Qué es TypeScript? 🤓
    • 🅰️ ¿Qué es Angular? 🅰️
    • 🧐Conceptos Básicos en Angular 🧐
    • 🏗️ Nuestra primera aplicación en Angular 🏗️
    • 👩🏻‍🎓 Reto en Angular 👩🏻‍🎓
  • Nivel 1 - Crisalida
    • 🐚Bienvenid@s 🐚
    • 🗺️ Elementos de la Web 🗺️
    • ⚙️ Herramientas ⚙️
    • 🤓TypeScript 🤓
    • 🅰️ ¿Qué es Angular? 🅰️
    • ✨Conceptos de Angular ✨
    • ⌛Hagamos una aplicación en Angular⌛
    • 👩🏻‍🎓 Reto en Angular 👩🏻‍🎓
  • Nivel 2 - Mariposa
    • 🦋Bienvenid@s 🦋
    • 🕸️Elementos de la Web🕸️
    • ⚙️Herramientas⚙️
    • 🤓TypeScript 🤓
    • 🅰️ ¿Qué es Angular? 🅰️
    • ✨Conceptos de Angular ✨
    • ⌛Hagamos una app en Angular⌛
    • 👩🏻‍🎓 Reto en Angular 👩🏻‍🎓
Con tecnología de GitBook
En esta página
  • Editores de código o texto
  • Manejador de versiones
  • Otras Herramientas

¿Te fue útil?

  1. Nivel 0 - Oruga

⚙️ Herramientas ⚙️

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

Anterior👩‍💻 Introducción a la programación 👩‍💻Siguiente🕸️ Introducción a la Web🕸️

Última actualización hace 4 años

¿Te fue útil?

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.

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! 😎

Manejador de versiones

Otras Herramientas

Podemos seguir esta guia para aprender como usar stackblitz.

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 , te recomiendo descargarlo e instalarlo en tu computadora de acuerdo a tu sistema operativo.

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á .

Podemos seguir la siguiente guia para crear nuestra cuenta en github:

Para hacer la instalación de Angular, de manera local en nuestras computadoras, necesitaremos tener instalado (es un entorno en tiempo de ejecución multiplataforma) y un manejador de paquetes como (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 y en el caso de MacOS, pueden usar terminal o . Para linux, dependiendo del paquete de distribución existen muchas opciones ().

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

https://ngchallenges.gitbook.io/project/guias-utiles/stackblitz
Codepen
Visual Studio Code
Github
https://ngchallenges.gitbook.io/project/guias-utiles/github
node.js
npm
cmder
iterm
Terminator
Chocolatey
homebrew
Stackblitz