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
540
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
460
JUC2016 - Mongo DBA
cetaciemat
0
430
JUC2016 - Mongo 101
cetaciemat
0
410
Jornadas Técnicas de RedIRIS 2015
cetaciemat
0
78
Repositorios digitales para la investigación: La experiencia de CETA-Ciemat
cetaciemat
0
100
Primeros pasos con Tableau
cetaciemat
0
400
Primeros pasos con Jupyter Notebook
cetaciemat
1
430
Introducción a Latex
cetaciemat
0
870
JUC - Diseño e instalación de un clúster Hadoop
cetaciemat
0
240
Other Decks in Technology
See All in Technology
Datadogの便利な使い方 - 意外と知らない?CoScreenとCloudcraft
taijihagino
PRO
1
600
Chunk computing
matyo91
0
270
Dive Deep in Cloud Run: Automatic Base Image update
aoto
PRO
0
900
New Relicで実践する外形監視
aeonpeople
1
120
waitany と waitall を作った話
mrkn
0
110
音声AIエージェントの世界とRetell AI入門 / Introduction to the World of Voice AI Agents and Retell AI
rkaga
3
470
疎通2024
sadnessojisan
4
490
Discover Your Tailored Platform Strategy with Real-World Practice
hhiroshell
1
130
手軽に始める? おうちサーバーのすゝめ
nyagasan
0
180
AWS IAM Identity Center議論会 〜 認証認可結合モデルと認証認可分離モデル / 20240827-jawsug-arch-iam_identity_center
opelab
3
320
セキュリティ監視の内製化 効率とリスク
mixi_engineers
PRO
4
640
「名前解決」から振り返るAmazon VPC
yuki_ink
0
320
Featured
See All Featured
Robots, Beer and Maslow
schacon
PRO
157
8.1k
For a Future-Friendly Web
brad_frost
173
9.3k
A better future with KSS
kneath
235
17k
How To Stay Up To Date on Web Technology
chriscoyier
785
250k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
42
2k
No one is an island. Learnings from fostering a developers community.
thoeni
18
2.9k
[RailsConf 2023] Rails as a piece of cake
palkan
44
4.6k
The Invisible Customer
myddelton
119
13k
Optimizing for Happiness
mojombo
375
69k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
28
2.2k
Music & Morning Musume
bryan
46
6k
Why Our Code Smells
bkeepers
PRO
333
56k
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]