JavaScript in Universal Windows Platform apps
•Als PPTX, PDF herunterladen•
0 gefällt mir•6,472 views
I recently gave a presentation about using JavaScript in Universal Windows Platform apps. In combination with WinJS, AngularJS and Knockout JS. I explain how UWP apps work, how to build hosted web apps and how to write apps using the three frameworks.
Empfohlen
Empfohlen
Weitere ähnliche Inhalte
Was ist angesagt?
Was ist angesagt? (20)
Ähnlich wie JavaScript in Universal Windows Platform apps
Ähnlich wie JavaScript in Universal Windows Platform apps (20)
Mehr von Timmy Kokke
Mehr von Timmy Kokke (19)
Kürzlich hochgeladen
Kürzlich hochgeladen (20)
JavaScript in Universal Windows Platform apps
- 1. Timmy Kokke
- 2. “JavaScript is unsuitable for building apps!” random C# developer
- 3. about • Timmy Kokke • Windows Platform Development MVP • Consultant @ Centric • ASP.NET MVC / Xamarin • Store Apps Usergroup http://storeappsug.nl • http://WinJS.Ninja • http://timmykokke.com • @sorskoot • http://Youtube.com/c/WinJsNinja
- 4. agenda • Intro • Hosted web apps • WinJS • Knockout JS • AngularJS
- 5. Intro
- 6. Why ‘web’ technology? • Great support in Microsoft Edge • Many frameworks available • Access toWindows Runtime • Visual Studio Support • TypeScript • No cross-browser • No legacy
- 7. Why not? • No designer… anymore… • Cross-platform • Specific requirements • Learning curve • Documentation
- 8. Edge features • WebGL • WebAudio API • New tags • <Picture> • <template> • Webdriver • Console API • Content Security Policy (CSP) • … Much more http://status.modern.ie
- 9. Edge - JavaScript • Template strings • Promises • Arrow functions • Block bindings • Get/set • Symbols • Spread • Iterators • Class • Proxies • … again much more http://status.modern.ie
- 10. ES6 support IE 10 IE 11 Edge 12 FF 38 Edge 13 FF 42 FF 43 FF 44 CH 46 OP 33 CH 47 OP 34 CH 48 OP 35 SF 6.1 SF 7 SF 7.1 SF 8 SF 9 WK KQ 4.14 7% 16% 63% 84% 66% 71% 72% 74% 63% 63% 65% 12% 21% 54% 71% 13% Desktop Browsers https://kangax.github.io/compat-table/es6/
- 11. EdgeHTML Chakra
- 12. Where? • Desktop + PC • IoT • Surface Hub • HoloLens • Phone • Xbox
- 13. Tips •ThinkWeb •UseWindows Runtime Component •Use debugger for exploration •Minification for Obfuscation
- 16. JavaScript Frameworks • Use whatever you like • Don’t use CDN for packaged apps • MSApp.execUnsafeLocalFunction
- 17. HostedWeb apps
- 18. Developers want… just run just work
- 19. Hosted web apps. • Perfect for existing web apps • Package app without content • Configure allowed URLs • Mix’n’Match • Reviews from MS during lifetime of app • Not allowed to change during lifetime
- 20. all https://*.websites.net/ allowForWebOnly https://*.website.net/ none http://ads.website.net/ Manifest
- 21. Manifold.js • Cross-plaform Package • Fallback to Apache Cordova • More at http://manifoldjs.com/documentation
- 23. WinJS
- 24. “WinJS is a set of JavaScript toolkits that allow developers to build applications using HTML/JS/CSS technology”
- 25. WinJS features
- 26. How does it work?
- 27. How does it work?
- 28. How does it work?
- 29. How does it work?
- 30. How does it work?
- 31. How does it work?
- 32. How does it work?
- 33. How does it work?
- 34. What more? • Classes WinJS.NameSpace WinJS.Class • Promises WinJS.Promise • Databinding • Pages • Converters
- 35. Demo WinJS
- 36. WinJS + Knockout JS
- 37. “Simplify dynamic JavaScript UIs with the Model-View-View Model (MVVM) pattern”
- 38. Initialization
- 39. Initialization
- 40. Bindings
- 41. Observable
- 42. Computed
- 43. Custom bindings
- 44. Custom bindings
- 45. Knockout-WinJS
- 46. Knockout-WinJS
- 50. Module • ng-app doesn’t work withWinJS • After activation:
- 51. Controller
- 52. View
- 53. Service
- 54. Directive
- 55. Config
- 56. Angular-WinJS
- 57. Angular-WinJS
- 58. Navigation
- 60. Not discussed • Visual Studio tools for Apache Cordova • Anything else?
- 61. Blog: http://timmykokke.com http://winjs.ninja Twitter: @sorskoot YouTube: http://youtube.com/c/winjsninja Github: http://github.com/sorskoot Store apps user group: http://storeappsug.nl
- 62. Thank you!
Hinweis der Redaktion
- Koploper ES6 implementatie WinJS - Angular – Meteor – Knockout – React – Twitter bootstrap Wel toegang to volledige WinRT API – Voicecommands, Bluetooth, Notifications, MIDI Great VS support ! Eventueel TypeScript Geen gedoe met Chrome of FF Geen legacy… Geen gedoe met support voor 20 jaar oude browsers…
- Windows Library for JavaScript.