Mundo Angular

Angular es un framework de Javascript el cual es código abierto, su objetivo es aumentar las aplicaciones basadas en navegador con capacidad de Modelo Vista Controlador (MVC). Realmente es mucho más fácil entenderlo, manejarlo y ponerlo en practica. Una de las cosas que me gusta es que todo lo hace en tiempo real y hay que esperar a que se produzca un resultado sino que lo hace automáticamente.
Sin nada más que decir le dejare un ejemplo sencillo de como hacer uno también gracias a la ayuda de la pagina "w3schools.com" Enlace. En este ejemplo es como inicializar variables y luego utilizarlas, hice mis propios cambios para que puedan ver como se pueden manipular la información.
Les coloco las imagenes del mi pagina HTML, CSS  y cual es el resultado final.

En la imagen 1 se muestra nuestro HTML como fue que se desarrollo. Cabe destacar que para saber que se esta trabajando Angular se tiene que agregar el tag que dice script y agregarle esa dirección o bien bajar el .js y agregarlo. Tambien se debe agregar cierto atributos a los componentes como por ejemplo en el "div"  agregamos el atributo "ng-app" y el "ng-init" para realizar este ejemplo en Angular.

 Imagen No.1

En la imagen 2 se muestra nuestro CSS que fue lo que hicimos fue al simple que no lleva ninguna complicación o problema al realizarlo.

Imagen No.2

En la última imagen se muestra cual fue el resultado de nuestro ejemplo como se logra visualizar con el CSS y la pagina unida y como desplaza los datos.

Imagen No.3