Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
JUC2016 - Hands-on lab: Consumiendo una API Res...
Search
CETA-Ciemat
February 11, 2016
Technology
0
660
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
CETA-Ciemat
February 11, 2016
Tweet
Share
More Decks by CETA-Ciemat
See All by CETA-Ciemat
JUC2016 - Hands-on lab: Construyendo una API REST con Python y MongoDB
cetaciemat
0
630
JUC2016 - Mongo DBA
cetaciemat
0
510
JUC2016 - Mongo 101
cetaciemat
0
490
Jornadas Técnicas de RedIRIS 2015
cetaciemat
0
130
Repositorios digitales para la investigación: La experiencia de CETA-Ciemat
cetaciemat
0
170
Primeros pasos con Tableau
cetaciemat
0
520
Primeros pasos con Jupyter Notebook
cetaciemat
1
510
Introducción a Latex
cetaciemat
0
1.7k
JUC - Diseño e instalación de un clúster Hadoop
cetaciemat
0
320
Other Decks in Technology
See All in Technology
Lufthansa ®️ USA Contact Numbers: Complete 2025 Support Guide
lufthanahelpsupport
0
200
freeeのアクセシビリティの現在地 / freee's Current Position on Accessibility
ymrl
2
200
DatabricksにOLTPデータベース『Lakebase』がやってきた!
inoutk
0
110
AWS認定を取る中で感じたこと
siromi
1
190
united airlines ™®️ USA Contact Numbers: Complete 2025 Support Guide
flyunitedhelp
1
340
Delta airlines®️ USA Contact Numbers: Complete 2025 Support Guide
airtravelguide
0
340
Model Mondays S2E04: AI Developer Experiences
nitya
0
140
Beyond Kaniko: Navigating Unprivileged Container Image Creation
f30
0
130
Lakebaseを使ったAIエージェントを実装してみる
kameitomohiro
0
130
How Do I Contact HP Printer Support? [Full 2025 Guide for U.S. Businesses]
harrry1211
0
120
Backlog ユーザー棚卸しRTA、多分これが一番早いと思います
__allllllllez__
1
150
事業成長の裏側:エンジニア組織と開発生産性の進化 / 20250703 Rinto Ikenoue
shift_evolve
PRO
2
22k
Featured
See All Featured
A Tale of Four Properties
chriscoyier
160
23k
For a Future-Friendly Web
brad_frost
179
9.8k
How STYLIGHT went responsive
nonsquared
100
5.6k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.6k
Music & Morning Musume
bryan
46
6.6k
Building a Modern Day E-commerce SEO Strategy
aleyda
42
7.4k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.7k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.7k
The Language of Interfaces
destraynor
158
25k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
20
1.3k
Transcript
CONSUMIENDO UNA API REST CON ANGULARJS César Suárez Ortega <
[email protected]
>
II Jornadas Técnicas UEx – CIEMAT: Introducción a NoSQL con MongoDB 9 – 11 de Febrero, 2016
Índice Conceptos básicos Patrón MVC Inyección de dependencias Promesas AngularJS
Práctica: Nuestra tienda online
PATRONES DE DISEÑO
Patrón MVC
Patrón MVC API
“Dependency Injection” is a 25-dollar term for a 5-cent concept.
James Shore http://www.jamesshore.com/Blog/Dependency-Injection-Demystified.html
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(); } }
Promesas var result = sloooooowSyncMethod(); console.log(result); var promise = promiseAsyncMethod();
promise.then(function(result) { console.log(result); });
None
None
None
Sobre AngularJS Framework JavaScript Extiende HTML Muchas facilidades para organizar
nuestro front-end. Aproximación declarativa. <button ng-click="addLol()">Touch me</button> DEPRECATED
PRÁCTICA #2
$ 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
AngularJS facts Framework JavaScript MVC Flexible Muchas facilidades para
AngularJS facts
[email protected]