Primeros pasos con Angular
En este tutorial aprenderemos cuáles son los primeros pasos para comenzar a trabajar con Angular y crear nuestra primera aplicación.
¿Qué es Angular?
Angular es uno de los frameworks más utilizados hoy en día para aplicaciones del lado del cliente. Su objetivo es el desarrollo de aplicaciones Single Page (de una sola página) para escritorio y para dispositivos móviles.
Está desarrollado en TypeScript y es de código abierto. Está basado en componentes y tiene una gran cantidad de librerías bien integradas para cubrir una gran cantidad de características. Google lo creó en se encarga de mantenerlo y de sus actualizaciones y mejoras
Principales características de Angular
- TypeScript
El desarrollo en Angular se realiza principalmente con el lenguaje TypeScript, aunque también permite el uso de de EcmaScript, la mayoría de la documentación que podemos encontrar utilizan TypeScript.
TypeScript es un lenguaje basado en JavaScript pero tiene características mejoradas como el tipado estricto (Se debe indicar el tipo de cada variable) y debe compilarse para que lo pueda entender el navegador, entre otras mejoras.
- Componentes
El desarrollo de angular está basado en componentes. Un componente es un trozo de código que se puede reutilizar en toda la aplicación e incluso en otras aplicaciones.
Los compoentes web son un conjunto de Apis que permiten crear etiquetas HTML y reutilizarlas ya que funcionarán en todos los navegadores modernos.
- Estabilidad
El gran problema del desarrollo web es la cantidad de sistemas, lenguajes y frameworks que se pueden utilizar, y lo rápido que van cambiando.
Angular fue diseñado desde un principio para ser un sistema estable, es decir, que es un framework a largo plazo, para desarrollar todo tipo de aplicaciones web. Cada vez que sale una nueva versión, las incompatibilidades suelen ser mínimas, y si hay alguna, suele ser muy fácil de solucionar y siempre hay herramientas para realizar la migración de manera sencilla.
- Soporte
La comunidad que hay detrás de Angular es enorme y esto facilita el acceso a gran cantidad de documentación, ejemplos y tutoriales para que tengamos siempre donde consultar cualquier duda.
- Multiplataforma
Las aplicaciones de Angular son progresivas y se pueden ejecutar tanto plataformas de escritorio como móviles nativas. Con la unión de Ionic + Angular, los desarrolladores pueden generar aplicaciones multiplataforma.
Las últimas versiones permiten utilizarlo con NativeScript, porque brinda el acceso a las Apis para desarrollar aplicaciones para iOS y Android.
- Aplicaciones reactivas
Las aplicaciones son desarrolladas con sistemas de programación reactivas, es decir, con tiempos de respuesta rápidos y consistentes, responsive, y con intercambios de información asíncronos.
Requisitos
Los requisitos para poder trabajar con Angular son: NodeJS versión 6.9 como mínimo y NPM versión 3 como mínimo
Instalación de Angular
El primer paso es instalar globalmente en nuestro sistema operativo el cliente de Angular
npm install -g @angular/cli
Para comprobar si todo ha ido bien podemos hacerlo de la siguiente forma. Nos mostrará las versiones instaladas
ng -v
Si en las últimas líneas muestra la versión instalada significa que todo ha ido bien.
Crear nuevo proyecto con Angular
Una vez que hayamos elegido la carpeta para nuestro nuevo proyecto debemos acceder a ella desde el terminal o consola y escribir el siguiente comando
ng new nombreNuevaAplicacion