![Page 1: Start an Angular project fast, then go faster using AWS and Back&](https://reader030.vdocument.in/reader030/viewer/2022032513/55d0d556bb61eb505f8b45e8/html5/thumbnails/1.jpg)
Start an Angular Project Fastand then go faster!
![Page 2: Start an Angular project fast, then go faster using AWS and Back&](https://reader030.vdocument.in/reader030/viewer/2022032513/55d0d556bb61eb505f8b45e8/html5/thumbnails/2.jpg)
INTROWho am I?
![Page 3: Start an Angular project fast, then go faster using AWS and Back&](https://reader030.vdocument.in/reader030/viewer/2022032513/55d0d556bb61eb505f8b45e8/html5/thumbnails/3.jpg)
INTROhttps://github.com/backand/simple-noterious-app
![Page 4: Start an Angular project fast, then go faster using AWS and Back&](https://reader030.vdocument.in/reader030/viewer/2022032513/55d0d556bb61eb505f8b45e8/html5/thumbnails/4.jpg)
INTROhttp://noterious.backand.net/
![Page 5: Start an Angular project fast, then go faster using AWS and Back&](https://reader030.vdocument.in/reader030/viewer/2022032513/55d0d556bb61eb505f8b45e8/html5/thumbnails/5.jpg)
![Page 6: Start an Angular project fast, then go faster using AWS and Back&](https://reader030.vdocument.in/reader030/viewer/2022032513/55d0d556bb61eb505f8b45e8/html5/thumbnails/6.jpg)
![Page 7: Start an Angular project fast, then go faster using AWS and Back&](https://reader030.vdocument.in/reader030/viewer/2022032513/55d0d556bb61eb505f8b45e8/html5/thumbnails/7.jpg)
INTROEasy data models
![Page 8: Start an Angular project fast, then go faster using AWS and Back&](https://reader030.vdocument.in/reader030/viewer/2022032513/55d0d556bb61eb505f8b45e8/html5/thumbnails/8.jpg)
[ { "name": "tasks", "fields": { "description": { "type": "string" }, "completed": { "type": "boolean" } } } ]
![Page 9: Start an Angular project fast, then go faster using AWS and Back&](https://reader030.vdocument.in/reader030/viewer/2022032513/55d0d556bb61eb505f8b45e8/html5/thumbnails/9.jpg)
INTROAdvanced data models
![Page 10: Start an Angular project fast, then go faster using AWS and Back&](https://reader030.vdocument.in/reader030/viewer/2022032513/55d0d556bb61eb505f8b45e8/html5/thumbnails/10.jpg)
[ { "name": "tasks", "fields": { "description": { "type": "string" }, "completed": { "type": "boolean" }, "members": { "collection": "members", "via": "task" } } }, { "name": "members", "fields": { "name": { "type": "string" }, "task": { "object": "tasks" } } } ]
![Page 11: Start an Angular project fast, then go faster using AWS and Back&](https://reader030.vdocument.in/reader030/viewer/2022032513/55d0d556bb61eb505f8b45e8/html5/thumbnails/11.jpg)
INTROREST API for free!
![Page 12: Start an Angular project fast, then go faster using AWS and Back&](https://reader030.vdocument.in/reader030/viewer/2022032513/55d0d556bb61eb505f8b45e8/html5/thumbnails/12.jpg)
INTROServer-side logic
![Page 13: Start an Angular project fast, then go faster using AWS and Back&](https://reader030.vdocument.in/reader030/viewer/2022032513/55d0d556bb61eb505f8b45e8/html5/thumbnails/13.jpg)
INTROSecurity & user management
![Page 14: Start an Angular project fast, then go faster using AWS and Back&](https://reader030.vdocument.in/reader030/viewer/2022032513/55d0d556bb61eb505f8b45e8/html5/thumbnails/14.jpg)
INTROSocial signup
![Page 15: Start an Angular project fast, then go faster using AWS and Back&](https://reader030.vdocument.in/reader030/viewer/2022032513/55d0d556bb61eb505f8b45e8/html5/thumbnails/15.jpg)
INTRO3rd party integration
![Page 16: Start an Angular project fast, then go faster using AWS and Back&](https://reader030.vdocument.in/reader030/viewer/2022032513/55d0d556bb61eb505f8b45e8/html5/thumbnails/16.jpg)
INTRO3rd party integration
![Page 17: Start an Angular project fast, then go faster using AWS and Back&](https://reader030.vdocument.in/reader030/viewer/2022032513/55d0d556bb61eb505f8b45e8/html5/thumbnails/17.jpg)
INTROScalable & in the cloud
![Page 18: Start an Angular project fast, then go faster using AWS and Back&](https://reader030.vdocument.in/reader030/viewer/2022032513/55d0d556bb61eb505f8b45e8/html5/thumbnails/18.jpg)
INTROFree-forever account!!!
![Page 19: Start an Angular project fast, then go faster using AWS and Back&](https://reader030.vdocument.in/reader030/viewer/2022032513/55d0d556bb61eb505f8b45e8/html5/thumbnails/19.jpg)
THE GENERAL IDEA
Read
Configure secure callsConnect
Add module dependenciesInclude script dependencies
![Page 20: Start an Angular project fast, then go faster using AWS and Back&](https://reader030.vdocument.in/reader030/viewer/2022032513/55d0d556bb61eb505f8b45e8/html5/thumbnails/20.jpg)
<!-- We use client cookies to save the REST API token --><script src="//code.angularjs.org/1.3.14/angular-cookies.min.js"></script><!-- Backand SDK for Angular --><script src="//cdn.backand.net/backand/dist/1.7.1/backand.min.js"></script>
![Page 21: Start an Angular project fast, then go faster using AWS and Back&](https://reader030.vdocument.in/reader030/viewer/2022032513/55d0d556bb61eb505f8b45e8/html5/thumbnails/21.jpg)
//app.jsangular.module('YOUR-APP-NAME', ['backand', 'ngCookies'])
![Page 22: Start an Angular project fast, then go faster using AWS and Back&](https://reader030.vdocument.in/reader030/viewer/2022032513/55d0d556bb61eb505f8b45e8/html5/thumbnails/22.jpg)
//Update Angular configuration sectionmyApp.config(function (BackandProvider) { BackandProvider.manageDefaultHeaders(); //BackandProvider.setAnonymousToken('Your App Name'); //BackandProvider.setAnonymousToken('Your Anonymous Token'); //BackandProvider.setSignUpToken('Your SignUp Token'); })
![Page 23: Start an Angular project fast, then go faster using AWS and Back&](https://reader030.vdocument.in/reader030/viewer/2022032513/55d0d556bb61eb505f8b45e8/html5/thumbnails/23.jpg)
// SignInCtrl.jsfunction SignInCtrl(Backand, $cookieStore) { $scope.signIn = function() { Backand.signin($scope.username, $scope.password) .then( function (response) { //Do good for the world }, function (data, status, headers, config) { //handle error } ); } }
![Page 24: Start an Angular project fast, then go faster using AWS and Back&](https://reader030.vdocument.in/reader030/viewer/2022032513/55d0d556bb61eb505f8b45e8/html5/thumbnails/24.jpg)
//dataService.jsfunction dataService($http, Backand) { var self = this; //get the object name and optional parameters self.getList = function(name, sort, filter) { return $http({ method: 'GET', url: Backand.configuration.apiUrl + '/1/objects/' + name, params: { filter: filter || '', sort: sort || '' } }); } }
![Page 25: Start an Angular project fast, then go faster using AWS and Back&](https://reader030.vdocument.in/reader030/viewer/2022032513/55d0d556bb61eb505f8b45e8/html5/thumbnails/25.jpg)
GETTING STARTED
Set Your API Keys
Download the AppCreate Your Database
Create Your AppCreate Your Account
![Page 26: Start an Angular project fast, then go faster using AWS and Back&](https://reader030.vdocument.in/reader030/viewer/2022032513/55d0d556bb61eb505f8b45e8/html5/thumbnails/26.jpg)
CONFIGURING YOUR APPLICATIONAdd validation upon creating a
new board
![Page 27: Start an Angular project fast, then go faster using AWS and Back&](https://reader030.vdocument.in/reader030/viewer/2022032513/55d0d556bb61eb505f8b45e8/html5/thumbnails/27.jpg)
CONFIGURING YOUR APPLICATIONSend email when new board is
created
![Page 28: Start an Angular project fast, then go faster using AWS and Back&](https://reader030.vdocument.in/reader030/viewer/2022032513/55d0d556bb61eb505f8b45e8/html5/thumbnails/28.jpg)
CONFIGURING YOUR APPLICATIONEnable member selection
![Page 29: Start an Angular project fast, then go faster using AWS and Back&](https://reader030.vdocument.in/reader030/viewer/2022032513/55d0d556bb61eb505f8b45e8/html5/thumbnails/29.jpg)
CONFIGURING YOUR APPLICATIONShow boards based on members
![Page 30: Start an Angular project fast, then go faster using AWS and Back&](https://reader030.vdocument.in/reader030/viewer/2022032513/55d0d556bb61eb505f8b45e8/html5/thumbnails/30.jpg)
CONFIGURING YOUR APPLICATIONKeep track of changes
![Page 31: Start an Angular project fast, then go faster using AWS and Back&](https://reader030.vdocument.in/reader030/viewer/2022032513/55d0d556bb61eb505f8b45e8/html5/thumbnails/31.jpg)
CONFIGURING YOUR APPLICATIONRestrict access to board objects
![Page 32: Start an Angular project fast, then go faster using AWS and Back&](https://reader030.vdocument.in/reader030/viewer/2022032513/55d0d556bb61eb505f8b45e8/html5/thumbnails/32.jpg)
CONFIGURING YOUR APPLICATIONNew user registration
![Page 33: Start an Angular project fast, then go faster using AWS and Back&](https://reader030.vdocument.in/reader030/viewer/2022032513/55d0d556bb61eb505f8b45e8/html5/thumbnails/33.jpg)
PROTIP!Make your app public
![Page 34: Start an Angular project fast, then go faster using AWS and Back&](https://reader030.vdocument.in/reader030/viewer/2022032513/55d0d556bb61eb505f8b45e8/html5/thumbnails/34.jpg)
CONFIGURING YOUR APPLICATIONPublic access with anonymous
![Page 35: Start an Angular project fast, then go faster using AWS and Back&](https://reader030.vdocument.in/reader030/viewer/2022032513/55d0d556bb61eb505f8b45e8/html5/thumbnails/35.jpg)
CONFIGURING YOUR APPLICATIONUpload to AWS S3
![Page 36: Start an Angular project fast, then go faster using AWS and Back&](https://reader030.vdocument.in/reader030/viewer/2022032513/55d0d556bb61eb505f8b45e8/html5/thumbnails/36.jpg)
OUTROResources
https://github.com/backand/simple-noterious-apphttps://www.backand.com/how-to-videos/http://blog.backand.com/questions/
http://onehungrymind.com/
![Page 37: Start an Angular project fast, then go faster using AWS and Back&](https://reader030.vdocument.in/reader030/viewer/2022032513/55d0d556bb61eb505f8b45e8/html5/thumbnails/37.jpg)
OUTROThanks!