Create Cross Platform Mobile App with Just 6 StepsMarvin HengTwitter : @hmhengBlog : http://hmheng.azurewebsites.netGithub: https://github.com/hmheng

Pre-requisite• Installed Visual Studio 2017 for Windows with Xamarin

Cross-Platform component & all necessary platform-specific SDK.

Introduction to Visual Studio 2017• The First Class fully-featured integrated development

environment (IDE) for Android, iOS, Windows, web, and cloud development.

• Community free version comes with IntelliSense & connects to team management tools, such as Microsoft Team Services or GitHub, that increases developer’s efficiency & improves the experience.

• Available on Windows & MacOS.

Introduction to Visual Studio 2017Download & Install VS2017

on your PC or Mac if you don’t have one yet.

CLICK TO DOWNLOAD COMMUNITY VERSION for Free

Why Xamarin?• Performance Close to Native• Native User Experiences• Full Hardware Support• Open Source Technology with Strong Corporate Support• All Platforms with C#!!!!

Create Cross Platform Mobile App1. After you have installed Visual Studio 2017 (VS2017) with Cross-Platform development, launch it.

Create Cross Platform Mobile App2. We will create a Cross-Platform mobile app for Android, iOS& Windows UWP app. Let’s Select File -> New -> Project….

2

Create Cross Platform Mobile App3. Select Cross-Platform -> Cross Platform App (Xamarin) -> Enter your App Name and then Hit OK.

3a

3b

3c

3d

Create Cross Platform Mobile App4. To make the following steps simple, we shall select Blank App with Xamarin.Forms & PCL now. Then click OK.

4b

4a

4c

Create Cross Platform Mobile App5. While creating the platform-specified projects, VS2017 will ask you for a Minimum Target Version & select your target.

5

Create Cross Platform Mobile App6. Now, your app is ready to be compiled, connect your device & start deploying on to your PC, Android & iOS.

2a

6

Congratulation!You’ve Created Your Very First Xamarin Cross-Platform App with VS2017!

Create Cross Platform Mobile App with Just 6 StepsMarvin HengTwitter : @hmhengBlog : http://hmheng.azurewebsites.netGithub: https://github.com/hmheng