|
|
Implementing MVVM Pattern in Web Applications Using Knockout |
|
Data driven web sites rely heavily on JavaScript and JavaScript based libraries such as jQuery. The client side programming tends to become complex as the user interface becomes more and more rich. In such situations features such as data binding and dependency tracking are highly desirable. With open source libraries such as Knockout it is quite easy to fulfill these requirements in ASP.NET web sites. This article is intended to give you a quick understanding of what Knockout is and how to get up and running with it in your ASP.NET applications. |
|
Posted On : 09 Jul 2012 |
|
|
Tapping the Juice UI with ASP.NET |
|
jQuery and jQuery UI are quite popular JavaScript libraries amongst ASP.NET developers. jQuery UI provides several widgets and plugins that help you develop professional looking websites quickly and easily. Though ASP.NET developers have been using jQuery UI in their websites, one downside of the jQuery UI from an ASP.NET perspective is that it is purely a client side library. ASP.NET web forms often rely on server side processing, and configuring the jQuery UI widgets can become tedious in such cases. Juice UI attempts to provide a solution in such cases. Juice UI essentially acts as a wrapper over jQuery UI widgets so that they can be accessed in your server side script just like any other server control. This article gives you a quick overview of Juice UI components and shows how they can be used in ASP.NET Web Forms applications. |
|
Posted On : 12 Apr 2012 |
|
|
Applying AJAX to your ASP.NET Web Sites Using jQuery |
|
With more and more web applications making use of jQuery and AJAX based techniques for communicating with the server, it has become important for any ASP.NET developer to have good grasp of jQuery AJAX techniques that can be used in ASP.NET. AJAX allows you to communicate with the server without requiring full page post back. AJAX requests perform some operation in the background while a user is still working with a page. AJAX techniques not only improve the overall performance of your web application but they can also make your web pages more responsive. jQuery offers a variety of ways to make AJAX calls to the server and this article discusses many of them as applicable to ASP.NET. |
|
Posted On : 06 Apr 2012 |
|
|
Add a notification bar to your website using jQuery |
|
Many websites display notifications or prompts in what is called as information bar or notification bar. Such an information bar typically contains some text, graphics or any other HTML markup along with a close button. The information bar is always visible and is flushed with the top edge of the browser window. Once user closes it it remains hidden for the active session. Such an information bar can be easily developed using jQuery. The remainder of this article explains how. |
|
Posted On : 20 Jan 2012 |
|
|
Create a Simple Task-List Application Using ASP.NET, WCF, and jQuery, Part 2 |
|
In the first part of this two-part series, published in the June 2011 issue, we developed a Windows Communication Foundation (WCF) service that takes data in and out of the Tasks table. We created a web form for displaying the tasks in a tabular format using the jQuery Templates plug-in. Finally, we developed a DatePicker plug-in to pick due dates. In this second part, we'll make the task-list application functional by writing jQuery code, including a few helper functions, code to call WCF service methods, and code to filter the task-list table. |
|
Posted On : 15 Jul 2011 |
|
|
Create a Simple Task List Using ASP.NET, WCF, and jQuery, Part 1 |
|
Maintaining a task list (or to-do list) is a common time management technique that keeps track of work items to be completed along with their priority and current status. No wonder that task manager is often an integral part of web and desktop calendaring applications. In this two part article we will build our own task list application using jQuery, ASP.NET and WCF. Though simple our task list application will illustrate how jQuery can interact with server data through WCF services. We will also get to use several jQuery concepts such selectors, AJAX calls and plug-ins. |
|
Posted On : 31 May 2011 |
|
|
Using Microsoft Ajax Minifier Tool to Minify JavaScript Files |
|
The increased use of JavaScript and libraries based on JavaScript (such as ASP.NET AJAX and jQuery) results in a considerable amount of JavaScript being downloaded on the client side. The need for large amounts of JavaScript to be downloaded may result in your website getting a performance penalty for obvious reasons. In such cases it is recommended to reduce the size of JavaScript files by using minification techniques. To that end Microsoft Ajax Minifier, a tool to compress JavaScript and CSS files, can greatly reduce the size of such files thus improving the performance of your web application. In this article you will learn the basics of using Microsoft Ajax Minifier tool and certain programming recommendations to get most out of the minification process. |
|
Posted On : 05 May 2011 |
|
|
Using Microsoft Ajax CDN to Refer ASP.NET AJAX and jQuery Files |
|
Modern web applications rely heavily on client side scripting to provide rich user experience. To that end ASP.NET AJAX and jQuery are popular choices amongst ASP.NET developers to render rich user interface. These libraries make use of client script physically stored in JavaScript (.js) files. When a client accesses a web form that makes use of these libraries the client browser first needs to download the required library files on the client side and then execute the client script. Developers often store these JavaScript files as a part of their web site and then refer to them in various web forms. Though this approach works, it's not the best approach to make use of such client side libraries. That is where Content Delivery Network or CDN comes into picture. As an ASP.NET developer it would be nice to know what a CDN is and how Microsoft Ajax CDN can be used in ASP.NET web sites to refer ASP.NET AJAX and jQuery files. The remainder of the article discusses these concepts. |
|
Posted On : 08 Apr 2011 |
|
|
Developing a Database Driven Accordion Menu Using WCF and jQuery |
|
Web sites often use menus to display available options to the end user. The data required by these menus, such as menu text and URL, is frequently stored in XML files. Though this arrangement works great for small number of menu items, in certain applications it is required that you display menu options based on the security credentials of the current user. At times you may also need to display menus in Unicode character set. In such cases storing menu data in a database table can be more beneficial than maintaining separate XML files. In this article you will develop an Accordion menu that fetches data such as menu text, menu items and URL from a database table. An Accordion menu essentially displays menu options in collapsible panels. At a time only one menu and its options are expanded while other menus are collapsed. In order to develop our Accordion menu we will make use of ASP.NET, Windows Communication Foundation (WCF) and jQuery. |
|
Posted On : 29 Mar 2011 |
|
|
Creating and Using a jQuery Plug-in in ASP.NET Web Forms |
|
Developers often resort to code reuse techniques in their projects. As far as ASP.NET framework server side programming is concerned classes, class libraries, components, custom server controls and user controls are popular code reuse techniques. Modern ASP.NET web applications no longer restrict themselves only to server side programming. They also make use of client side scripting to render rich web forms. No wonder that Microsoft Visual Studio 2010 includes jQuery library by default as a part of newly created web site. If you are using jQuery for client side scripting then one way to reuse your client side code is to create a jQuery plug-in. Creating a plug-in allows you to bundle your reusable jQuery code in a neat way and then reuse it across web forms. In this article you will learn how to create a simple jQuery plug-in from scratch. You will also learn about certain guidelines that help you build professional jQuery plug-ins. |
|
Posted On : 08 Mar 2011 |
|
|