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
640
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
590
JUC2016 - Mongo DBA
cetaciemat
0
500
JUC2016 - Mongo 101
cetaciemat
0
480
Jornadas Técnicas de RedIRIS 2015
cetaciemat
0
120
Repositorios digitales para la investigación: La experiencia de CETA-Ciemat
cetaciemat
0
160
Primeros pasos con Tableau
cetaciemat
0
500
Primeros pasos con Jupyter Notebook
cetaciemat
1
490
Introducción a Latex
cetaciemat
0
1.6k
JUC - Diseño e instalación de un clúster Hadoop
cetaciemat
0
310
Other Decks in Technology
See All in Technology
テストって楽しい!開発を加速させるテストの魅力 / Testing is Fun! The Fascinating of Testing to Accelerate Development
aiandrox
0
150
クラウド開発環境Cloud Workstationsの紹介
yunosukey
0
210
Running JavaScript within Ruby
hmsk
3
430
【Oracle Cloud ウェビナー】ご希望のクラウドでOracle Databaseを実行〜マルチクラウド・ソリューション徹底解説〜
oracle4engineer
PRO
1
130
AndroidアプリエンジニアもMCPを触ろう
kgmyshin
2
510
今日からはじめるプラットフォームエンジニアリング
jacopen
8
1.8k
OPENLOGI Company Profile
hr01
0
63k
日経電子版 for Android の技術的課題と取り組み(令和最新版)/android-20250423
nikkei_engineer_recruiting
1
580
AI 코딩 에이전트 더 똑똑하게 쓰기
nacyot
0
410
AIエージェント開発手法と業務導入のプラクティス
ykosaka
9
2.5k
ビジネスとデザインとエンジニアリングを繋ぐために 一人のエンジニアは何ができるか / What can a single engineer do to connect business, design, and engineering?
kaminashi
2
840
OpenLane-V2ベンチマークと代表的な手法
kzykmyzw
0
130
Featured
See All Featured
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.2k
Gamification - CAS2011
davidbonilla
81
5.2k
Navigating Team Friction
lara
185
15k
Into the Great Unknown - MozCon
thekraken
38
1.7k
For a Future-Friendly Web
brad_frost
177
9.7k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
119
51k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.2k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
41
2.3k
How to train your dragon (web standard)
notwaldorf
91
6k
How to Ace a Technical Interview
jacobian
276
23k
Transcript
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
Í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
cesar.suarez@externos.ciemat.es