Book Image

JavaScript for .NET Developers

By : Ovais Mehboob Ahmed Khan
Book Image

JavaScript for .NET Developers

By: Ovais Mehboob Ahmed Khan

Overview of this book

If you want to improve responsiveness or the UX in your ASP.NET applications, JavaScript can be a life saver. In an age where server-side operations have shifted to the client, being able to handle JavaScript with confidence and fluency is vital for ASP.NET developers. There’s no point trying to fight it, so start learning with this book. Make sure your projects exceed user expectations. Begin by getting stuck into the basics of JavaScript, and explore the language in the context of ASP.NET Core. You’ll then find out how to put the principles into practice, as you learn how to develop a basic ASP.NET application using Angular 2 and TypeScript. You’ll also develop essential skills required to develop responsive apps, with a little help from AJAX, ensuring that you’re building projects that can be easily accessed across different devices. With guidance on Node.js and some neat techniques to test and debug a range of JavaScript libraries in Visual Studio, you’ll soon be well on your way to combining JavaScript with ASP.NET in a way that’s capable of meeting the challenges of modern web development head-on.
Table of Contents (17 chapters)
JavaScript for .NET Developers
Credits
About the Author
About the Reviewer
www.PacktPub.com
Preface
Index

Exploring WinJS controls and styles


Windows library for JavaScript provides a rich set of controls, databinding options, and promises and in this section we will explore a few popular controls and styling options.

None of the WinJS controls have separate markup, instead WinJS library provides several attributes that can be used with the existing HTML elements.

Adding WinJS controls

As we have seen, there are no any markups for WinJS controls and they can be added through attributes on the HTML elements. WinJS controls can be added by adding any HTML element and setting its data-win-control attribute value to the name of the WinJS control.

In the following example, we are changing a simple HTML button element into the back button usually seen in store apps. And this can be done by adding the data-win-control attribute and setting a fully qualified name to WinJS.UI.BackButton.

Here is the HTML markup:

<button data-win-control="WinJS.UI.BackButton">WinJS button</button>

When you run it...