Download to read offline
Uploaded byTimmy Kokke
JavaScript in Universal Windows Platform apps
Timmy Kokke discusses the use of JavaScript for building applications, emphasizing its support in Microsoft Edge and various frameworks available for Windows development. He presents information on JavaScript features, frameworks, and strategies for creating hosted web apps, while also touching on tools like WinJS and Knockout.js for enhancing user interfaces. The presentation highlights the importance of modern web technologies and their application across different platforms.
JavaScript in Universal Windows Platform apps
- 1.
- 2. “JavaScript is unsuitablefor building apps!” random C# developer
- 3. about • TimmyKokke • 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 • Hostedweb apps • WinJS • Knockout JS • AngularJS
- 5.
- 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? • Nodesigner… 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 10IE 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.
- 12. Where? • Desktop +PC • IoT • Surface Hub • HoloLens • Phone • Xbox
- 13. Tips •ThinkWeb •UseWindows Runtime Component •Usedebugger for exploration •Minification for Obfuscation
- 14.
- 15.
- 16. JavaScript Frameworks • Usewhatever you like • Don’t use CDN for packaged apps • MSApp.execUnsafeLocalFunction
- 17.
- 18.
- 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/ nonehttp://ads.website.net/ Manifest
- 21. Manifold.js • Cross-plaform Package •Fallback to Apache Cordova • More at http://manifoldjs.com/documentation
- 22.
- 23.
- 24. “WinJS is aset of JavaScript toolkits that allow developers to build applications using HTML/JS/CSS technology”
- 25.
- 26. How does itwork?
- 27. How does itwork?
- 28. How does itwork?
- 29. How does itwork?
- 30. How does itwork?
- 31. How does itwork?
- 32. How does itwork?
- 33. How does itwork?
- 34. What more? • Classes WinJS.NameSpace WinJS.Class •Promises WinJS.Promise • Databinding • Pages • Converters
- 35.
- 36.
- 37. “Simplify dynamic JavaScriptUIs with the Model-View-View Model (MVVM) pattern”
- 38.
- 39.
- 40.
- 41.
- 42.
- 43.
- 44.
- 45.
- 46.
- 47.
- 48.
- 49.
- 50. Module • ng-app doesn’twork withWinJS • After activation:
- 51.
- 52.
- 53.
- 54.
- 55.
- 56.
- 57.
- 58.
- 59.
- 60. Not discussed • VisualStudio tools for Apache Cordova • Anything else?
- 61.
- 62.
Editor's Notes
- #7 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…
- #25 Windows Library for JavaScript.