Full-stack JS app development #APIstratAMS
-
Upload
fokke-zandbergen -
Category
Mobile
-
view
581 -
download
0
Transcript of Full-stack JS app development #APIstratAMS
![Page 1: Full-stack JS app development #APIstratAMS](https://reader031.fdocuments.in/reader031/viewer/2022030309/58f2f2141a28aba23d8b45d7/html5/thumbnails/1.jpg)
28 maart 2014 go.fokkezb.nl/apistrat14
Full-stack JavaScript App Development
API.
![Page 2: Full-stack JS app development #APIstratAMS](https://reader031.fdocuments.in/reader031/viewer/2022030309/58f2f2141a28aba23d8b45d7/html5/thumbnails/2.jpg)
28 maart 2014 go.fokkezb.nl/apistrat14
Full-stack JavaScript App Development
.IPA
![Page 3: Full-stack JS app development #APIstratAMS](https://reader031.fdocuments.in/reader031/viewer/2022030309/58f2f2141a28aba23d8b45d7/html5/thumbnails/3.jpg)
database
server-side mvc
client-side mvc
i/o
![Page 4: Full-stack JS app development #APIstratAMS](https://reader031.fdocuments.in/reader031/viewer/2022030309/58f2f2141a28aba23d8b45d7/html5/thumbnails/4.jpg)
alert('hello'); require('http').createServer();
![Page 5: Full-stack JS app development #APIstratAMS](https://reader031.fdocuments.in/reader031/viewer/2022030309/58f2f2141a28aba23d8b45d7/html5/thumbnails/5.jpg)
![Page 6: Full-stack JS app development #APIstratAMS](https://reader031.fdocuments.in/reader031/viewer/2022030309/58f2f2141a28aba23d8b45d7/html5/thumbnails/6.jpg)
database
run-time v + i/o
run-time mc
tooling
![Page 7: Full-stack JS app development #APIstratAMS](https://reader031.fdocuments.in/reader031/viewer/2022030309/58f2f2141a28aba23d8b45d7/html5/thumbnails/7.jpg)
• Backbone.js • Underscore.js • CommonJS • Node.js packages
.IPA
DEV-TIME RUN-TIME
• Node.js • npm install -g ti
building
• Node.js • MongoDB
Express ● Angular ●
API.JSON
back-end
automating
Mocha ● Should ●
• Grunt • Yeoman
testing
![Page 8: Full-stack JS app development #APIstratAMS](https://reader031.fdocuments.in/reader031/viewer/2022030309/58f2f2141a28aba23d8b45d7/html5/thumbnails/8.jpg)
WHY JS APP & API ?
• One language, one expertise• Shared tooling between APP & API
• Shared library between APP & API• Move code between APP and API
EFFICIENCY ● PORTABILITY
![Page 9: Full-stack JS app development #APIstratAMS](https://reader031.fdocuments.in/reader031/viewer/2022030309/58f2f2141a28aba23d8b45d7/html5/thumbnails/9.jpg)
var sel = db.col.find();!response.write(JSON.stringify(sel));
API
APPvar models = col.fetch();!_.each(models, function(model) {! model.analysis = require('analysis').off(model);!});
JSON
![Page 10: Full-stack JS app development #APIstratAMS](https://reader031.fdocuments.in/reader031/viewer/2022030309/58f2f2141a28aba23d8b45d7/html5/thumbnails/10.jpg)
var sel = db.col.find();!_.each(sel, function(model) {! model.analysis = require('analysis').off(doc);!});!response.write(JSON.stringify(sel));
API
APPvar models = col.fetch();
JSON
![Page 11: Full-stack JS app development #APIstratAMS](https://reader031.fdocuments.in/reader031/viewer/2022030309/58f2f2141a28aba23d8b45d7/html5/thumbnails/11.jpg)
APP
PUBLIC API PUBLIC API PUBLIC API
![Page 12: Full-stack JS app development #APIstratAMS](https://reader031.fdocuments.in/reader031/viewer/2022030309/58f2f2141a28aba23d8b45d7/html5/thumbnails/12.jpg)
APP
PUBLIC API PUBLIC API PUBLIC API
MIDDLEWARE
TOKEN
![Page 13: Full-stack JS app development #APIstratAMS](https://reader031.fdocuments.in/reader031/viewer/2022030309/58f2f2141a28aba23d8b45d7/html5/thumbnails/13.jpg)
![Page 14: Full-stack JS app development #APIstratAMS](https://reader031.fdocuments.in/reader031/viewer/2022030309/58f2f2141a28aba23d8b45d7/html5/thumbnails/14.jpg)
![Page 15: Full-stack JS app development #APIstratAMS](https://reader031.fdocuments.in/reader031/viewer/2022030309/58f2f2141a28aba23d8b45d7/html5/thumbnails/15.jpg)
![Page 16: Full-stack JS app development #APIstratAMS](https://reader031.fdocuments.in/reader031/viewer/2022030309/58f2f2141a28aba23d8b45d7/html5/thumbnails/16.jpg)
[email protected] @FokkeZB go.FokkeZB.nl/apistrat14