KEMBAR78
Mobile Apps using AngularJS | PDF
Mobile Apps usingMobile Apps using
AngularJSAngularJS
Using Cordova & ionic
by Adam Klein
Please...Please...
Ask questions all the time
2-3 years ago...2-3 years ago...
Performance was bad
Frameworks were h ard to use and buggy
No commonly used Javascript framework
for Single Page Apps
In other words: no technological readiness
TodayToday
Mobile browsers are better
Frameworks are better
We've got AngularJS & ionic
Don't believe me?Don't believe me?
About meAbout me
Adam Klein
Co-Founder of 500Tech.com
Thirsty for technology
@500TechIL
ProblemProblem
3 Different technologies
SolutionSolution
HTML5 Apps
HTML5 embedded in a webview
CordovaCordova
Normalized API for native features
Phonegap?!Phonegap?!
AlternativeAlternative
Trigger.iO
AngularJSAngularJS
Most commonly used
Great for Single Page Apps
Performance
And...And...
"AngularJS 2.0 is a framework for mobile apps."
-- AngularJS official blog
So, what's missing?!So, what's missing?!
IonicIonic
Common UI controls
Navigation Views
Tabs
Side menus
Overcome browser quirks
CSS FrameworkCSS Framework
not mobile first, mobile only
Automatically recognize "grade"
Common list optionsCommon list options
refresher
delete
swipe
reorder
<ion-refresher
pulling-text="Pull to refresh..."
on-refresh="refresh()">
</ion-refresher>
Long ListsLong Lists
NavigationNavigation
Smooth transitions
Each tab has it's own navigation history
Android back button support
ModalModal
Custom animations
Android back button support
KeyboardKeyboard
Prevent hiding elements
Callbacks on keyboard open / close
Taps & ClicksTaps & Clicks
300ms delay
Normalized behaviour
Powerful CLIPowerful CLI
To summarizeTo summarize
It looks awesome
It moves awesome
It's easy to use
It's based on AngularJS
Who's behind itWho's behind it
Drifty Co.
Ben Sperry & Max Lynch
Started at 2012
Raised $1 Million
Popularity - 9 months agoPopularity - 9 months ago
Popularity - todayPopularity - today
But still...But still...
It's new (v1.0.0-rc.1)
There will be bugs
Missing features
Change API
Not much stackoverflow
Before you run and implementBefore you run and implement
Do you need to support mobile / desktop web as
well?
Are you developing Any.DO's competitor?
Are you developing an animated Game?
Check HTML5's limitations (background tasks,
custom video control, etc.)
Check iOs guidelines
Questions?Questions?
adam@500tech.com
@500TechIL
500tech.com
hackademy.co.il
angular.co.il

Mobile Apps using AngularJS