JUC2016 - Hands-on lab: Consumiendo una API Rest con AngularJS

II Jornadas Técnicas UEx – CIEMAT. Hands-on lab: Consumiendo una API Rest con AngularJS

Transcript

1. CONSUMIENDO UNA API REST CON ANGULARJS César Suárez Ortega <cesar.suarez@externos.ceta-ciemat.es> II Jornadas Técnicas UEx – CIEMAT: Introducción a NoSQL con MongoDB 9 – 11 de Febrero, 2016
2. Índice Conceptos básicos Patrón MVC Inyección de dependencias Promesas AngularJS Práctica: Nuestra tienda online
3. PATRONES DE DISEÑO
4. Patrón MVC
5. Patrón MVC API
6. “Dependency Injection” is a 25-dollar term for a 5-cent concept. James Shore http://www.jamesshore.com/Blog/Dependency-Injection-Demystified.html
7. Inyección de dependencias public class Example { private DatabaseThingie myDatabase; //SIN inyección de dependencias public Example() { myDatabase = new DatabaseThingie(); } //CON inyección de dependencias public Example(DatabaseThingie useThisDatabaseInstead) { myDatabase = useThisDatabaseInstead; } public void doStuff() { myDatabase.GetData(); } }
8. Promesas var result = sloooooowSyncMethod(); console.log(result); var promise = promiseAsyncMethod(); promise.then(function(result) { console.log(result); });
12. Sobre AngularJS  Framework JavaScript Extiende HTML Muchas facilidades para organizar nuestro front-end. Aproximación declarativa. <button ng-click="addLol()">Touch me</button> DEPRECATED
13. PRÁCTICA #2
14. $ curl –sL https://deb.nodesource.com/setup | sudo bash - $ sudo apt-get install nodejs build-essential ruby ruby-dev $ git clone https://github.com/csuarez/juc-mongodb-web.git $ cd juc-mongodb-web $ sudo npm –g install grunt-cli $ sudo npm –g install bower $ sudo gem install compass $ npm install $ bower install --allow-root $ grunt serve Arrancando la web https://github.com/csuarez/juc-mongodb-web
15. AngularJS facts  Framework JavaScript MVC  Flexible Muchas facilidades para
16. AngularJS facts
17. cesar.suarez@externos.ciemat.es