AngularJS and REST Made Simple
Upcoming SlideShare
Loading in...5
×
 

AngularJS and REST Made Simple

on

  • 3,344 views

This presentation was given at the Mar 11, 2014 AngularJS meetup talk at Google. The talk covered the DreamFactory open source REST API platform, Angular's built-in services for making API calls, and ...

This presentation was given at the Mar 11, 2014 AngularJS meetup talk at Google. The talk covered the DreamFactory open source REST API platform, Angular's built-in services for making API calls, and a new open source Angular module called angular-dreamfactory for consuming REST APIs for SQL, NoSQL, BLOB storage, and remote web services.

Statistics

Views

Total Views
3,344
Slideshare-icon Views on SlideShare
3,298
Embed Views
46

Actions

Likes
10
Downloads
65
Comments
1

1 Embed 46

https://twitter.com 46

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

11 of 1

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • view presentation at: http://www.youtube.com/watch?v=aGHzqwQU06g
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • Standards-based service palettePre-built and portableInstalls on any cloud or enterprise datacenter under open source Apache licenseEnables enterprises to quickly deploy secure mobile applications using their own infrastructureAbstracts back-end complexity so small teams of client developers can build mobile apps
  • Standards-based service palettePre-built and portableInstalls on any cloud or enterprise datacenter under open source Apache licenseEnables enterprises to quickly deploy secure mobile applications using their own infrastructureAbstracts back-end complexity so small teams of client developers can build mobile apps
  • Standards-based service palettePre-built and portableInstalls on any cloud or enterprise datacenter under open source Apache licenseEnables enterprises to quickly deploy secure mobile applications using their own infrastructureAbstracts back-end complexity so small teams of client developers can build mobile apps
  • Standards-based service palettePre-built and portableInstalls on any cloud or enterprise datacenter under open source Apache licenseEnables enterprises to quickly deploy secure mobile applications using their own infrastructureAbstracts back-end complexity so small teams of client developers can build mobile apps
  • Standards-based service palettePre-built and portableInstalls on any cloud or enterprise datacenter under open source Apache licenseEnables enterprises to quickly deploy secure mobile applications using their own infrastructureAbstracts back-end complexity so small teams of client developers can build mobile apps
  • Standards-based service palettePre-built and portableInstalls on any cloud or enterprise datacenter under open source Apache licenseEnables enterprises to quickly deploy secure mobile applications using their own infrastructureAbstracts back-end complexity so small teams of client developers can build mobile apps
  • Standards-based service palettePre-built and portableInstalls on any cloud or enterprise datacenter under open source Apache licenseEnables enterprises to quickly deploy secure mobile applications using their own infrastructureAbstracts back-end complexity so small teams of client developers can build mobile apps
  • Standards-based service palettePre-built and portableInstalls on any cloud or enterprise datacenter under open source Apache licenseEnables enterprises to quickly deploy secure mobile applications using their own infrastructureAbstracts back-end complexity so small teams of client developers can build mobile apps
  • Standards-based service palettePre-built and portableInstalls on any cloud or enterprise datacenter under open source Apache licenseEnables enterprises to quickly deploy secure mobile applications using their own infrastructureAbstracts back-end complexity so small teams of client developers can build mobile apps
  • Standards-based service palettePre-built and portableInstalls on any cloud or enterprise datacenter under open source Apache licenseEnables enterprises to quickly deploy secure mobile applications using their own infrastructureAbstracts back-end complexity so small teams of client developers can build mobile apps
  • Standards-based service palettePre-built and portableInstalls on any cloud or enterprise datacenter under open source Apache licenseEnables enterprises to quickly deploy secure mobile applications using their own infrastructureAbstracts back-end complexity so small teams of client developers can build mobile apps
  • Standards-based service palettePre-built and portableInstalls on any cloud or enterprise datacenter under open source Apache licenseEnables enterprises to quickly deploy secure mobile applications using their own infrastructureAbstracts back-end complexity so small teams of client developers can build mobile apps
  • Standards-based service palettePre-built and portableInstalls on any cloud or enterprise datacenter under open source Apache licenseEnables enterprises to quickly deploy secure mobile applications using their own infrastructureAbstracts back-end complexity so small teams of client developers can build mobile apps
  • Standards-based service palettePre-built and portableInstalls on any cloud or enterprise datacenter under open source Apache licenseEnables enterprises to quickly deploy secure mobile applications using their own infrastructureAbstracts back-end complexity so small teams of client developers can build mobile apps
  • Standards-based service palettePre-built and portableInstalls on any cloud or enterprise datacenter under open source Apache licenseEnables enterprises to quickly deploy secure mobile applications using their own infrastructureAbstracts back-end complexity so small teams of client developers can build mobile apps
  • Standards-based service palettePre-built and portableInstalls on any cloud or enterprise datacenter under open source Apache licenseEnables enterprises to quickly deploy secure mobile applications using their own infrastructureAbstracts back-end complexity so small teams of client developers can build mobile apps
  • Standards-based service palettePre-built and portableInstalls on any cloud or enterprise datacenter under open source Apache licenseEnables enterprises to quickly deploy secure mobile applications using their own infrastructureAbstracts back-end complexity so small teams of client developers can build mobile apps

