MOBILE DEVELOPMENT with HTML, CSS and JS
0 likes843 views
This document discusses mobile development using HTML, CSS, and JS. It covers developing for mobile by using web technologies that allow working offline, though early attempts were difficult. Frameworks like Ionic, Bootstrap, and libraries like jQuery UI, AngularJS, and EmberJS help build mobile apps with touches, swipes and bars as the UI. Containers like Apache Cordova allow building native mobile apps with full browser capabilities and offline access. The document compares PhoneGap to Cordova and covers debugging Android, iOS, and Windows Phone mobile apps.
MOBILE DEVELOPMENT with HTML, CSS and JS
- 1. MOBILE DEVELOPMENT with HTML, CSS and JS #SperasoftTalks
- 2. MOBILE DEVELOPMENT It is development for mobile devices through web-based technologies
- 3. STANDARD WEB Server Rendering Server saves all the data Working offline is no possible That would be a common sense Client is the most resting component of the system
- 4. AT FIRST IT WAS JUST AWFUL
- 7. WHY IT DOESN’T REALLY WORK Work offline is not possible Every effort requires costly requests from server We handle a huge amount of assets
- 8. Have a question? Like this deck? Just follow us on twitter @Sperasoft
- 9. SERVER SIDE FIRST Server knows the device Server generates required content This is not a stand-alone solution
- 10. BREAKPOINTS • EASILY LAYS IN A FAMILIAR GRID • EASY TO DEVELOP MOBILE APPS • MOBILE APPLICATIONS AS LOGICAL CONTINUATION • MOBILE WEB DEVELOPMENT UI • TOUCHES • SWIPES • BARS
- 11. UI FRAMEWORKS • IONIC • BOOTSTRAP • KENDO UI JS FRAMEWORKS • JQUERY UI • ANGULARJS • EMBERJS CONTAINERS • NATIVE CAPABILITIES • FULLY ATTACHED BROWSER • PUSH NOTIFICATIONS • IOS WIDGETS • WORKS WITHOUT INTERNET • APACHE CORDOVA • TITANIUM • SENCHA
- 12. PHONEGAP VS CORDOVA • Webkit vs Google Chrome DEPENDENCIES • Needs RUBY PYTHON • Needs MS VISUALSTUDIO
- 13. ANDROID • IntillijIDEA • Open SDK • Simple Debug IOS • OS X • Xcode • No Documentation • Debug is a pain! WINDOWS PHONE • Windows 8 • Hyper-V • Debuggin is Difficult • Emulator is Virtual
- 14. Follow us on Twitter @Sperasoft Visit our site: sperasoft.com