37
Start an Angular Project Fast and then go faster!

Start an Angular project fast, then go faster using AWS and Back&

Embed Size (px)

Citation preview

Page 1: Start an Angular project fast, then go faster using AWS and Back&

Start an Angular Project Fastand then go faster!

Page 2: Start an Angular project fast, then go faster using AWS and Back&

INTROWho am I?

Page 3: Start an Angular project fast, then go faster using AWS and Back&

INTROhttps://github.com/backand/simple-noterious-app

Page 4: Start an Angular project fast, then go faster using AWS and Back&

INTROhttp://noterious.backand.net/

Page 5: Start an Angular project fast, then go faster using AWS and Back&
Page 6: Start an Angular project fast, then go faster using AWS and Back&
Page 7: Start an Angular project fast, then go faster using AWS and Back&

INTROEasy data models

Page 8: Start an Angular project fast, then go faster using AWS and Back&

[ { "name": "tasks", "fields": { "description": { "type": "string" }, "completed": { "type": "boolean" } } } ]

Page 9: Start an Angular project fast, then go faster using AWS and Back&

INTROAdvanced data models

Page 10: Start an Angular project fast, then go faster using AWS and Back&

[ { "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&

INTROREST API for free!

Page 12: Start an Angular project fast, then go faster using AWS and Back&

INTROServer-side logic

Page 13: Start an Angular project fast, then go faster using AWS and Back&

INTROSecurity & user management

Page 14: Start an Angular project fast, then go faster using AWS and Back&

INTROSocial signup

Page 15: Start an Angular project fast, then go faster using AWS and Back&

INTRO3rd party integration

Page 16: Start an Angular project fast, then go faster using AWS and Back&

INTRO3rd party integration

Page 17: Start an Angular project fast, then go faster using AWS and Back&

INTROScalable & in the cloud

Page 18: Start an Angular project fast, then go faster using AWS and Back&

INTROFree-forever account!!!

Page 19: Start an Angular project fast, then go faster using AWS and Back&

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&

<!-- 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&

//app.jsangular.module('YOUR-APP-NAME', ['backand', 'ngCookies'])

Page 22: Start an Angular project fast, then go faster using AWS and Back&

//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&

// 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&

//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&

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&

CONFIGURING YOUR APPLICATIONAdd validation upon creating a

new board

Page 27: Start an Angular project fast, then go faster using AWS and Back&

CONFIGURING YOUR APPLICATIONSend email when new board is

created

Page 28: Start an Angular project fast, then go faster using AWS and Back&

CONFIGURING YOUR APPLICATIONEnable member selection

Page 29: Start an Angular project fast, then go faster using AWS and Back&

CONFIGURING YOUR APPLICATIONShow boards based on members

Page 30: Start an Angular project fast, then go faster using AWS and Back&

CONFIGURING YOUR APPLICATIONKeep track of changes

Page 31: Start an Angular project fast, then go faster using AWS and Back&

CONFIGURING YOUR APPLICATIONRestrict access to board objects

Page 32: Start an Angular project fast, then go faster using AWS and Back&

CONFIGURING YOUR APPLICATIONNew user registration

Page 33: Start an Angular project fast, then go faster using AWS and Back&

PROTIP!Make your app public

Page 34: Start an Angular project fast, then go faster using AWS and Back&

CONFIGURING YOUR APPLICATIONPublic access with anonymous

Page 35: Start an Angular project fast, then go faster using AWS and Back&

CONFIGURING YOUR APPLICATIONUpload to AWS S3

Page 36: Start an Angular project fast, then go faster using AWS and Back&

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&

OUTROThanks!