by Robert Gaut | Publisher: Packt Publishing | Release Date: August 2015 | ISBN: 9781785288296

Create powerful data-driven web applications using Knockout.JS, with the help of real-world examplesAbout This VideoUse the Model-View-ViewModel software design pattern to build amazing web applications and powerful user interfacesConfigure your application to track the changes in the UI and update data automaticallyEnhance the functionality of your app and make it more interactive by extending the components of your codeIn DetailAmong the various JavaScript libraries available to developers, Knockout.JS really stands out due to the diverse features it provides and also because it promotes the use of the Model-View-ViewModel (MVVM) design pattern to build data-driven web applications. Construct power-packed apps without compromising on its flexibility and build rich user interfaces, which will update in real-time when the data model state changes, eliminating the need to refresh pages.Learning Knockout.JS will walk you through all of the key features of Knockout.JS and make it easy for you to quickly and easily build feature-and data-rich web applications that are easy to extend and maintain.We start off with a brief introduction to Knockout.JS, and its various benefits, and explore the different design patterns in context of Knockout.JS to make your JavaScript code cleaner and more manageable. After that, we will walk through and understand the relationship between Models, Views, and ViewModels, as well as creating them.Along with that, you will also learn how we can use the different data binding attributes to manipulate the output. We will also discuss and implement various important concepts such as two way data binding and dependency tracking to update your UI in real-time and to separate the components of your application into logical parts.We will analyze Knockout's template feature to help you deal with data context in most scenarios. Then, we will take a look at how to track the changes in dependencies and subscribe to them using computed observables and subscriptions. Furthermore, you will also learn how to customize bindings and functions as well as using extenders to create our own set of Knockout tools. Finally, we will take a look at some advanced features of Knockout.JS to take your knowledge to the next level!Learning Knockout.JS is more than just an introduction; it's a complete course on one of JavaScript's innovative libraries.

1. Chapter 1 : Introducing Knockout.JS
   • The Course Overview 00:05:12
   • The MVVM Design Pattern 00:05:21
   • The Observer Design Pattern 00:02:37
   • JavaScript Closures and the Module Pattern 00:05:27
2. Chapter 2 : Displaying Data Using Knockout.JS
   • Creating Models, Views, and ViewModels 00:08:26
   • Displaying Model Data in a View 00:03:50
   • Data Binding HTML Attributes 00:04:09
3. Chapter 3 : Two-way Data Binding in Knockout.JS
   • Updating the Model from the View and Vice Versa 00:06:17
   • Data Binding Form Fields 00:10:34
   • Controlling Form Fields with Data Binding 00:09:27
4. Chpater 4 : Understanding Context in Knockout.JS
   • Examining the Different Types of Context 00:09:22
   • Binding with Templates 00:06:19
   • Using Multiple and Nesting ViewModels 00:05:47
5. Chapter 5 : Using Computed Observables and Subscriptions
   • Creating Computed and Pure Computed Observables 00:07:55
   • Subscribing to Observables 00:05:45
6. Chapter 6 : Custom Bindings, Custom Functions, and Extenders
   • Creating Custom Functions 00:04:21
   • Creating Extenders 00:04:33
   • Interacting with jQuery in Custom Bindings 00:09:43
7. Chapter 7 : Previewing Advanced Knockout.JS
   • Using Components and Custom Elements 00:02:55
   • Using AMD Module Loaders 00:04:09
   • Examining Durandal to Build Single Page Applications SPA 00:03:38