developing windows 10 universal apps

85
Developing Windows 10 Universal Apps Click icon to add picture

Upload: tom-walker

Post on 30-Jul-2015

186 views

Category:

Software


4 download

TRANSCRIPT

1. Meet Tom Walker | @Tinytoot Founder @LdnOntNetDevs | LondonNetDevelopers.ca Always welcoming news members Windows Platform Development MVP Senior Mobile Architect at Goviral Inc. Developer for 15+ years now focusing on mobile and web frontend Worked with large enterprises, startups and software companies Design & build internal enterprise and consumer facing software Xamarin Certified Developer (almost ) 2. http://windows.Microsoft.com Agenda The Univeral Windows Platform Developer Tools XAML Controls XAML Data Binding Adaptive UI Navigation 3. Introducing the UWP 4. http://windows.Microsoft.com Windows Core The refactored common core One hardware platform Universal hardware driver Standard network and I/O Phone Device Xbox Device Desktop Device Windows Core Desktop SKU Phone SKU Xbox SKU 5. Each family adds features to the one it inherits 6. http://windows.Microsoft.com Phone Small Tablet 2-in-1s (Tablet or Laptop) Desktops & All-in-OnesPhablet Large Tablet Classic Laptop Xbox IoTSurface Hub Holographic Windows 10 7. http://windows.Microsoft.com Universal Windows Platform A single API surface A guaranteed API surface The same on all devices Phone Device Xbox Device Desktop Device Windows Core Universal Windows Platform 8. Apps don't target Windows 10, apps target the platform 9. http://windows.Microsoft.com 10. http://windows.Microsoft.com Windows app A single binary Running on any device Testing for capabilities Adjusting to devices Phone Device Xbox Device Desktop Device Windows Core Universal Windows Platform Windows App 11. http://windows.Microsoft.com The developer story When writing for iOS, A developer writes for iPad & iPhone When writing for Android, A developer writes for all supported devices When writing for Windows 8, A developer writes for each devices When writing for Windows 10, A developer writes for every device 12. DEMO 2:05 Hello devices 13. http://windows.Microsoft.com Platform extensions Device-specific API Family-specific capabilities Compatible across devices Unique update cadence Phone Device Xbox Device Desktop Device Windows Core Universal Windows Platform Windows App Phone extension Xbox extension Desktop extension 14. Extensions don't invalidate binaries on other devices 15. http://windows.Microsoft.com Universal Windows Platform One Operating System One Windows core for all devices One App Platform Apps run across every family One Dev Center Single submission flow and dashboard One Store Global reach, local monetization Consumers, Business & Education 16. Developer Tools 17. One simple, unified, integrated development environment 18. http://windows.Microsoft.com Visual Studio IDE Every project type Desktop, Windows, Phone, Service, Web, Game, More Every developer task Code edit, Architecture design, UX design, Debug, Profile, Review, Test, More Every development language C++/CX, C#, Visual Basic, JavaScript, XAML, HTML, More Visual Studio Online Source repository, project management, bug tracking, More 19. Introducing Roslyn, our new compiler for .Net 20. http://windows.Microsoft.com Blend for Visual Studio The XAML Developers IDE Always part of Visual Studio Uses the Visual Studio shell Full auto-complete & intellisense Validation Snippets Peek File & solution management Resource management Data management Animation States 21. http://windows.Microsoft.com Visual Studio 2015 Editions Enterprise Architecture Modeling, Diagnostics, VSO/ALM & Release Management Professional Architecture Validation, VSO/ALM & Feedback Management Community Editions Visual Studio Professional Edition 22. http://windows.Microsoft.com Microsoft Developer Network Microsoft documentation http://msdn.Microsoft.com http://dev.Windows.com Microsoft training http://msevents.Microsoft.com http://MicrosoftVirtualAcademy.com MSDN Subscription Operating Systems Server/Client Products Developer Tools Azure/O365 Credits 23. http://windows.Microsoft.com Developer unlock 24. http://windows.Microsoft.com Where can I develop? Windows 10 Requires Visual Studio 2015 Windows 8.1 & Windows Server 2012 R2 The Visual Studio designer does not function Debugging requires a Windows 10 device or Remote Debugging Tools 25. http://windows.Microsoft.com 26. XAML Controls 27. http://windows.Microsoft.com Layout controls 28. http://windows.Microsoft.com Canvas 29. http://windows.Microsoft.com StackPanel 30. http://windows.Microsoft.com Grid 31. http://windows.Microsoft.com WrapGrid 32. http://windows.Microsoft.com ScrollViewer 33. http://windows.Microsoft.com Viewbox 34. http://windows.Microsoft.com RelativePanel Some child elements act as anchors Most child elements relate to others It's a layout technique friendly with States 35. http://windows.Microsoft.com SplitView IsPaneOpen="True" IsPaneOpen="False" DisplayMode= "Inline" DisplayMode= "Overlay" DisplayMode= "CompactInline" DisplayMode= "CompactOverlay" 36. http://windows.Microsoft.com Buttons 37. http://windows.Microsoft.com Text controls 38. http://windows.Microsoft.com Grid View Syntax 39. http://windows.Microsoft.com List View Syntax 40. http://windows.Microsoft.com Flip View Syntax 41. http://windows.Microsoft.com Hub Syntax 42. http://windows.Microsoft.com What is a XAML resource? System resources ThemeResources Custom resources Values (like font size) Objects (like color brushes) Control styles BasedOn Templates Control templates Data templates 43. DEMO XAML Controls 44. XAML Data Binding 45. http://windows.Microsoft.com Literal Data You could hard code everything, but Not very dynamic. 46. http://windows.Microsoft.com Dynamic Data Use data binding to connect to a data source Typical data source would be a view model 47. http://windows.Microsoft.com Updating the UI INotifyPropertyChanged Implement in a view model class Raised by View Model when property value changes INotifyCollectionChanged Implemented in ObservableCollection and ReadOnlyObservableCollection Raised by the collection when the collection is modified (also IObservableVector) 48. http://windows.Microsoft.com Converting Data Converters change data during binding Raw datatype > Converter > Formatted string IValueConverter Convert method Converts data to a new format/value before assignment ConvertBack method Converts data from the new format/value updating source Often not implemented 49. DEMO Classic binding 50. Compiled binding 51. http://windows.Microsoft.com x:Bind Compiled binding Bindings are committed at compile-time Strongly-typed binding Duck binding is not supported Default mode is OneTime OneWay and TwoWay are still available Standard binding approaches INotifyPropertyChanged, IObservableVector, INotifyCollectionChanged 52. The data context of x:Bind is the code-behind class 53. http://windows.Microsoft.com Data Templates