App Development: Create Cross Platform Mobile App with Just 6 Steps
-
Upload
hiang-meng-heng-marvin -
Category
Technology
-
view
90 -
download
2
Transcript of App Development: Create Cross Platform Mobile App with Just 6 Steps
![Page 1: App Development: Create Cross Platform Mobile App with Just 6 Steps](https://reader031.fdocuments.net/reader031/viewer/2022020301/5a64796d7f8b9a27568b4879/html5/thumbnails/1.jpg)
Create Cross Platform Mobile App with Just 6 StepsMarvin HengTwitter : @hmhengBlog : http://hmheng.azurewebsites.netGithub: https://github.com/hmheng
![Page 2: App Development: Create Cross Platform Mobile App with Just 6 Steps](https://reader031.fdocuments.net/reader031/viewer/2022020301/5a64796d7f8b9a27568b4879/html5/thumbnails/2.jpg)
Pre-requisite• Installed Visual Studio 2017 for Windows with Xamarin
Cross-Platform component & all necessary platform-specific SDK.
![Page 3: App Development: Create Cross Platform Mobile App with Just 6 Steps](https://reader031.fdocuments.net/reader031/viewer/2022020301/5a64796d7f8b9a27568b4879/html5/thumbnails/3.jpg)
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.
![Page 4: App Development: Create Cross Platform Mobile App with Just 6 Steps](https://reader031.fdocuments.net/reader031/viewer/2022020301/5a64796d7f8b9a27568b4879/html5/thumbnails/4.jpg)
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
![Page 5: App Development: Create Cross Platform Mobile App with Just 6 Steps](https://reader031.fdocuments.net/reader031/viewer/2022020301/5a64796d7f8b9a27568b4879/html5/thumbnails/5.jpg)
Why Xamarin?• Performance Close to Native• Native User Experiences• Full Hardware Support• Open Source Technology with Strong Corporate Support• All Platforms with C#!!!!
![Page 6: App Development: Create Cross Platform Mobile App with Just 6 Steps](https://reader031.fdocuments.net/reader031/viewer/2022020301/5a64796d7f8b9a27568b4879/html5/thumbnails/6.jpg)
Create Cross Platform Mobile App1. After you have installed Visual Studio 2017 (VS2017) with Cross-Platform development, launch it.
![Page 7: App Development: Create Cross Platform Mobile App with Just 6 Steps](https://reader031.fdocuments.net/reader031/viewer/2022020301/5a64796d7f8b9a27568b4879/html5/thumbnails/7.jpg)
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
![Page 8: App Development: Create Cross Platform Mobile App with Just 6 Steps](https://reader031.fdocuments.net/reader031/viewer/2022020301/5a64796d7f8b9a27568b4879/html5/thumbnails/8.jpg)
Create Cross Platform Mobile App3. Select Cross-Platform -> Cross Platform App (Xamarin) -> Enter your App Name and then Hit OK.
3a
3b
3c
3d
![Page 9: App Development: Create Cross Platform Mobile App with Just 6 Steps](https://reader031.fdocuments.net/reader031/viewer/2022020301/5a64796d7f8b9a27568b4879/html5/thumbnails/9.jpg)
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
![Page 10: App Development: Create Cross Platform Mobile App with Just 6 Steps](https://reader031.fdocuments.net/reader031/viewer/2022020301/5a64796d7f8b9a27568b4879/html5/thumbnails/10.jpg)
Create Cross Platform Mobile App5. While creating the platform-specified projects, VS2017 will ask you for a Minimum Target Version & select your target.
5
![Page 11: App Development: Create Cross Platform Mobile App with Just 6 Steps](https://reader031.fdocuments.net/reader031/viewer/2022020301/5a64796d7f8b9a27568b4879/html5/thumbnails/11.jpg)
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
![Page 12: App Development: Create Cross Platform Mobile App with Just 6 Steps](https://reader031.fdocuments.net/reader031/viewer/2022020301/5a64796d7f8b9a27568b4879/html5/thumbnails/12.jpg)
Congratulation!You’ve Created Your Very First Xamarin Cross-Platform App with VS2017!
![Page 13: App Development: Create Cross Platform Mobile App with Just 6 Steps](https://reader031.fdocuments.net/reader031/viewer/2022020301/5a64796d7f8b9a27568b4879/html5/thumbnails/13.jpg)
Create Cross Platform Mobile App with Just 6 StepsMarvin HengTwitter : @hmhengBlog : http://hmheng.azurewebsites.netGithub: https://github.com/hmheng