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

Getting started with WinJS


Microsoft has provided certain templates in Visual Studio to develop store applications using JavaScript and HTML, on the other hand, we can also add it in our ASP.NET application to bring certain functionalities of Windows runtime features or changing a look and feel accordingly.

Using WinJS in the ASP.NET application

You can start using WinJS by adding the JavaScript to use Windows runtime features and CSS to make UI as Windows applications. In the ASP.NET web application you can add the package through NPM by making an entry, as follows:

On saving the file, the package will be downloaded automatically in Visual Studio 2015 under the node_modules\npm folder.

Here is a screenshot of the folders the WinJS library contains. JS contains winjs modules, css, and fonts that can be used to change UI look and feel:

You can use Gulp.js to copy the css and js files to the wwwroot folder and reference them on the page, we can add the following sample code that displays the You...