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
630
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
580
JUC2016 - Mongo DBA
cetaciemat
0
490
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
140
Primeros pasos con Tableau
cetaciemat
0
490
Primeros pasos con Jupyter Notebook
cetaciemat
1
480
Introducción a Latex
cetaciemat
0
1.5k
JUC - Diseño e instalación de un clúster Hadoop
cetaciemat
0
300
Other Decks in Technology
See All in Technology
OPENLOGI Company Profile for engineer
hr01
1
22k
バクラクでのSystem Risk Records導入による変化と改善の取り組み/Changes and Improvement Initiatives Resulting from the Implementation of System Risk Records
taddy_919
0
220
パスキー導入の課題と ベストプラクティス、今後の展望
ritou
7
1.2k
Vision Language Modelを活用した メルカリの類似画像レコメンドの性能改善
yadayuki
9
1.3k
グループポリシー再確認
murachiakira
0
170
ウェブアクセシビリティとは
lycorptech_jp
PRO
0
280
RAGの基礎から実践運用まで:AWS BedrockとLangfuseで実現する構築・監視・評価
sonoda_mj
0
440
職種に名前が付く、ということ/The fact that a job title has a name
bitkey
1
250
問題解決に役立つ数理工学
recruitengineers
PRO
7
2.2k
Dapr For Java Developers SouJava 25
salaboy
1
130
Go製のマイグレーションツールの git-schemalex の紹介と運用方法
shinnosuke_kishida
1
410
LINEギフトのLINEミニアプリアクセシビリティ改善事例
lycorptech_jp
PRO
0
250
Featured
See All Featured
RailsConf 2023
tenderlove
29
1k
Git: the NoSQL Database
bkeepers
PRO
429
65k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
102
18k
Mobile First: as difficult as doing things right
swwweet
223
9.5k
Optimising Largest Contentful Paint
csswizardry
35
3.2k
Faster Mobile Websites
deanohume
306
31k
Why You Should Never Use an ORM
jnunemaker
PRO
55
9.3k
Code Reviewing Like a Champion
maltzj
522
39k
A Modern Web Designer's Workflow
chriscoyier
693
190k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Done Done
chrislema
183
16k
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