Mejorando el HTML para crear     Aplicaciones Web
QUÉ ES ANGULARJS• Framework en Javascript puro• Paradigma MVC (MVVM) en el lado  cliente• Open source• Creado y mantenido ...
FEATURES•   Templates•   Inyección de dependencias•   Data binding (bidireccional)•   RESTful•   Routing
HELLO WORLD!<!doctype html><html lang="en" ng-app><head>   <meta charset="UTF-8">   <title>Document</title>   <script src=...
FUNCIONAMIENTO
UN PASO MÁS<!doctype html><html lang="en" ng-app><head>    <meta charset="UTF-8">    <title>Document</title>    <script sr...
$SCOPE
ANGULAR RUNTIME
Upcoming SlideShare
Loading in …5
×

Seminario Angular JS

831 views
758 views

Published on

Seminario de AngularJS presentado por Luis Calvo en Paradigma Tecnológico 08/02/2013

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
831
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
5
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

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

×