jQuery UI Using Visual Studio 2012
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)
