Seminario Angular JS

483 views

Published on

Seminario de Angular JS presentado por Luis Calvo en Paradigma Tecnológico el 08/02/2013

  • Be the first to comment

  • Be the first to like this

Seminario Angular JS

  1. 1. Mejorando el HTML para crear Aplicaciones Web
  2. 2. QUÉ ES ANGULARJS• Framework en Javascript puro• Paradigma MVC (MVVM) en el lado cliente• Open source• Creado y mantenido por Google
  3. 3. FEATURES• Templates• Inyección de dependencias• Data binding (bidireccional)• RESTful• Routing
  4. 4. HELLO WORLD!<!doctype html><html lang="en" ng-app><head> <meta charset="UTF-8"> <title>Document</title> <script src=“angular.js"></script</head><body> <h1>Hello World!!</h1></body></html>
  5. 5. FUNCIONAMIENTO
  6. 6. UN PASO MÁS<!doctype html><html lang="en" ng-app><head> <meta charset="UTF-8"> <title>Document</title> <script src=“angular.js"></script</head><body> Hello {{name}}!! <button ng-click=“action()”> <script> function MyCtrl($scope){ $scope.action = function(){ // bla bla bla }; $scope.name = “World!!”; } </script></body></html>
  7. 7. $SCOPE
  8. 8. ANGULAR RUNTIME

×