From Mobile Website                           to Mobile App                            jQuery LA - 20 February 2013Thursda...
IntroductionThursday, February 21, 13
Who Am I?                     • Troy Miles                     • Senior Software Engineer w/ 30+ years of                 ...
Thursday, February 21, 13
Intermediate PhoneGap                     • JS best practices, iScroll, Maps, Ajax + more                     • Saturday, ...
You May Get Mad At                                    Me                     • Sorry, in advance if I insult your favorite...
Others will hate you                     • The cult of Java, Objective-C, and C#                            believe that o...
What You Know is                                Valuable                     • I am assuming that everyone here is a web  ...
Our Goals                     • Explain Difference Between Mobile Web -                            Device Apps - Hybrid Ap...
Hybrid AppsThursday, February 21, 13
Web Apps             Device Apps                Can migrate web skills       Longer learning curve                       O...
Hybrid Apps                                  Can migrate web skills                                     One source base   ...
Web to Mobile WebThursday, February 21, 13
Mobile Websites                     • Smaller screen                     • Slower speeds                     • Touch enabl...
Build to MoveThursday, February 21, 13
Build to Move                     • Don’t hardcode dimensions                     • Modularize your code                  ...
Apache CordovaThursday, February 21, 13
Pronounced                              “PhoneGap”                     • Created by a Nitobi, acquired by Adobe           ...
Featured PhoneGap                                   Apps                     • http://phonegap.com/app/feature/Thursday, F...
IceniumThursday, February 21, 13
Icenium                     • Built by Telerik                     • Current version is 1.2                     • PhoneGap...
Window 8Thursday, February 21, 13
Windows 8                     • Can use HTML, CSS, & JavaScript Program                     • JS is a first class citizen o...
SummaryThursday, February 21, 13
Next Steps                     • Just Starting out? Try Icenium, it is free until                            May 1st.     ...
Links                     • http://phonegap.com                     • http://www.icenium.com/                     • http:/...
Me                     • @therockncoder                     • rockncoder@gmail.com                     • http://therocknco...
Questions?Thursday, February 21, 13
Upcoming SlideShare
Loading in...5
×

Mobile Web to Mobile Apps

1,146

Published on

Have web skills and think they may be obsolete in the world of mobile? They are not, here how to use them to build great mobile apps.

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,146
On Slideshare
0
From Embeds
0
Number of Embeds
31
Actions
Shares
0
Downloads
9
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Mobile Web to Mobile Apps

  1. 1. From Mobile Website to Mobile App jQuery LA - 20 February 2013Thursday, February 21, 13
  2. 2. IntroductionThursday, February 21, 13
  3. 3. Who Am I? • Troy Miles • Senior Software Engineer w/ 30+ years of experience • Mobile/Mobile Web • iOS, Android, & Windows Phone 7Thursday, February 21, 13
  4. 4. Thursday, February 21, 13
  5. 5. Intermediate PhoneGap • JS best practices, iScroll, Maps, Ajax + more • Saturday, May 18th • 9 AM to 6 PM • $99 - lunch included • http://bit.ly/XlxzYp • CraveLab - Downtown Los AngelesThursday, February 21, 13
  6. 6. You May Get Mad At Me • Sorry, in advance if I insult your favorite: company, device, or personality • I have nothing against any of these companies • I will gladly do a project for any of them, for the right priceThursday, February 21, 13
  7. 7. Others will hate you • The cult of Java, Objective-C, and C# believe that only through pain can good mobile apps be created • I believe they are wrongThursday, February 21, 13
  8. 8. What You Know is Valuable • I am assuming that everyone here is a web dev of some sort • You should understand: HTML, CSS, and a bit of JavaScriptThursday, February 21, 13
  9. 9. Our Goals • Explain Difference Between Mobile Web - Device Apps - Hybrid Apps • Show How to Structure Websites to Move • Introduce Apache Cordova (PhoneGap) • Move a Website into PhoneGap • Deploy App to a DeviceThursday, February 21, 13
  10. 10. Hybrid AppsThursday, February 21, 13
  11. 11. Web Apps Device Apps Can migrate web skills Longer learning curve One source base Many source bases Deploy when you want Deployment needs approval You choose when to update User chooses when to update No device memory used Uses device memory Difficult to monetize Monetization is built-in Restricted device access Full access to device hardware Slower FasterThursday, February 21, 13
  12. 12. Hybrid Apps Can migrate web skills One source base Deployment needs approval User chooses when to update Uses device memory Monetization is possible Access to some device hardware Faster than web, slower than deviceThursday, February 21, 13
  13. 13. Web to Mobile WebThursday, February 21, 13
  14. 14. Mobile Websites • Smaller screen • Slower speeds • Touch enabled • OrientationThursday, February 21, 13
  15. 15. Build to MoveThursday, February 21, 13
  16. 16. Build to Move • Don’t hardcode dimensions • Modularize your code • Use CSSThursday, February 21, 13
  17. 17. Apache CordovaThursday, February 21, 13
  18. 18. Pronounced “PhoneGap” • Created by a Nitobi, acquired by Adobe • Open sourced by Adobe • PhoneGap is a trademark of Adobe • Telerik’s Icenium is also based on Cordova • Creates “Hybrid” AppsThursday, February 21, 13
  19. 19. Featured PhoneGap Apps • http://phonegap.com/app/feature/Thursday, February 21, 13
  20. 20. IceniumThursday, February 21, 13
  21. 21. Icenium • Built by Telerik • Current version is 1.2 • PhoneGap code runs on it unmodified • Deploy directly to device • Free until May 1st • Includes Kendo UI MobileThursday, February 21, 13
  22. 22. Window 8Thursday, February 21, 13
  23. 23. Windows 8 • Can use HTML, CSS, & JavaScript Program • JS is a first class citizen on Windows RT • UI Libraries don’t work well under it • JS Libraries should be fineThursday, February 21, 13
  24. 24. SummaryThursday, February 21, 13
  25. 25. Next Steps • Just Starting out? Try Icenium, it is free until May 1st. • Try PhoneGap and PhoneGap Build • Learn a JavaScript MVC Framework like: Backbone, Knockout, or EmberThursday, February 21, 13
  26. 26. Links • http://phonegap.com • http://www.icenium.com/ • http://addyosmani.github.com/todomvc/Thursday, February 21, 13
  27. 27. Me • @therockncoder • rockncoder@gmail.com • http://therockncoder.blogspot.com/ • http://www.youtube.com/user/rockncoder • https://github.com/RockncoderThursday, February 21, 13
  28. 28. Questions?Thursday, February 21, 13
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×