Using frameworks to avoid common pitfalls of app development

Using frameworks to avoid common pitfalls of app development - presentation, 15min quickie @ Devoxx - Lee Boonstra

Transcript

1. @ladysign
   #sencha
   Using Frameworks to Avoid
   Common Pitfalls of App Development
   Lee Boonstra
   Sencha Inc.
   @ladysign
   

   View Slide

2. @ladysign
   #sencha
   About me
   Lee Boonstra
   Sales Engineer
   Sencha Inc.
   @ladysign
   http://github.com/savelee
   http://www.ladysign-apps.com
   

   View Slide

3. @ladysign
   #sencha
   

   View Slide

4. @ladysign
   #sencha
   • Single Page Apps
   • Write once, run everywhere
   • Updates in real-time
   • Can do everything, like native*
   * well, sort of…
   

   View Slide

5. @ladysign
   #sencha
   “Every day large enterprises decide to
   migrate their existing applications
   to HTML5 web applications”
   

   View Slide

6. @ladysign
   #sencha
   

   View Slide

7. @ladysign
   #sencha
   Serious app development isn’t easy…
   •Data retrieval
   •Secure login
   •Forms & validation
   •Data tables
   •Data visualisations
   •Offline availability
   • Beautiful design
   • Best experience per device
   • Keyboard navigation
   • Touch events
   • ARIA support
   • Performance
   

   View Slide

8. @ladysign
   #sencha
   Serious app development brings
   a lot of challenges.
   

   View Slide

9. @ladysign
   #sencha
   Device fragmentation
   

   View Slide

10. @ladysign
    #sencha
    Browser support
    

    View Slide

11. @ladysign
    #sencha
    CSS Vendor Prefixes
    

    View Slide

12. @ladysign
    #sencha
    Feature support
    

    View Slide

13. @ladysign
    #sencha
    Big data
    

    View Slide

14. @ladysign
    #sencha
    App Performance
    

    View Slide

15. @ladysign
    #sencha
    Internet Connection
    

    View Slide

16. @ladysign
    #sencha
    “Serious app development
    is like playing Tetris.
    Stacking technologies
    on top of each other.
    At some moment it’s
    too hard to maintain.”
    

    View Slide

17. @ladysign
    #sencha
    That’s a lot of code!
    Maintainability
    How to maintain your codebase?
    Re-usability
    How can you re-use your code?
    Scalability
    How can you scale your app?
    Teamwork
    How can you work with teams?
    Cost
    How can you keep the costs low?
    

    View Slide

18. @ladysign
    #sencha
    We let a framework deal with
    the pitfalls of app development.
    

    View Slide

19. @ladysign
    #sencha
    A framework can help you!
    • Making screens pixel perfect across
    browsers and devices
    • Delivering the best experience for the
    right device
    • Using simple framework API calls to
    solve time consuming work
    • Writing one unified coding style
    

    View Slide

20. @ladysign
    #sencha
    “What you need is one framework.
    That can do this all.”
    

    View Slide

21. @ladysign
    #sencha
    The Sencha Platform
    Design
    Prototype | Theme
    !
    Deploy
    Secure | Manage| Analyze
    Develop
    SDK (Ext JS / GXT) | Test | Tools
    Enterprise Workflow Integration
    IDE | Backend Connectivity | Build/CI
    Education & Support
    Implementation &
    Customization Services
    

    View Slide

22. @ladysign
    #sencha
    DESIGN
    

    View Slide

23. @ladysign
    #sencha
    DESIGN
    

    View Slide

24. @ladysign
    #sencha
    DEVELOP
    No HTML/CSS expertise required
    Java or JavaScript
    One coding style
    OOP / Architecture concepts
    

    View Slide

25. @ladysign
    #sencha
    DEVELOP
    

    View Slide

26. @ladysign
    #sencha
    DEPLOY
    

    View Slide

27. @ladysign
    #sencha
    Interested?
    Visit Sencha at booth #B11
    

    View Slide

28. @ladysign
    #sencha
    Thank you!
    Lee Boonstra
    Sencha
    @ladysign
    

    View Slide