Download - Seminario Angular JS
![Page 1: Seminario Angular JS](https://reader036.vdocuments.pub/reader036/viewer/2022083001/557ae58ad8b42a8f648b557a/html5/thumbnails/1.jpg)
Mejorando el HTML para crearAplicaciones Web
![Page 2: Seminario Angular JS](https://reader036.vdocuments.pub/reader036/viewer/2022083001/557ae58ad8b42a8f648b557a/html5/thumbnails/2.jpg)
QUÉ ES ANGULARJS
• Framework en Javascript puro• Paradigma MVC (MVVM) en el
lado cliente• Open source• Creado y mantenido por
![Page 3: Seminario Angular JS](https://reader036.vdocuments.pub/reader036/viewer/2022083001/557ae58ad8b42a8f648b557a/html5/thumbnails/3.jpg)
FEATURES
• Templates• Inyección de dependencias• Data binding (bidireccional)• RESTful• Routing
![Page 4: Seminario Angular JS](https://reader036.vdocuments.pub/reader036/viewer/2022083001/557ae58ad8b42a8f648b557a/html5/thumbnails/4.jpg)
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>
![Page 5: Seminario Angular JS](https://reader036.vdocuments.pub/reader036/viewer/2022083001/557ae58ad8b42a8f648b557a/html5/thumbnails/5.jpg)
FUNCIONAMIENTO
![Page 6: Seminario Angular JS](https://reader036.vdocuments.pub/reader036/viewer/2022083001/557ae58ad8b42a8f648b557a/html5/thumbnails/6.jpg)
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>
![Page 7: Seminario Angular JS](https://reader036.vdocuments.pub/reader036/viewer/2022083001/557ae58ad8b42a8f648b557a/html5/thumbnails/7.jpg)
$SCOPE
![Page 8: Seminario Angular JS](https://reader036.vdocuments.pub/reader036/viewer/2022083001/557ae58ad8b42a8f648b557a/html5/thumbnails/8.jpg)
ANGULAR RUNTIME