Öresund Sencha & HTML5 Meetup - Pre vacation Meetup

Meetup @ Orango in Malmö Sweden 30/6 2015

Speakers:
Mats Bryntse - Siesta Intro
https://speakerdeck.com/mats/siesta-deep-dive

Emil Pennlöv
Universal App - introduction to Ext JS 6

Transcript

1. PRE VACATION MEETUP Öresund Sencha & HTML5 Meetup
2. AGENDA Siesta Intro Mats Bryntse Universal App, introducing Ext JS 6 Emil Pennlöv
3. NEXT AGENDA Meetup 2/9? Topics? Speakers? Venue?
5. SIESTA INTRO Testing your JS-applications
6. UNIVERSAL APP Introduction to Ext JS 6
7. EMIL PENNLÖV Team Leader @ Orango Technical trainer for Sencha 12 years in web tech 6 years working with Sencha frameworks @EmilPennlov
8. SENCHACON DESIGN – DEVELOP – DEPLOY Mission critical web applications The right experience The right screen At the right time
9. SENCHACON UNIFIED FRAMEWORK No dependenices JRE included in Sencha Cmd install No Ruby Install Sencha Cmd as non admin (UAC, root)
10. SENCHACON JetBrains IDE integration Fashion Sencha Inspector Pivot Grid
11. UNIVERSAL APPLICATION (TOOLKITS) Classic toolkit = Ext JS Modern toolkit = Sencha Touch Share resources/logic ?profile=modern/classic
12. HELLO WORLD
13. UNIVERSAL APPLICATION (RUNTIME) APP PROFILES Swap view(s) based on a condition (phone, tablet, desktop etc.) specified in an Ext.app.Profile PLATFORM CONFIG Used in class declaration or to configure object instances bases on the current platform (phone, tablet, desktop etc.) RESPONSIVE CONFIG (5.0) Change config based on a rule (width, height etc.). Reacts to device orientation change / viewport size change
14. UNIVERSAL APPLICATION (RUNTIME) With all these tools at hand, it is just a matter of picking the right tool for the particular situation. For simple tuning at load time, there is platformConfig. For more dynamic conditions, there is responsiveConfig. To change things on a larger scale, there is Ext.app.Profile.
15. UPGRADE Package namespaces Accessibillity (ARIA) Charts Misc API-changes in classic Few sencha cmd stuff Compass functionality depending on Ruby code will be unavailable Touch has more changes, web sql proxy dropped
16. FASHION JavaScript implementation of Sass that can parse .scss-files and CSS. sencha app watch = live update (only Cmd web server) Inject fresh css to page without reloding instead of edit/build/refresh Performance Compass requires ruby Extend with JS instead of compass/ruby
17. FASHION JavaScript = Easier to debug Fashion.getVariables(); Fashion.setVariables({'$base-color':hotpink'});
18. MORE FASHION http://www.sencha.com/blog/fashion-blazing-fast-theming-for-ext-js/ TAKING EXT JS FROM DESKTOP TO SMARTPHONES http://www.sencha.com/blog/taking-ext-js-from-desktops-to-smartphones/ WHY SENCHA https://vimeo.com/108127206
19. QUESTIONS?