Build your first mobile app with HTML5 & an API Backend

secrettownpanamanianMobile - Wireless

Dec 10, 2013 (3 years and 8 months ago)

80 views

Build your first mobile app
with HTML5 & an API Backend
1. No Audio right now
— we’ll get started by 3:05pm Pacific
Take this time to send us a quick GoToWebinar message to
let us know which city you’re from and if you’re a designer,
front-end developer, backend-developer, architect,
manager, etc. :)
2. Reminder: you need to have PhoneGap + XCode, ADT or
Visual Studio installed.
Android guide:
j.mp/phonegap-android-guide
iOS, Windows Phone guide:
j.mp/phonegap-26-getstarted
3. We will send you a video recording + slides by email
Tim Anglade
@timanglade
tim@apigee.com
Formerly:
Software at NASDAQ
CS lecturer in MSc.
CTO of startup
Inv. Expert at W3C
I work for
Apigee
We help power
eBay
Best Buy, Walgreens,
Gilt Groupe, NewEgg,
Cars.com, Dell, Getty
Images, GraceNote,
Shazam, HomeAway,
Pearson, cheezburger
We’ve organized this
training in LA, San
Jose, Austin,
Denver, Amsterdam,
Atlanta, Houston,
Detroit…
Apigee is always free
for developers
Free Hosted Accounts
25GB

storage limit,
no API/bandwidth limit
Commercial use OK
Free OSS version
git.io/usergrid
Paid plans available
for large companies if
you need to
deploy
this on your own
servers
or SLAs,
4 nines, multi-region,
phone support, more
storage, etc.
Where is everybody
from today?
What do you do?
Everybody good with
HTML Basics,
Variables,
Functions,
etc. ?
HTML5
30 min
Build a UI
45
Add
Live Data
45
PhoneGap
45
Q&A, Next Steps
15
Building
a simple list app
HTML5
use relatively few:
data-attributes
history
diveintohtml5.info
Other approaches
Native
MonoTouch
RubyMotion etc.
jQuery
and
jQuery Mobile
Section 1
Start with the UI
Build something that
looks like this
j.mp/apigee-mockup
The nice guys at
Codiqa let me offer
you unlimited trial:
j.mp/
codiqa-trial-unlimited
Answer
j.mp/apigee-ui
Section 2
Add live data
Why do we need a
backend?
Many options here
too…
We’re going to use
an API Backend
today!
It’s like a
database
that you call directly
from your client

code.
It’s a
cloud service

that makes it easy to
store your data,
retrieve it & query it.
It’s a like a Dropbox
or iCloud
to
synchronize all your
app data across
users and devices
Server
Infrastructure
App
Code
SDK
API
Even in API Backends,
there are
plenty of
alternatives!
Apigee App Services
vs. Usergrid
Let’s take a look at
Apigee
j.mp/apigee-sign-up
Add some
data
SDKs available for…
JS, node.js, iOS,
Android, Ruby, Rails,
C#, Python, PHP,
Java, WP8, etc.
Explore the SDK
j.mp/apigee-js-sdk
Add some
view code
Answer
j.mp/apigee-read
Section 3
Run on mobile!
A look at
PhoneGap
PhoneGap Build,
Trigger.io, etc.
Apache Cordova
vs.
Adobe PhoneGap
Android
j.mp/phonegap-
android-guide
iOS, Windows Phone
j.mp/cordova-26-
getstarted
Add
your HTML
Run
!
What runs where?
PhoneGap Build
Congrats!
What else
could you
do next?
Write Data
Multiple Pages
Push
Notifications
File
Storage
Social
Graph
Local
capabilities
3rd-party
integration
Legacy
integration
Code
execution
Ask for help!
Announce projects!
j.mp/app-craft
Sign up now :)
Great for
prototyping,
works at scale too!
When you use
Apigee,
every piece
of data you store gets
saved in 3 different
data centers
around
the US (soon 3
copies in Europe too)
A top 10 US retailer
uses it for
every
e-commerce call
made to its app or
website (over 50M
users, thousands of
calls per second).
One of the 10 largest
private companies in
the US used it to
create
an internal info
management system
for its 50k employees
A large luxury brand
based in the UK

mandates all
contractors use it to
build catalogs,
campaign sites and
apps for them
Apigee is free for
developers
Free Hosted Accounts
25GB

storage limit,
no API/bandwidth limit
Commercial use OK
Free OSS version
git.io/usergrid
Paid plans available
for large companies if
you need to
deploy
this on your own
servers
or SLAs,
4 nines, multi-region,
phone support, more
storage, etc.
SDKs available for…
JS, node.js, iOS,
Android, Ruby, Rails,
C#, Python, PHP,
Java, WP8, etc.
Ask for help!
Announce projects!
j.mp/app-craft
Sign up now :)
Get more training
Advanced class?
Training for your
company? Still free!
tim@apigee.com
Apigee is hiring (all
around the world)
j.mp/apigee-cs-jobs
Congrats!
If you liked it,
post it on Twitter/
LinkedIn :)
@apigee

@timanglade
j.mp/app-craft