Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Zero to App Store: A Hybrid App’s Tale

Zero to App Store: A Hybrid App’s Tale

A lot goes into making a mobile app: from visual and interaction design to prototyping, then coding and testing, and finally the nerve-wracking submission process: it can seem overwhelming for an experienced team, much less a single developer. In this session, you'll get to cheer me on as I enthuse about my wild successes building a hybrid app, and have a good laugh at my expense while I discuss my abysmal failures. We'll also touch on some tooling and workflows that contribute to the longest journey of hybrid app development.

timgthomas

April 11, 2016
Tweet

More Decks by timgthomas

Other Decks in Programming

Transcript

  1. Zero to App Store:
    A Hybrid App’s Tale
    Tim G. Thomas

    View Slide

  2. View Slide

  3. Welcome!
    Tim G. Thomas
    @timgthomas

    View Slide

  4. Mobile Apps

    View Slide

  5. View Slide

  6. Heart Points
    iOS App
    React + Cordova

    View Slide

  7. Today
    Concept
    Design
    Development
    Packaging
    Release

    View Slide

  8. Concept

    View Slide

  9. Step 1:
    The Idea

    View Slide

  10. Step 2:
    Sketching

    View Slide

  11. Step 3:
    The Prototype
    Gotcha!

    View Slide

  12. Design

    View Slide

  13. Step 4:
    Visuals
    Gotcha!

    View Slide

  14. Step 5:
    Polish, Polish, Polish

    View Slide

  15. Development

    View Slide

  16. Step 6:
    Platform + Tools
    Web vs. Hybrid vs. Native

    View Slide

  17. Why Hybrid?
    Experience
    Sales*!

    View Slide

  18. Tools
    React
    SVG
    Broccoli

    View Slide

  19. Step 7:
    Code!

    View Slide

  20. DEMO:
    Some Code!

    View Slide

  21. Step 8:
    Cordova

    View Slide

  22. Step 9:
    Xcode
    Gotcha!

    View Slide

  23. Packaging

    View Slide

  24. Step 10:
    iTunes Connect

    View Slide

  25. Step 11:
    Test!

    View Slide

  26. Release

    View Slide

  27. Step 12:
    The Soash
    Gotcha!

    View Slide

  28. Step 13:
    Release!
    (Photo of app on phone)
    Gotcha!

    View Slide

  29. Step 14:
    Conferences!
    bit.ly/heart-points-app

    View Slide

  30. @timgthomas

    View Slide