Download as PDF, PPTX
Uploaded byMartin Naumann
The future is hybrid
This document discusses the future of hybrid apps and web technologies. It covers Firefox OS, which uses web APIs as its platform; PhoneGap, which allows developing installable apps using web technologies that access native device APIs; and web components, which allow building reusable custom HTML elements. The document encourages developing apps using these open web technologies and provides examples of building components using upcoming standards like Web Components.
More Related Content
![[2015/2016] Apache Cordova](https://cdn.slidesharecdn.com/ss_thumbnails/05cordova-160401161537-thumbnail.jpg?width=640&height=640&fit=bounds)
The future is hybrid
- 1. The future ishybrid ...or is it?
- 2.
- 3. The future isuser-focused
- 4. The future isuser-focused
- 5. What we’ll cover 0.Prologue 1. Firefox OS 2. Web APIs 3. Phonegap 4. Web Components
- 6. What are apps? “native”Apps Web apps ● ● ● ● ● ● ● ● ● ● in the App stores home screen icon work offline fully-featured custom UI in the App stores ✓* home screen icon ✓ work offline ✓ fully-featured ✓* custom UI ✓
- 7. Use the web,Luke
- 8. 1. Firefox OS Theweb is the platform ● Standard APIs for all features ● Fully open ● Open Web Apps
- 9. 1. Firefox OS The$100 smartphone? 69€ $129 90€
- 10. 1. Firefox OS- the open experience Search the web See if you like it Install it
- 11. 1. Firefox OS- the web experience Search the web See if you like it Install it
- 12. 1. Firefox OS- Open web apps Hosted / Packaged apps Minimal: Your website + Manifest Privileged apps Minimal: Your app, signed Certified apps Minimal: Certified by OEMs
- 13. 1. Firefox OS- Manifest? { name: “Hello FOWA”, description: “A simple web app”, ... }
- 14. 1. Firefox OS- Web activities
- 15. 2. Web APIs WebFM AmbientLight Battery Status Proximity Contacts Bluetooth Vibration Web Payments Network Info Idle https://developer.mozilla.org/en-US/docs/WebAPI Storage Notifications
- 16. 3. What if youwant that today?
- 17. 3. PhoneGap You canhave it today!
- 18. Web vs. App- FIGHT! Thanks for that,
- 19.
- 20.
- 21. 3. PhoneGap Your webapp + native APIs + installable App = APPsomeness!
- 22. Get your handson it Locally: <Setup SDKs> npm install -g cordova cordova create helloapp && cd helloapp cordova platform add <platform> cordova build -d Deploy!
- 23. Get your handson it - even easier! build.phonegap.com
- 24. Caution, speed bumpsahead..
- 25. Caution, speed bumpsahead.. 1. Do not just wrap your web(site | app) 2. Test test test and test! 3. Expect the unexpected a. Rendering performance b. Feature support c. Click vs. Touch 4. Did I mention “TEST”?
- 26.
- 28.
- 29. 4. Web components Buildyour own HTML elements
- 30. 4. Web components Buildyour own HTML elements using HTML, CSS and Javascript
- 31.
- 32. 4. Web components Welcometo the future, today! Oh - and for the others: X-Tags, Polymer
- 33. 4. Web components So,what can we do? ● easily reuse components ● speed up the web evolution ● open up the web
- 34. 4. Web components Meetthe AppMaker appmaker.mozillalabs.com
- 35. 4. Web components Let’sbuild one now! The super-quick-live-coding™ Vol. II
- 36. </body> Thank you forlistening Questions, please!