Icon 100x60 angular js AngularJS

en JavascriptAngularAngularjsJavascript frameworkFrameworks

Framework javascript para hacer aplicaciones del lado del cliente de forma rápida y eficaz

AngularJS es un magnífico framework para crear aplicaciones Javascript que se ejecutan en el navegador. Una de sus mayores virtudes es que permite desarrollar potentes aplicaciones con muy poco código y facilitar el testing de la misma aplicación.

Veamos un ejemplo rápido. Copia y pega este código en un archivo HTML y ábrelo en el navegador.

1
2
3
4
5
6
7
8
9
10
11
12
13
<!doctype html>
<html ng-app>
  <head>
    <script src="http://code.angularjs.org/angular-1.0.0rc10.min.js"></script>
  </head>
  <body>
    <div>
      <label>Texto:</label>
      <input type="text" ng-model="texto" placeholder="Escribe cualquier texto aquí">
      <h1>{{texto}}</h1>
    </div>
  </body>
</html>

AngularJS está basado en el patrón de diseño MVC (Model, Vista, Controlador). Una de sus mayores particularidades es la capacidad de actualizar la vista automáticamente cuando cambia el modelo y viceversa. Haciendo innecesaria la manipulación del DOM de la página. Este proceso se llama databinding y consiste en sincronizar la información con el elemento en que se muestra de forma automática y de manera que si se altera la información, el cambio se refleje también en el elemento HTML.

Para aprender como funciona el framework, lo más recomendable es empezar con el tutorial de la página oficial que podéis encontrar en http://docs.angularjs.org/tutorial . Para probar los ejemplos se requiere el sistema de control de versiones GIT e instalar nodejs para instalar un servidor de testing llamado Testacular.

Prohibida la reproducción total o parcial de este artículo sin el previo consentimiento de Webtutoriales.com

Comentarios