Angular 2. Entrega 1. Configurando el entorno de desarrollo

Vamos a intentar aprenderAngular 2, que es la moda del momento. Ja veremos si el futuro nos aconseja este camino. Para la plataforma y gestion de paquetes hace falta nodej y npm. Como empaquetadores de proyectos están: Grunt, Gulp, Webpack y Broccoli. En Angular han apostado por Webpack.

1. Elección de Atom como editor.

Elegimos Atom ya que es de software libre y no nos va acostar nada esta prueba. Para instalarlo, podemos descargarlo de su url. También podríamos utilizar Visual Studio. Pero de momento descartamos esta última opción.

2. Instalar.módulo de Typescript en Atom.

Siguiendo las indicaciones de Denis Vuika, procedemos a la pestaña de Settings y el punto donde pone Install y le indicamos atom-typescript y le damos al boton package, e install.

3. Instalar Nodej y Git

Una vez se ha instalado, hay instalar también  nodej y git, descargandolo de sus respectivos enlaces.Nodej es importante ya que tiene el instalador npm.

4. Añadir los siguientes componentes a Atom: linter, editorconfig y file-icons

Para ello ejecutamos en una sesión de terminal como administrador (si estamos en Linux, hay que prefijar el sudo):

para linter

npm install https://github.com/steelbrain/linter

para editorconfig:

npm install https://github.com/sindresorhus/atom-editorconfig

para file-icons

npm install https://github.com/DanBrooker/file-icons

5. Angular CLI

Ahora nos desmarcamos de Denis Vuika, y vamos a utilizar Angular CLI. Para ello, vamos a una sesion del sistema como administrador y ejecutamos (si estamos en Linux, hay que prefijar el sudo)

npm install -g angular-cli

y para ver que funciona hacemos

ng --help

6. Características de Angular 2 

Según Micael Gallego, Angular 2 tiene las siguientes funcionalidades.

1. Inyector de dependencias
2. Servicios
3. Cliente HTTP (Rest API)
4, Navegación por la app (Routers)
5. Animaciones
6. Internacionalización
7. Soportes para test unitarios y e2e
8. Libreria de componentes (Material design)
9. Renderizacion en el servidor

Y matizar que ya no existe el $scope