Published on February 17, 2014
Mobile JS Frameworks IBRAHIM ERSOY MOBILE DEVELOPER @ SIMTERNET
Agenda Introduction • Mobile Apps • Native vs Hybrid vs Mobile Web • Platforms/Stores • App Builders • PhoneGap JS Frameworks • Jquery Mobile • iUI JS Demo • jQuery Mobile ThemeRoller Smartface • Smartface Pros • Smartface Cons
What is a ‘Mobile App’ ? Mobile apps are software programs you can download and access directly using your phone or tablet « Mobile App -> Software that runs on your mobile device »
Native vs Hybrid vs Mobile Web Native : Platform-based Programming Language,UI & libraries Hybrid : Native-based HTML/JS mobile web apps. Mobile Web : Websites that run responsive on mobile devices
Limitations of Hybrid Browsers do not typically have access to advanced functions of a device, like GPS, camera, address book... Web apps are often slower than native apps Mobile web apps require permanent Internet connection Using offline web application caching and platforms like PhoneGap, Titanium, etc. provides ways to address these limitations
Platforms & Marketplaces • iOS – iTunes Store • Android – Google Play • Blackberry – AppWorld • Windows Phone & Windows 8 – Windows Store • Tizen – Tizen Store
App Builders Easy to use, No Coding skill required AppyPie.com appery.io TheAppBuilder MobinCube ShoutEm
PhoneGap build.phonegap.com or Standalone Apache Cordova Packaging in the Cloud Github Support
jQuery Mobile and iUI’s Cons jQuery Mobile iUI • Page Transitions • Documentation • Large JS Files • No Native Support • Canvas Animations
jQuery Mobile and iUI’s Pros jQuery Mobile • Familiarity with jQuery • Design & Layout iUI • iOS UI
ThemeRoller for jQuery Mobile • Customizable user interface • Built-in theming framework • ThemeRoller application http://themeroller.jquerymobile.com/
Supported Platforms 3-level graded platform support system, supported platforms include: • Apple iOS (iPhone, iPod Touch, iPad) • Android • Windows Phone • Blackberry
iUI – iOS User Interface http://www.iui-js.org/
“ jQuery Mobile ThemeRoller Demo ”
Smartface Cons No game, no utilities Some apps need more knowledge Mac and Linux support Dependency
“ Thanks for coming! ”
JQuery Mobile is a HTML5 based user interface system designed to make responsive web sites and apps that are accessible in the vast majority of smartphone ...
5 Best Mobile Web App Frameworks: Ionic (AngularJS) ... I was reading this post when I was looking for a mobile app CSS framework to use with Ember JS.
The Mobile Frameworks Comparison Chart lets you compare all major mobile frameworks.
Mobile Angular UI is a mobile UI framework just like Sencha Touch or jQuery Mobile. If you know Angular JS and Twitter Bootstrap you already know it!
The Top 7 Hybrid Mobile App Frameworks. ... jQuery Mobile alongside KnockOut.js or AngularJS is a nice combination. Once you are done with your code, ...
Ionic makes it incredibly easy to build beautiful and interactive mobile apps using HTML5 and AngularJS.