AngularJS and REST Made Simple AngularJS and REST Made Simple Presentation Transcript

  • Ben Busse benbusse@dreamfactory.com Angular + REST Made Simple
  • Agenda Why REST Services? Angular + REST angular-dreamfactory demo
  • Your Correspondent Technology evangelist at dreamfactory We use Angular a lot (web and mobile) Engineering manager mobile gaming Product manager enterprise SaaS Decade working with REST services K. Chiu
  • The Evolution of Apps
  • Web Apps – Click, Get a Page SQL App Server Web App Browser HTML ClientServer
  • HTML Contains Everything Graphics Layout Scripting Text Data
  • iPhone Ships in 2007 Mobile Era Begins
  • Thick Client Apps SQL, NoSQL, PaaS REST Services HTML5 / Native Devices JSON ClientServer
  • From HTML to JSON 95% Size Reduction { "employees": [ {"name":"John"}, {"name":"Anna"}, {"name":"Peter"} ] }
  • CSS / Sass AngularUI Bootstrap Foundation Ionic Javascript Angular Backbone Ember jQuery Knockout Sencha Rapid Innovation on the Client
  • But What About the Server? SQL, NoSQL, PaaS REST Services HTML5 / Native App Devices JSON ?
  • We Make Enterprise Apps Less Code Flexible Deployment Mobile Architecture Existing Data User Management Our Wish List…
  • We Wanted Less Code REST APIs Provided Flexible Deployment Open Source, Install Anywhere Mobile Architecture REST & JSON Existing Data SQL, NoSQL, BLOB, Remote User Management Roles, Auth, Access Control
  • It Didn’t Exist State of the Art… 1) Build REST APIs By Hand 2) Build Security By Hand 3) Build User Management By Hand Repeat for every new project
  • We Open Sourced DreamFactory Services Platform (DSP)
  • Native Mobile SQL MySQL, Postgres, SQL Server, Oracle, DB2 Automatically Provides REST API Hook Up Any Backend System NoSQL MongoDB, CouchDB, DynamoDB, Azure Tables Files S3, Rackspace, OpenSta ck, Azure, Local DSP HTML5 & JS
  • Free & Open Source • Apache License • Hosted • Cloud • On Premises
  • Unified REST API Developer Single interface Security model User permissions DSP Files NoSQL SQL REST + JSON External Integration
  • Simple Development Paradigm Service Platform Client Side REST JSON
  • Less Code, More Consistency Before BackendTeamFronendTeam Install DSP Design UI Build & Test App Deliver Configure Server & Software Design REST APIs Build REST APIs Design UI Build & Test App Test REST APIs Deliver Now
  • Bitnami Installers http://bitnami.com/stack/dreamfact ory
  • Free Hosted DSP www.dreamfactory.co m
  • Anatomy of an Angular App Module Config Routes View Directives Controller Factory Service Provider Value $scope • Keep Data for Lifetime of App (Singleton) • Created as Needed (Lazy Loaded) • Share Data Across Controllers • Built-In Services / Write Your Own
  • Server Calls with Angular $http – wraps XMLHttpRequest object $resource – supports RESTful data model Restangular – service to handle RESTful resources easily
  • angular-dreamfactory Open source Angular module Dynamically generated when app loads Integrates your app with DSP REST services Built on $http service (no $scope.apply required) Add a REST service to DSP and instantly available DreamFactory.api.service.method
  • Nice Angular Examples egghead.io ng-newsletter.com The AngularJS Magazine AngularJS-Learning
  • Good Book $scope Two-way data binding ----------------------------- Services CORS Authentication Routing Promises
  • Demo Time!
  • Demo Recap angular-dreamfactory tutorial http://blog.dreamfactory.com/tutorial-angular- and-rest-made-simple $resource tutorial http://www.dreamfactory.com/angularjs-example
  • New DSP Features Server-side events and JS scripting RAML support Record CRUD security (by user and role) LDAP / Active Directory / SAML Multi-tenant VM
  • Resources Tutorial http://blog.dreamfactory.com/tutorial-angular-and-rest-made-simple Trivia App code https://github.com/dreamfactorysoftware/trivia_app angular-dreamfactory library https://github.com/dreamfactorysoftware/angular-dreamfactory Cordova mobile app https://github.com/dreamfactorysoftware/mobile-dreamfactory-app Developer resources http://www.dreamfactory.com/developers Cloud Academy quizzes https://cloudacademy.com/dreamfactory
  • Thank You! QUESTIONS benbusse@dreamfactory.com @benbusse