About XAML & HTML+CSS
- 1. XAML & HTML+CSS Ahmad Awsaf-uz-zaman Apr 21, 2016 www.a2z-soft.com
- 2. What Is XAML? Stands for Extensible Application Markup Language XAML (pronounced "zammel") It is an XML-based markup language developed by Microsoft. XAML is the language behind the visual presentation of an application just as HTML is the language behind the visual presentation of a Web page. www.a2z-soft.com 2
- 3. What Is XAML? www.a2z-soft.com 3 <Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" x:Class="ExampleNamespace.ExamplePage"> <Button Click="Button_Click" >Click Me!</Button> </Page>
- 4. XAML Used WPF (Windows Presentation Foundation) WP7/8 (Windows Phone 7/8) UWP (Universal Windows Platform) Silverlight www.a2z-soft.com 4
- 5. Supported Platforms WPF applications are supported Windows 7 or higher Desktop based software Windows Tablets WP apps are supported Windows Phone 7/8 Windows Mobile UWP applications are supported Windows 8 or higher Windows store apps Windows 8/10 apps, Windows Tablets Windows Mobile Silverlight Web browsers www.a2z-soft.com 5
- 6. Why Is XAML Important? XAML is a richer language, offering the ability to create user interfaces in Windows. XAML is very easy to use and ties up tightly with the underlying .NET Framework and classes. Each and every XAML element corresponds to a .NET Framework class and comes with a collection of methods, properties, and events. Adding a new tag to the XAML file will instantiate the corresponding object at runtime. www.a2z-soft.com 6
- 7. What Is HTML? Stands for Hyper Text Markup Language HTML is a computer language devised to allow website creation. HTML tags describe webpage structure & look. Each HTML tag describes different document content www.a2z-soft.com 7
- 8. What Is HTML? <!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html> www.a2z-soft.com 8
- 9. Why Is HTML Important? HTML is highly flexible HTML is user friendly HTML is easily understandable HTML is an open technology HTML is consistent and efficient HTML provides search engine compatible pages HTML is easier to maintain and update any site HTML does not involve strain on the servers HTML takes less time to load the web pages HTML is supported on almost every browser www.a2z-soft.com 9
- 10. Difference between XAML and HTML XAML HTML It is a newer, exciting technology It is mature and well understood It can be handle with C#, VB.NE (Microsoft Languages) It can be handle with C#, PHP (Any Languages and Scripts) Relatively heavy weighted Light weighted Target are both web based and desktop based systems Main target is web based systems Usually it is used using C#/VB.NET Usually it is used using CSS and JavaScript Recommended for big applications i.e. ERP software Recommended for website or medium weighted applications Not supported cross-platform except Silverlight applications Supported Cross-platform www.a2z-soft.com 10
- 11. Similarities between XAML and HTML Features XAML HTML+CSS Type Markup language Markup language Element Design using tags of XAML Design using tags of HTML Platforms Depends Cross-platform Layout <StackPanel> <DockPanel> <WrapPanel> <Canvas> <Viewbox> <div> With CSS <Grid> <table> www.a2z-soft.com 11
- 12. Similarities between XAML and HTML Features XAML HTML+CSS Label <TextBlock > <Label > <span> <i> <div> Input control <TextBox> <input type=“input”> Password Input Control <PasswordBox> <input> type=“password” Display Table <DataGrid> <ListView> <table> Menu <Menu> <ul> + CSS www.a2z-soft.com 12
- 13. Similarities between XAML and HTML Features XAML HTML+CSS Button <Button> <button type="button"> Radio Button <RadioButton> <input type="radio“> Check Box <CheckBox> <input type="checkbox“> List Box <ListBox> <ul> <ol> www.a2z-soft.com 13
- 14. An example of XAML & HTML www.a2z-soft.com 14 XAML: <TextBox Text="Hello, world!" /> HTML: <input type="text" value="Hello, world!">
- 15. Conclusion There are lots of things to love about XAML. And lots of UI technologies (like HTML5) have benefits (especially in Metro). However I choose XAML especially for Windows Platforms. If you would like to develop cross- platform mobile apps, it would better use HTML. Your choice may be different. If it is, just be sure that you have reasons for your choice. Not all choices are equal. Not at all. www.a2z-soft.com 15