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

C4187f9cd1f03aa1619b269218883910?s=47 CETA-Ciemat
February 11, 2016

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

C4187f9cd1f03aa1619b269218883910?s=128

CETA-Ciemat

February 11, 2016
Tweet

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