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
620
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
560
JUC2016 - Mongo DBA
cetaciemat
0
480
JUC2016 - Mongo 101
cetaciemat
0
470
Jornadas Técnicas de RedIRIS 2015
cetaciemat
0
110
Repositorios digitales para la investigación: La experiencia de CETA-Ciemat
cetaciemat
0
130
Primeros pasos con Tableau
cetaciemat
0
470
Primeros pasos con Jupyter Notebook
cetaciemat
1
480
Introducción a Latex
cetaciemat
0
1.4k
JUC - Diseño e instalación de un clúster Hadoop
cetaciemat
0
290
Other Decks in Technology
See All in Technology
EDRの検知の仕組みと検知回避について
chayakonanaika
8
3.9k
生成 AI プロダクトを育てる技術 〜データ品質向上による継続的な価値創出の実践〜
icoxfog417
PRO
5
1.9k
Goで作って学ぶWebSocket
ryuichi1208
3
2.4k
OpenID Connect for Identity Assurance の概要と翻訳版のご紹介 / 20250219-BizDay17-OIDC4IDA-Intro
oidfj
0
450
(機械学習システムでも) SLO から始める信頼性構築 - ゆる SRE#9 2025/02/21
daigo0927
0
220
PHPで印刷所に入稿できる名札データを作る / Generating Print-Ready Name Tag Data with PHP
tomzoh
0
180
スキルだけでは満たせない、 “組織全体に”なじむオンボーディング/Onboarding that fits “throughout the organization” and cannot be satisfied by skills alone
bitkey
0
110
NFV基盤のOpenStack更新 ~9世代バージョンアップへの挑戦~
vtj
0
310
AWSを活用したIoTにおけるセキュリティ対策のご紹介
kwskyk
0
120
わたしがEMとして入社した「最初の100日」の過ごし方 / EMConfJp2025
daiksy
9
2.6k
Oracle Cloud Infrastructure:2025年2月度サービス・アップデート
oracle4engineer
PRO
1
400
ビジネスモデリング道場 目的と背景
masuda220
PRO
9
680
Featured
See All Featured
We Have a Design System, Now What?
morganepeng
51
7.4k
Agile that works and the tools we love
rasmusluckow
328
21k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
Writing Fast Ruby
sferik
628
61k
Optimising Largest Contentful Paint
csswizardry
34
3.1k
Rails Girls Zürich Keynote
gr2m
94
13k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Raft: Consensus for Rubyists
vanstee
137
6.8k
Side Projects
sachag
452
42k
Designing on Purpose - Digital PM Summit 2013
jponch
117
7.1k
Building Adaptive Systems
keathley
40
2.4k
How GitHub (no longer) Works
holman
314
140k
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