angularJS Berlin Meetup - "noBackend: Rapid prototyping and beyond"

My slides for the talk I gave at the angularJS Berlin Meetup.

The demo app is available in this repo:
https://github.com/NicolasRitouet/angularMeetupTeachr

Transcript

1. noBackend: rapid prototyping … and beyond AngularJS Meetup Berlin - 2014.02.12 Nicolas Ritouet
2. Java developer by day Javascript enthusiast by night … and dad
3. angularJS === productivity boost Need to be efficient
4. Still one time consuming task Backend
5. Most logic in Front-end Backend are just CRUDS Not fun to build CRUDs
6. Security is too important and dangerous to DIY
7. Ratio between time consumed and value is bad
8. noBackend movement “Front-end developers can build full stack apps without thinking about the backend.” - nobackend.org
9. Backend tasks should be abstracted
10. Easy to create Easy to deploy Easy to use noBackend is
11. nobackend features • Data storage • Authentication & security • Event system aka push notification • Offline first • Abstract the backend
12. POST /session { "email":"joe@example.com", "password": "secret" } signIn( 'joe@example.com', 'secret' ) .then( showDashboard ) .fail( showError ) - nobackend.org
13. / / convert a dom element to a PDF and download it convert( $('.invoice') ).to( 'invoice.pdf' ).download() - nobackend.org Dreamcode
14. / / convert another website to a png and show it on the page convert( 'http:/ /exam.pl/page' ).toImage().then( $ ('.screenshots').append ) - nobackend.org
15. / / attach a file to an email sendEmail({ subject: "Hello, World!", text: "This mail has been sent from the frontend", to: "joe@exam.pl", attachments: [ convert( 'http:/ /exam.pl/page' ).to("screenshot.png") ] }) - nobackend.org
16. Nobackend solutions
17. • Backend as a service • Authentication with Facebook, twitter, Persona, etc… • Security (access only from given IP) • Store any object • Analytics • Can host your static files (=your front-end app)
18. Self hosted noBackends applications
19. • NodeJS / CouchDB • Offline First • Event system • Modules (NPM based) • Angular + Hoodie yeoman generator • Angular directives available • CouchDB: no DB schema to build
20. • NodeJS / MongoDB • Event system • Modules (NPM based) • Easy to install (Install exe) • DB Schema = Server-side validation • Event scripts for:
 
 - security, validation, relations • Easy to deploy
21. Finally some code
22. Questions ? nicolas@ritouet.com demo available at https:/ /github.com/NicolasRitouet/angularMeetupTeachr https:/ /github.com/NicolasRitouet