Building my first mobile app with UWP

Nowadays all sorts of devices are popping up into our lives and being a developer I’m intrigued by the idea of customizing or building apps for this type of devices. As you all know perfectly our time is limited and since I make my living out of Microsoft technology until recently the only real option to tinker with this devices was to learn a new technology. Personally I loved the idea of learning something completely new but my boss and my family decide against it. Last year Microsoft launched the new Universal Windows Platform and I thought that this is my “breakout” ticket since I already know most of the technology, or at least I thought I knew it … . So in this session I want to share my experience on building my first mobile application using Microsoft Universal Windows Platform. To be more specific I will talk about tools, data binding and layouts.

Transcript

1. - Community Event 18:00-18:30 Attendee Registration (Cofee Time) 18:30-19:30 First 13 steps to be able to design an application for Azure Service Fabric Radu Vunvulea Welcome to a session where we will talk about the most important thing that we need to know about Azure Service Fabric and microservices. This presentation will introduce you in the most important concept of Azure Service Fabric with real life examples and demos. This is not a how to session, this is a session with the pillars of Azure Service Fabric. 19:30-19:45 Coffe Time and Socialization Time 19:45-20:45 Building my first mobile app with UWP Crișan Romulus Nowadays all sorts of devices are popping up into our lives and being a developer I’m intrigued by the idea of customizing or building apps for this type of devices. As you all know perfectly our time is limited and since I make my living out of Microsoft technology until recently the only real option to tinker with this devices was to learn a new technology. 20:45-21:15 Socialization Time
2. Building my first mobile app with UWP By Romulus Crisan
4. So what is a developer Evangelist?
5. Picture from https://flic.kr/p/efNfHY
6. What you will learn What does universal mean? Development environment Making your app universal Working with data A few tips
7. What I’m not going to cover Building a beautiful looking app Commands Background Tasks Toast notifications and Live tiles Templating, Styles, Resources, Animated behavior Submit to store
8. What does universal mean?
10. XAML vs. HTML XAML/C# • I’m a C# developer • Binding • Object oriented programing • Expression Blend • Debugging HTML5/JavaScript • I’m not a JS developer • Knockout, Angular etc • It feels awkward to me • Designer tools only • I like Chrome tools but …
11. Bridging technologies Web IOS – Project Islanwood - OOS Android – It may never see the light Web hosted Win32
12. Development environment Visual Studio 2015 Visual Studio 2015 Blend Windows 10 Template 10 XAML magic Metro studio – icons collection Syncfusion community license
13. Demo Explore UWP project
14. Making your app universal
15. Navigation Frame Navigation manager
17. Effective pixels
19. Demo Discover the layout controls Jean Dubuffet Mire G 42
20. Generic XAML c:\Program Files (x86)\Windows Kits\10\DesignTime\CommonConfiguration\Neutral\UAP\10.0.102 40.0\Generic\
21. Demo Adaptive layout with visual states
22. Working with data
23. What is databinding? The process of creating a link between the presentation and logic
24. XAML Binding Data Context
25. XAML Binding
26. XAML x:Bind
27. Binding vs. x:Bind Binding • Runtime/Reflection • Slower • Working with DataContext x:Bind • Compiled • Strong Typed • Compile time validation • Faster • Not working with DataContext
28. UWP databinding things to remember Only works on properties Each Page has a DataContext DataContext is inherited by child controls INotifyPropertyChanged ObeservableCollection New compile time binding
29. MVVM Designers do their stuff Developers can do the magic Describe the model View ViewModel Model Databinding Presentation and Presentation logic Business logic and data
30. Demo
31. The 50ms rule UWP API is full ASYNC >50ms should run on another thread
32. Main takeaways Some of the tools I found handy Working with the designer in context of UWP Develop basic UWP apps with XAML Responsive layout
33. How to make it happen Creativity Impact Control Use space repetition learning technique
34. Q&A @cromica_82 http://romuluscrisan.com/