Manual de Angular 2

Comenzamos la redacción a nuestro Manual de Angular 2, la evolución del framework Javascript más popular para el desarrollo de aplicaciones del lado del cliente.

En esta página irás viendo los artículos del Manual de Angular según los vayamos publicando a lo largo de los próximos meses.

Nuestro objetivo es recorrer las piezas principales de este potente framework y estudiar los mecanismos para el desarrollo de aplicaciones web universales con Angular 2. De momento encontrarás una estupenda introducción al desarrollo con el nuevo Angular, y abordaremos muchos más detalles en breve.

Ver los capítulos

Si te parece útil este manual ayúdanos compartiendo!! :)

Descargar como libro electrónico

Este texto 'Manual de Angular 2' se encuentra disponible para descarga como libro electrónico. Ideal para imprimir o leer en el ordenador personal, dispositivos y eReaders.

Puedes acceder a través de la App de DesarrolloWeb.com

Introducción al desarrollo con Angular 2

En esta primera parte del manual vamos a dar los primeros pasos para desarrollar aplicaciones con Angular 2. Veremos cómo crear el esqueleto de la aplicación básica y conoceremos los principales componentes de todo proyecto.

1.- Introducción a Angular 2

Qué es Angular 2. Por qué se ha decidido escribir desde cero el popular framework Javascript y qué necesidades y carencias resuelve con respecto a su antecesor.

2.- Angular CLI

Qué es Angular CLI, el intérprete de línea de comandos de Angular 2 que te facilitará el inicio de proyectos y la creación del esqueleto, o scaffolding, de la mayoría de los componentes de una aplicación Angular.

3.- Análisis de las carpetas de un proyecto básico con Angular 2

Angular 2 exige un marco de trabajo más concreto y avanzado. Vemos los archivos y carpetas que nos hacen falta para comenzar un proyecto básico.

4.- Zambullida en el código del proyecto inicial de Angular 2

Comenzamos a analizar el código de un proyecto básico con Angular 2, generado con Angular CLI. Prestamos atención a SystemJS, el index de la aplicación y al componente principal, que podremos editar para comprobar el funcionamiento.

5.- Introducción a los componentes en Angular 2

Un primer acercamiento al mundo de los componentes en Angular 2, a través del componente inicial que se crea en todo nuevo proyecto. Aprenderás a reconocer sus partes y realizaremos unas modificaciones.

6.- Sintaxis para las vistas en Angular 2

Expresiones, binding, propiedades, eventos. Son muchas cosas las que podemos expresar en las vistas HTML de las aplicaciones Angular 2. Te ofrecemos una introducción general.
Los componentes en Angular2

Abordamos el desarrollo basado en componentes con todo detalle. Es la pieza más importante de Angular 2 que nos permitirá no solo estructurar una aplicación de una manera ordenada, sino encapsular funcionalidad y facilitar una arquitectura avanzada y de fácil mantenimiento de los proyectos Javascript con la nueva versión de AngularJS.

7.- El concepto de los componentes en Angular 2 y su arquitectura

Qué es un componente para Angular 2 y cómo usaremos los componentes para realizar la arquitectura de una aplicación.

8.- Decorador de componentes en Angular 2

Qué es un decorador de componentes, qué función tiene y cómo se implementa en un componente básico de Angular 2.

9.- Crear un componente nuevo con Angular 2

En este artículo te vamos a enseñar a crear un nuevo componente con Angular CLI y luego a usarlo en tu aplicación Angular 2.

10.- Usar un componente en Angular 2

Cómo se usan componentes creados por nosotros en Angular 2, una tarea que si bien es sencilla requiere de varios pasos.

11.- Directiva ngClass en Angular 2

Estudio de la directiva ngClass de Angular 2, ejemplo práctico de un componente que usa esa directiva.

12.- Directiva ngFor de Angular 2

Explicamos la directiva ngFor, o *ngFor, que nos permite repetir una serie de veces un bloque de HTML en aplicaciones Angular 2.

Compartir

Comentarios

Serpico

06/7/2016
Excelente introducción a Angular 2
Gracias a Desarrollo Web por estar siempre actualizados con las nuevas herramientas.

Manolo

15/7/2016
Comenzando el manual de Angular 2
Fantástico chicos! estoy comenzando con Angular 2, me vendrá muy bien este manual.

Lucas Vazquez

03/8/2016
Imprimir
Me gustaría imprimir este manual de AngularJS 2.

Pablo Junior Almonte

30/8/2016
Descarga de manual
muy buen manual.. existe algun pdf del manual?? para descargarlo y llevar lo conmigo.

erama

07/9/2016
GRACIAS!
Solo eso!, gracias por generar y compartir conocimiento

Gerardo Andres Gutierrez Rodriguez

12/9/2016
Despliegue en ambientes productivos.
Hola quisiera saber como se le hace para desplegar una aplicación ya terminada usando angular cli en un ambiente productivo usando un servidor nginx

midesweb

23/9/2016
Descarga del manual en la APP
Hola!
Este manual ya se puede descargar. Está disponible en la App de DesarrolloWeb.
https://app.desarrolloweb.com/manuales/manual-angular2

David Rivero

26/9/2016
No he podido descargar
Intente descargar este manual por medio de la app y no me lo permite, me dice que no puede verificar mis descargas restantes, aun no he descargado nada, me urge este manual. Gracias Miguel y Alberto por este y otros recursos y saludos desde Venezuela.

Alex

29/9/2016
descargas
Buenos días en mi perfil en al zona de descargas me pone que tengo 192 descargas restantes pero entro para descargar el manual y me dice que vaya a la nueva plataforma peor ahi no puedo ingresar con las mismas credenciales como puedo hacer???

midesweb

09/10/2016
para descargar el manual de angular 2
El fallo al descargar, por no poder obtener descargas restantes, lo hemos resuelto en la App. Si no te funciona es mejor que nos escribas un email.

Para Alex, los sistemas de descarga son independientes. También mejor que me escribas y poder traspasarte algunas descargas de manuales. Yo soy miguel@desarrolloweb.com

Choni

08/1/2017
Sobra esta app
Bueno amigos, creo q el sitio esta muy bueno, pero no se por que la app no funciona, quiero descargarse el manual de angular 2 y la app no me funciona bien, ni desde móvil ni pc, quisiera si esta a sus alcance un libro completo( pdf), de lo q es angular 2 con todo desde cero, con el contenido de typescript, y todo lo necesario para desarrollar web con angular 2 vengó de programar desktop con qt y c++, de ka web no se nada, mi correo choninoa@gmail.com, soy cubano, muchas gracias espero su ayuda,