Combining XAML/C# with html and WinJS - html

I want to build a UWP app with html and winJS, because with html you can use any open source library for brilliant UI like Bootstrap and Material Design, but I need to use some controls which are only present in XAML/C# format, for example media element of xaml, because video element of html5 doesn't support much formats.
So my question is how can I combine these two in one app? what is most clean and performant way to do this?

So my question is how can I combine these two in one app? what is most clean and performant way to do this?
The better way of combining these two in one app is using WebView within "XAML/C#" uwp project. But the web context could not invoke method in the local context. The only way for communication between WebView and local context is to use invokescript and window.external.notify method.

Related

Difference between WebComponent and lit-html

Hi am started to looking into the Polymer3 and came to know about the lit-html and i couldn't understand what are the major differences between lit-html and web components? expect the lit-html's html tag. could some one explain more in detail. Thanks in advance.
Those two are not really comparable technologies. Anyway if you want to learn more about them I suggest looking for those pages.
lit-html lets you write HTML templates in JavaScript using template literals with embedded JavaScript expressions. lit-html identifies the static and dynamic parts of your templates so it can efficiently update just the changed portions. Docs
Web Components is a suite of different technologies allowing you to create reusable custom elements — with their functionality encapsulated away from the rest of your code — and utilize them in your web apps. Docs

Can we make a web application using ionic framework?

i have got the project but someone told me to use ionic framework so
can we make web application using ionic framework?
and official website is telling that it is using for creating mobile application
so i am little confused
Well, yes you can create a fully-fledged application using Ionic; it's just that it's better suited for mobile applications. It's built on top of Cordova, so it's a little better with mobile applications.
I have tried it personally in the past, and it's amazing. The tools the Ionic Community provides makes building applications a lot more fun. Yes, you'll have to override a couple of classes to get the look you desire, but otherwise, it's possible.
But remember, just because soccer has a goalie, it doesn't mean you can't score.
The framework is made for developing Hybrid apps with the use of native functionality with ngCordova. That being said, if you like the framework you can just run it from your desired hosting platform since it is basicly just javascript, and angular, with the bootstrap like Ionic tags for styling.
You cant use the ngCordova functionality from a browser though.
The real questing is, what do you need to build. You might just be better of making a MEAN stack web application,if you dont have any use for the Ionic functionality, and just choose your own styling template, like mentioned, Bootstrap.

Will polymer build more ready-use components?

I am going to port our windows-based Customer Management software to Web-based. I find polymer may be a choice.
However, for our usage, we can't find polymer component has table-view, drop-down menu(aka. the "select" element in html), date-picker, tree list.
Will polymer add these components later? Or these components will not be the target?
Thanks,
Barry
Polymer is just primarily a polyfill library that helps enabling HTML 5 Web Components in browsers that don't support them by themselves.
Web Components can be written by any developer, so you might need to develop some controls on your own especially the table view one. I'd guess you'll find most of the others mentioned in your question implemented one way or another. You should check out some of the WebComponents collection pages:
http://customelements.io/
http://component.kitchen/
http://bower.io/search/?q=web-components
For your table view control: I had a similar problem couple of years ago and had to implement my own solution. Maybe you can find a regular HTML library that supports table views and make it a (Polymer) Web Component by yourself.

How to display HTML help file in WPF

I have a help file, in HTML format, that I need to display within my MVVM Application in WPF. I don't want to use anything WinForms related and I don't want any dependency on ActiveX or IE. Is there not a simple and out-of-the-box way to do this in WPF? Do I need to go through the hassel of writing converters and other unwanted code?

HTML5 app with Appcelerator Titanium

I am an Acquisition Editor for IT books. I am thinking of developing a book on developing HTML5 apps with Appcelerator Titanium. Does it make sense to have a book dedicated to developing HTML5 apps? if yes, what would you like to see in the book?
If your target it's iOS or Android I suggest you should work with JavaScript and generate a native app. Also you can run any HTML code in a Titanium Web View component but I don't recommend it.
But if you want to reach other mobile OS you can also use Titanium but you'll need to create a web app.
Take a look at this article:
http://developer.appcelerator.com/blog/2011/09/titanium-sdk-for-mobile-web-beta-1.html
Mobile Web dev has been improved a lot since that article was posted. Check this http://docs.appcelerator.com for the latest documentation of what Titanium can do.
It would be very niche book and not be useful for most people. With Titanium you can:
write javascript code agains the Ti api, in which case at runtime native UI elements are invoked.
use a web view to load a normal website, which can contain an html5 app. But then you are only using Titanium as a wrapper around a website. There is some value in this approach, as you can use Titanium to invoke the device's hardware functions in response to actions in the web view.
It's probably better to do 1. Why render a table in a web browser when you can just render a table? Some people probably have used the approach in 2, but I'm guessing they are few and far between.
If you want to use html5 techs to develop a mobile app, you are better off with Sencha Touch 2.