Angular es un framework de Javascript que permite crear reactive single page applications (SPAs), pero ¿qué es una single page application?, Es una aplicación en la que puedes navegar y verás en la url que son páginas diferentes pero es solo un archivo html.
Javascript es más rápido que muchos frameworks como JSF or Struts ya que no necesita hacer una petición al servidor por cada cambio que se quiere hacer a la pagina, en dado caso que necesite alguna información del lado del servidor la puede realizar de modo asíncrono sin interrumpir la navegación del usuario actualizando solo en componente del dom que se desea.
¿Qué versión de Angular utilizar (Angular 1, Angular 2 o Angular 4)?
Existen varias versiones de Angular JS así que definamos cada una de ellas:
- Angular 1 = Fue la primera versión de Angular JS y fue liberada un par de años atrás. Permitiendo por primera vez escribir reactive applications, lo cual lo hizo muy popular.
- Angular 2 = Angular 2 es un framework completamente nuevo ya que fue re escrito completamente y es el futuro de angular. Fue liberado aproximadamente un año atrás (así que si ya sabes Angular 1 olvida todo lo que sabes e inicia de nuevo :D).
- Angular 3 = Es una actualización a Angular 2, pero, ¿Por qué no llamarlo Angular 3 ? (La versión 3 se saltó debido a un conflicto interno en el versionamiento)
Instalando Angular
Para instalar angular utilizando la línea de comandos debemos seguir los siguientes pasos:
- Instala u actualiza tu versión de node js, para esto ve a http://nodejs.org descarga e instala la versión más reciente. En estos ejemplos no es necesario utilizar nodejs para crear algún tipo de backend, solo se descargará porque la CLI lo requiere.
- Actualiza la CLI con
npm uninstall -g angular-cli @angular/cli npm install -g @angular/cli
Creando nuestro primer proyecto
Una vez que tenemos instalado Angular y nodejs el siguiente paso es crear nuestro proyecto, para hacerlo seguiremos los siguientes pasos:
ng new angular-js-example cd angular-js-example ng serve
Con los pasos anteriores se creará un proyecto angular y se iniciará un servidor de desarrollo, una vez que los comandos anteriores se ejecutaron correctamente podremos acceder a la url http://localhost:4200/ y ver la aplicación que hemos creado:
Si se desea ejecutar el servidor en un puerto diferente es posible ejecutar:
ng serve --port 8080
Autor: Alejandro Agapito Bautista
Twitter: @raidentrance
Contacto:raidentrance@gmail.com
devs4j 