Watch trailer
Course at a glance
Included in these subscriptions:
- Dev & IT Pro Video
- Dev & IT Pro Power Pack
| Release date | 9/24/2012 | |
| Level | Intermediate | |
| Runtime | 1h 42m | |
| Closed captioning | N/A | |
| Transcript | N/A | |
| eBooks / courseware | N/A | |
| Hands-on labs | N/A | |
| Sample code | Included | |
| Exams | Included |
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.
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.
Learning Paths
This course is part of the following LearnNowOnline SuccessPaths™:
JavaScript Frameworks
Meet the expert
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)