How different is the mobile application development experience? What do we need to know about native mobile application development stack? How different it is compared to hybrid mobile application development? What's the big deal about it? Let's get together and see a comparison between native vs. mobile web browser vs. hybrid mobile apps, following with an introductory to the hybrid mobile application development.

1. Web. Native. Hybrid.
cheaper-smarter-faster
mobile app development
Kosala Nuwan Perera
@kosalanuwan

3. Question …
How about mobile web apps?

4. Mobile web apps …
Visit via browser.
Static, navigational.
Server-side rendering.
Requires connectivity.
Partial device access.
They are “effin” slow.

5. Question …
What about native mobile apps?

6. Source code
Resources/
Images
Packager
Compiler/
Linker
Distributable
package
App stores
App source
SDK Tools
Executable
binary

7. Source code
Resources/
Images
Packager
Compiler/
Linker
Distributable
package
App stores
App source
SDK Tools
objectiveC
Executable
binary
.app
Xcode

8. Source code
Resources/
Images
Packager
Compiler/
Linker
Distributable
package
App stores
App source
SDK Tools
Java, C++
Executable
binary
.apk
Android SDK

9. Source code
Resources/
Images
Packager
Compiler/
Linker
Distributable
package
App stores
App source
SDK Tools
C#
Executable
binary
.xap
VS,
WP Developer Tools

10. Question …
What’s the big deal about Hybrid apps?

11. Hybrid mobile apps …
Native app with embedded HTML.
One app for many platforms.
Full device access.
Learn fast and build faster.
Low approval process overheads.

12. Something to “chew” …
Just a website in AppStore.
Native apps are better.
Cannot access mobile features.
Native apps are more beautiful.
They are “effin” slow.

13. HTML/JS/CSS3Native sources

14. Device
Access
Speed Dev Cost App Store Approval
Process
Native Full Very fast Expensive Available Mandatory
Hybrid
Full
Native
speed as
Necessary
Reasonable Available
Low
Overheads
Web Partial Fast Reasonable N/A N/A
Web vs. Native vs. Hybrid

15. Getting started …
Install an Editor.
Download a mobile framework.
Get the code.
Build the app.
Test it on browser.
Push to cloud.

16. Happy Coding !
Kosala Nuwan Perera
@kosalanuwan