Are you a .NET developer spending your day in Visual Studio? Are you curious about developing mobile apps for iOS, Android and Windows using Xamarin but not sure where to get started? Then this session is for you! This 45min session will give you an overview to start building an internal app for your company, an app you've always wanted to build or to satisfy your curiosity! We will focus on Xamarin Forms using Visual Studio, build a simple sample app, go through some tools such as Xamarin Forms Previewer, Live Previewer and show you some tips on how to keep up to date with Xamarin. If this interests you make sure to sign up and join us!

1. Overview to iOS & Android Development
using Visual Studio 2017 & Xamarin
Mark Arteaga
President
mark@redbitdev.com | @MarkArteaga | @RedBitDev

2. Agenda
• Who Am I?
• Introduction to Xamarin
• Xamarin Forms Previewer & Live Player
• Xamarin Forms Examples
• Keeping up to date with Xamarin
• Xamarin University

4. Technology Partners

5. Xamarin + Xamarin.Forms
Traditional Xamarin Approach With Xamarin.Forms:
More code-sharing, all native
Shared C# Backend
Shared UI Code
Shared C# Backend
iOS C# UI Android C# UI Windows C# UI

6. What’s included
✓ 40+ Pages, layouts, and controls
(Build from code behind or XAML)
✓ Two-way data binding
✓ Navigation
✓ Animation API
✓ Dependency Service
✓ Messaging Center
Shared C# Backend
Shared UI Code

7. Layouts
Pages
Stack Absolute Relative Grid ContentView ScrollView Frame
Content MasterDetail Navigation Tabbed Carousel

8. ActivityIndicator BoxView Button DatePicker Editor
Entry Image Label ListView Map
OpenGLView Picker ProgressBar SearchBar Slider
Stepper TableView TimePicker WebView EntryCell
ImageCell SwitchCell TextCell ViewCell
Controls

9. <?xml version="1.0" encoding="UTF-8"?>
<TabbedPage xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
x:Class="MyApp.MainPage">
<TabbedPage.Children>
<ContentPage Title="Profile" Icon="Profile.png">
<StackLayout Spacing="20" Padding="20"
VerticalOptions="Center">
<Entry Placeholder="Username"
Text="{Binding Username}"/>
<Entry Placeholder="Password"
Text="{Binding Password}"
IsPassword="true"/>
<Button Text="Login" TextColor="White"
BackgroundColor="#77D065"
Command="{Binding LoginCommand}"/>
</StackLayout>
</ContentPage>
<ContentPage Title="Settings" Icon="Settings.png">
<!-- Settings -->
</ContentPage>
</TabbedPage.Children>
</TabbedPage>
Native UI from shared code

10. DEMO
File – New – Project – Cross Platform App (Xamarin)

11. Preview your XAML as you build
Xamarin Forms Previewer

13. Continuously deploy & debug apps
Xamarin Live Player

14. Xamarin Live Player Setup

15. https://www.youtube.com/watch?v=sHlrnxEdF8U

16. DEMO
XAML Live Previewer & Live Player

23. Source: https://www.thewissen.io/

24. Source: https://www.thewissen.io/

25. Source: https://www.thewissen.io/

26. • Twitter
– https://twitter.com/markarteaga - me :)
– https://twitter.com/Xamarinhq
– https://twitter.com/jamesmontemagno - Mobile Dev Tools
– https://twitter.com/migueldeicaza - Started Xamarin
– https://twitter.com/davidortinau - Program Manager - XamForms
– https://twitter.com/pierceboggan - Program Manager - VS & Xamarin
• Sites
– http://www.redbitdev.com/blog
– https://developer.Xamarin.com/guides/Xamarin-forms/
– https://aka.ms/xfroadmap - XamForms Roadmap
– https://blog.xamarin.com/
– http://www.mergeconflict.fm/ - podcast
– https://channel9.msdn.com/Shows/XamarinShow

29. https://www.surveymonkey.com/r/2RRZNCR
• Interested in Onsite Training? Talk to me or email me
mark@redbitdev.com
• Corporate Training or Group Training
• Feedback Requested