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 Rest con AngularJS
Search
CETA-Ciemat
February 11, 2016
Technology
0
520
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
440
JUC2016 - Mongo DBA
cetaciemat
0
410
JUC2016 - Mongo 101
cetaciemat
0
400
Jornadas Técnicas de RedIRIS 2015
cetaciemat
0
75
Repositorios digitales para la investigación: La experiencia de CETA-Ciemat
cetaciemat
0
100
Primeros pasos con Tableau
cetaciemat
0
380
Primeros pasos con Jupyter Notebook
cetaciemat
1
410
Introducción a Latex
cetaciemat
0
740
JUC - Diseño e instalación de un clúster Hadoop
cetaciemat
0
230
Other Decks in Technology
See All in Technology
サーバーレスAPI(API Gateway+Lambda)とNext.jsで 個人ブログを作ろう!
shuntaka
PRO
0
560
RAGのサービスをリリースして1年3ヶ月が経ちました
segavvy
4
900
簡単に始めるSnowflakeの機械学習
nayuts
1
190
JBUG岡山 #6 WordCamp男木島の チームビルディング
takeshifurusato
0
150
Azure Pipelinesを使用したCICDベースラインアーキテクチャ実践
yuriemori
0
190
サービス開発を前に進めるために 新米リードエンジニアが 取り組んだこと / Steps Taken by a Novice Lead Engineer to Advance Service Development
nologyance
0
180
公共領域から学ぶ クラウド移行についてエンジニアが意識していること
kawakawa2222
0
140
大規模ドラレコデータ収集・機械学習基盤を支える AWS CDK 〜導入・運用事例紹介〜
pemugi
0
110
What is DRE? - Road to SRE NEXT@広島
chanyou0311
3
620
データ分析を支える技術 生成AI再入門
ishikawa_satoru
0
380
プレイドにおけるDatadog APMの活用方法
plaidtech
PRO
2
120
ソフトウェアエンジニアリングの知見を活かして データ基盤をいい感じにする on Snowflake [MIERUNE BBQ #10]
mtpooh
2
150
Featured
See All Featured
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
155
14k
Why Our Code Smells
bkeepers
PRO
332
56k
For a Future-Friendly Web
brad_frost
173
9.2k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
26
2.1k
Designing on Purpose - Digital PM Summit 2013
jponch
113
6.6k
Build The Right Thing And Hit Your Dates
maggiecrowley
28
2.2k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
78
15k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
105
6.8k
Why You Should Never Use an ORM
jnunemaker
PRO
51
8.9k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
360
22k
Design by the Numbers
sachag
277
18k
Learning to Love Humans: Emotional Interface Design
aarron
269
39k
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]