cross platform app development with xamarin.forms
TRANSCRIPT
![Page 1: Cross platform app development with xamarin.forms](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a66da8d7f8b9a3c0e8b5af3/html5/thumbnails/1.jpg)
Cross Platform app development
with Xamarin
Shahriar HossainMicrosoft MVP
@shossain_tweet
#Career Guideline
![Page 2: Cross platform app development with xamarin.forms](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a66da8d7f8b9a3c0e8b5af3/html5/thumbnails/2.jpg)
Silo Approach
Build Apps Multiple Times
• Multiple Teams
• Multiple Code Bases
• Different toolsets
![Page 3: Cross platform app development with xamarin.forms](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a66da8d7f8b9a3c0e8b5af3/html5/thumbnails/3.jpg)
HTML - Write Once, Run Anywhere Approach
• Lowest common denominator
• Browser fragmentation
• Developing & designing for 1 platform, happen to get other platforms
![Page 4: Cross platform app development with xamarin.forms](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a66da8d7f8b9a3c0e8b5af3/html5/thumbnails/4.jpg)
Start with HTML5/CSS3/JavaScript Use PhoneGap Deploy to platforms
![Page 5: Cross platform app development with xamarin.forms](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a66da8d7f8b9a3c0e8b5af3/html5/thumbnails/5.jpg)
Technology Stack
![Page 6: Cross platform app development with xamarin.forms](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a66da8d7f8b9a3c0e8b5af3/html5/thumbnails/6.jpg)
3rd Gen
Technology
![Page 7: Cross platform app development with xamarin.forms](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a66da8d7f8b9a3c0e8b5af3/html5/thumbnails/7.jpg)
What is Xamarin?
![Page 8: Cross platform app development with xamarin.forms](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a66da8d7f8b9a3c0e8b5af3/html5/thumbnails/8.jpg)
![Page 9: Cross platform app development with xamarin.forms](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a66da8d7f8b9a3c0e8b5af3/html5/thumbnails/9.jpg)
Xamarin’s Unique Approach
• Native User Interface
• Native Performance
• Shared code across platforms
• C# & .NET Framework
• Full API Coverage
![Page 10: Cross platform app development with xamarin.forms](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a66da8d7f8b9a3c0e8b5af3/html5/thumbnails/10.jpg)
With Xamarin.Forms:
more code-sharing, native controlsTraditional Xamarin approach
Shared UI Code
Xamarin.Forms Unique Approach
![Page 11: Cross platform app development with xamarin.forms](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a66da8d7f8b9a3c0e8b5af3/html5/thumbnails/11.jpg)
Native User Interface
![Page 12: Cross platform app development with xamarin.forms](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a66da8d7f8b9a3c0e8b5af3/html5/thumbnails/12.jpg)
http://tinyurl.com/xamarin-forms
![Page 13: Cross platform app development with xamarin.forms](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a66da8d7f8b9a3c0e8b5af3/html5/thumbnails/13.jpg)
![Page 14: Cross platform app development with xamarin.forms](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a66da8d7f8b9a3c0e8b5af3/html5/thumbnails/14.jpg)
![Page 15: Cross platform app development with xamarin.forms](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a66da8d7f8b9a3c0e8b5af3/html5/thumbnails/15.jpg)
Content MasterDetail Navigation Tabbed Carousel
Pages
![Page 16: Cross platform app development with xamarin.forms](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a66da8d7f8b9a3c0e8b5af3/html5/thumbnails/16.jpg)
Stack Absolute Relative Grid ContentVie
w
ScrollView Frame
Layouts
![Page 17: Cross platform app development with xamarin.forms](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a66da8d7f8b9a3c0e8b5af3/html5/thumbnails/17.jpg)
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
![Page 18: Cross platform app development with xamarin.forms](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a66da8d7f8b9a3c0e8b5af3/html5/thumbnails/18.jpg)
Use a single API to generate native, platform-specific user
interfaces
At runtime, each Xamarin.Forms page and its
controls are mapped to platform-specific
native user interface elements
Xamarin.Forms Example
![Page 19: Cross platform app development with xamarin.forms](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a66da8d7f8b9a3c0e8b5af3/html5/thumbnails/19.jpg)
Native API access
![Page 20: Cross platform app development with xamarin.forms](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a66da8d7f8b9a3c0e8b5af3/html5/thumbnails/20.jpg)
.NET + Windows APIs
![Page 21: Cross platform app development with xamarin.forms](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a66da8d7f8b9a3c0e8b5af3/html5/thumbnails/21.jpg)
.NET + iOS APIs | 100% Coverage
![Page 22: Cross platform app development with xamarin.forms](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a66da8d7f8b9a3c0e8b5af3/html5/thumbnails/22.jpg)
.NET Android APIs | 100% Coverage
![Page 23: Cross platform app development with xamarin.forms](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a66da8d7f8b9a3c0e8b5af3/html5/thumbnails/23.jpg)
Native Performance
![Page 24: Cross platform app development with xamarin.forms](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a66da8d7f8b9a3c0e8b5af3/html5/thumbnails/24.jpg)
Xamarin.iOS does full Ahead Of Time
(AOT) compilation to produce an
ARM binary for Apple’s App Store.
Native Performance
Xamarin.Android takes advantage
of Just In Time (JIT) compilation on
the Android device.
![Page 25: Cross platform app development with xamarin.forms](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a66da8d7f8b9a3c0e8b5af3/html5/thumbnails/25.jpg)
Performance Compare
![Page 26: Cross platform app development with xamarin.forms](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a66da8d7f8b9a3c0e8b5af3/html5/thumbnails/26.jpg)
Technology Stack
![Page 27: Cross platform app development with xamarin.forms](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a66da8d7f8b9a3c0e8b5af3/html5/thumbnails/27.jpg)
Any Other Reason???
![Page 28: Cross platform app development with xamarin.forms](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a66da8d7f8b9a3c0e8b5af3/html5/thumbnails/28.jpg)
![Page 29: Cross platform app development with xamarin.forms](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a66da8d7f8b9a3c0e8b5af3/html5/thumbnails/29.jpg)
![Page 30: Cross platform app development with xamarin.forms](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a66da8d7f8b9a3c0e8b5af3/html5/thumbnails/30.jpg)
Anything you can do in Objective-C, Swift, or Java
can be done in C# with Xamarin using Visual Studio
![Page 31: Cross platform app development with xamarin.forms](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a66da8d7f8b9a3c0e8b5af3/html5/thumbnails/31.jpg)
Real-time monitoring. Track crashes
and exceptions to understand what
is happening with live users.
![Page 32: Cross platform app development with xamarin.forms](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a66da8d7f8b9a3c0e8b5af3/html5/thumbnails/32.jpg)
DEMO
![Page 33: Cross platform app development with xamarin.forms](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a66da8d7f8b9a3c0e8b5af3/html5/thumbnails/33.jpg)
![Page 34: Cross platform app development with xamarin.forms](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a66da8d7f8b9a3c0e8b5af3/html5/thumbnails/34.jpg)
Shahriar
Hossain
Personal Blog
http://LearnWithShahriar.wordpress.com
![Page 35: Cross platform app development with xamarin.forms](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a66da8d7f8b9a3c0e8b5af3/html5/thumbnails/35.jpg)
Thank You