¿Qué es Angular?
Angular es un framework de desarrollo web de código abierto desarrollado y mantenido por Google. Se utiliza para construir aplicaciones web de una sola página (Single Page Applications o SPAs) y aplicaciones móviles híbridas utilizando tecnologías web como HTML, CSS y JavaScript.
Angular está basado en el patrón de arquitectura de software Modelo-Vista-Controlador (MVC) y utiliza un lenguaje de plantillas declarativo para definir la estructura de la interfaz de usuario de la aplicación. También incluye una serie de características útiles para el desarrollo web, como la inyección de dependencias, el enrutamiento, la validación de formularios y la animación.
Algunas de las ventajas de Angular son su alta escalabilidad y la capacidad de realizar cambios dinámicos en la interfaz de usuario sin necesidad de recargar la página. Además, Angular es ampliamente utilizado y cuenta con una gran comunidad de desarrolladores, lo que hace que sea fácil encontrar recursos y soluciones a los problemas comunes.
¿Qué es node JS?
Node.js es un entorno de tiempo de ejecución de JavaScript que permite ejecutar código JavaScript en el lado del servidor. Fue desarrollado en 2009 por Ryan Dahl y está construido sobre el motor V8 de JavaScript de Google, que también se utiliza en el navegador Google Chrome.
Node.js proporciona un conjunto de módulos y bibliotecas preconstruidos que pueden ser utilizados por los desarrolladores para crear aplicaciones web escalables y de alto rendimiento. Con Node.js, los desarrolladores pueden escribir código tanto del lado del cliente como del lado del servidor utilizando un lenguaje de programación común, lo que simplifica el proceso de desarrollo y mejora la eficiencia.
Además, Node.js tiene un modelo de E/S sin bloqueo, lo que significa que el proceso no se detiene mientras espera que se complete una operación de E/S. Esto permite que Node.js maneje múltiples solicitudes simultáneamente de manera eficiente, lo que lo convierte en una excelente opción para aplicaciones en tiempo real y escalables.
Instalar Angular
Paso 1. Instalamos Node.js
Lo primero para instalar Angular, nos descargamos e instalamos Node.js. A poder ser descargaremos la versión LTS (Son las siglas de Long Term Support, que viene a significar Soporte a Largo Plazo).
Para comprobar que ya tenemos instalado Node.js, tenemos que abrir nuestra terminal (si utilizamos Windows, consola con Win+R y escribimos cmd):
Escribimos el siguiente comando:
node -v
Paso 2. Instalamos Angular
En la propia consola, ejecutamos el siguiente comando:
npm install -g @angular/cli
Para comprobar que ya está instalado Angular Cli (Command Line Interface), y conocer su versión, vamos a ejecutar el siguiente comando:
ng version
Paso 3. Creamos un proyecto basado en Angular
Una vez que la instalación esté completa, puedes crear un nuevo proyecto de Angular ejecutando el siguiente comando en la terminal:
ng new lacodigoteca
Nos pregunta si queremos añadir el routing de Angular, indicamos que si (Y).
Nos pregunta si queremos utilizar algún preprocesador de CSS (SASS,SCSS…), podemos elegir el que nos convenga, en mi caso utilizaré SCSS y pulsamos a INTRO.
Al terminar la instalación es posible que nos indique algun warning. En este caso es debido a si utilizamos control de versiones, mas bien conocido como GIT. Para resolver esos warnings, podemos ejecutar este comando:
git config --global core.autocrlf false
Paso 4. Ejecutamos el proyecto de Angular
Una vez que el proyecto esté creado, ingresa al directorio del proyecto ejecutando el siguiente comando:
cd lacodigoteca
Finalmente, ejecuta el servidor de desarrollo de Angular con el siguiente comando:
ng serve
Este comando compilará y ejecutará el proyecto en un servidor local en el puerto 4200. Ahora puedes abrir tu navegador web y acceder a http://localhost:4200 para ver tu aplicación de Angular en acción.
¡Listo! Ahora estás listo para comenzar a desarrollar tu aplicación de Angular.
¿Te ha gustado este artículo?
Aquí te dejamos un enlace a la categoría de Angular, por si quieres añadir utilidades a tus componentes 😉