building mobile apps with cordova , angularjs and ionic
TRANSCRIPT
Who am I ?
• Soltani Kadhem
• Web & Mobile Developer at Novavision-it
• Website: www.kadhem-soltani.com
• Twitter : @kadhem_soltani
Agenda
1. Why make mobile app
2. Hybrid VS Native
3. What is Cordova ?
4. What is AngularJS ?
5. What is Ionic Framework ?
6. Q&A
7. Coding Time
Why make mobile apps ?
• You want to make mobile app because:
– The world is moving
– Everybody's making mobile apps these day
– For your business
– ...
Why make mobile apps ?
• But:
– You're not mobile app developer?
– You don't know Java, Objective-C , c#?
– You want to build app that run everywhere
– ……….
Hybrid VS Native
• Native Apps
● Platform specific
● Respective development tools
● Time consuming
● Expensive development
Hybrid VS Native
• Hybrid Apps
● Platform independent (iOS, Android etc.)
● HTML5, CSS3 & JS
● Quick development
● Direct access to native APIs with Cordova
• 2009: PhoneGap started at Nitobi • 2011: PhoneGap purchased by Adobe • 2012: PhoneGap donated from Adobe to Apache • Software Foundation, and renamed as Cordova • Today: PhoneGap is a distribution of Cordova
PhoneGap vs. Cordova
What is Cordova
• Platforms
● Android ● Blackberry ● FirefoxOS ● iOS ● Tizen ● WebOS ● Windows Phone 7 ● Windows Phone 8
What is Cordova
• Plugins
● Battery Status ● Camera ● Contacts ● Device Orientation ● Dialogs ● File Transfer ● Geolocation ● Media Capture ● Network Information ● Splashscreen ● Statusbar ● Vibration
• A Front-end framework for mobile apps • Contains a lot of mobile-optimized HTML, CSS and JS
components • Best Friend with AngularJs • Uses Cordova to create, build, run, deploy mobile apps
is:
What is ?
Add Platform, Build & Emulate
Test on web browser
ionic serve
Add mobile platform (Android or iOS)
ionic platform add [android/ios]
Run test on device/emulator
ionic [run/emulate] [ android/ios]