jQuery UI Using Visual Studio 2012
Interactive

jQuery UI Using Visual Studio 2012

LearnNow Online
Updated Aug 22, 2018

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.

Each LearnNowOnline training course is made up of Modules (typically an hour in length). Within each module there are Topics (typically 15-30 minutes each) and Subtopics (typically 2-5 minutes each). There is a Post Exam for each Module that must be passed with a score of 70% or higher to successfully and fully complete the course.


Prerequisites

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.


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.

Video Runtime

102 Minutes

Time to complete

193 Minutes

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)