Learn your way! Get started

jQuery UI Using Visual Studio 2012

with expert James Curtis

Watch trailer

jQuery UI Using Visual Studio 2012 Trailer

Course at a glance

Included in these subscriptions:

  • Dev & IT Pro Video
  • Dev & IT Pro Power Pack
  • Power Pack Plus

Release date Release date 9/24/2012
Level Level Intermediate
Runtime Runtime 1h 42m
Closed captioning Closed captioning N/A
Transcript Transcript N/A
eBooks / courseware eBooks / courseware N/A
Hands-on labs Hands-on labs N/A
Sample code Sample code Included
Exams Exams Included

Enterprise Solutions
Enterprise Solutions

Need reporting, custom learning tracks, or SCORM? Learn More

Course description

Learn how jQueryUI interacts with other popular JavaScript libraries like Knockout.js, Backbone.js and SignalR. There are three separate examples that will show you from start to finish how to setup and code a solution using jQuery UI in conjunction with one of the three libraries.


This course assumes that the users have a basic knowledge of web programming with jQuery, JavaScript, HTML, and CSS. Knowledge of Java or other web-based programming languages is not required.

Learning Paths

This course is part of the following LearnNowOnline SuccessPaths™:
JavaScript Frameworks

Meet the expert

James Curtis James Curtis is a .NET Developer that primarily works in the UX space. He has worked on and for several large projects alongside Microsoft Consulting. James has spoken at several code camps about UX development for ASP.NET and SharePoint. He is an active participant in the development community tweeting and blogging about several topics in the UX area. James is an active consultant and is also assisting in several Start-ups contributing his UX experience.

Course outline

VS 2012 and Knouckout.js

Setup VS for JS (17:35)
  • Introduction (00:38)
  • Demo: Getting Started (03:11)
  • Demo: Update JavaScript (03:59)
  • Demo: Bundle Config (05:49)
  • Demo: Controllers (03:40)
  • Summary (00:16)
Knockout.js (27:33)
  • Introduction (00:30)
  • Demo: jQuery LiveQuery (01:46)
  • Demo: Knockout Page (01:42)
  • Demo: Post JSON Data (02:04)
  • Demo: Create Template (02:30)
  • Demo: Create Functions (04:13)
  • Demo: Function.Push (02:12)
  • Demo: Function Accordion (02:34)
  • Demo: Load JSON Data (01:10)
  • Demo: Build Site (01:13)
  • Demo: Knockout Contoller (01:00)
  • Demo: Add Reference (02:01)
  • Demo: Add Code Generation (01:50)
  • Demo: Rebuild Site (02:22)
  • Summary (00:17)

Backbone.js and SignalR

Backbone.js (22:47)
  • Introduction (00:34)
  • Demo: Backbone.js (05:58)
  • Demo: Render Function (04:38)
  • Demo: UpdateSort Function (03:41)
  • Demo: Collection (02:45)
  • Demo: The View (04:53)
  • Summary (00:15)
SignalR (34:56)
  • Introduction (00:33)
  • Demo: SignalR (06:36)
  • Demo: Input (04:09)
  • Demo: Layout Scripts (06:44)
  • Demo: Get All (05:11)
  • Demo: Commands (04:41)
  • Demo: ClearInterval (02:31)
  • Demo: Running the Project (04:12)
  • Summary (00:14)