JUC2016 - 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); });
9. None
10. None
11. None

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