Video Details

ISBN 139781785288296

Course Length2 Hours and 5 minutes

Video Description

Among 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.

Style and Approach

This video series uses a full-featured application to guide you through developing web applications with Knockout.JS, starting with setting up the application and then enhancing it as you progress through and learn each feature and its implementation.

Table of Contents

Introducing Knockout.JS

The Course Overview

The MVVM Design Pattern

The Observer Design Pattern

JavaScript Closures and the Module Pattern

Displaying Data Using Knockout.JS

Creating Models, Views, and ViewModels

Displaying Model Data in a View

Data Binding HTML Attributes

Two-way Data Binding in Knockout.JS

Updating the Model from the View and Vice Versa

Data Binding Form Fields

Controlling Form Fields with Data Binding

Understanding Context in Knockout.JS

Examining the Different Types of Context

Binding with Templates

Using Multiple and Nesting ViewModels

Using Computed Observables and Subscriptions

Creating Computed and Pure Computed Observables

Subscribing to Observables

Custom Bindings, Custom Functions, and Extenders

Creating Custom Functions

Creating Extenders

Interacting with jQuery in Custom Bindings

Previewing Advanced Knockout.JS

Using Components and Custom Elements

Using AMD Module Loaders

Examining Durandal to Build Single Page Applications (SPA)

What You Will Learn

Use the popular MVVM design pattern to separate the concerns of your applications

Work with model data in the UI using Knockout’s data-binding syntax to manage data efficiently

Master and implement the concept of data context to get even more out of your UI

Build complex UI structures easily through the use of Knockout’s template features

Create computed observables to enhance interactions between model data and the UI

Expand your Knockout.JS skill set through the use of custom functions, bindings, and extenders

Preview the advanced features of Knockout.JS and launch your skills to the next level

Authors

Robert Gaut

Robert Gaut is a father, husband, musician, photographer, martial artist, and software developer. He began his career teaching application and database development at a technical college. After several years teaching, he spent more than a decade developing web-based content management systems for the automotive industry. He currently works for a large public school district where he develops business applications and data integration processes using Microsoft technologies.

Alerts & Offers

Series & Level

We understand your time is important. Uniquely amongst the major publishers, we seek to develop and publish the broadest range of learning and information products on each technology. Every Packt product delivers a specific learning pathway, broadly defined by the Series type. This structured approach enables you to select the pathway which best suits your knowledge level, learning style and task objectives.

Learning

As a new user, these step-by-step tutorial guides will give you all the practical skills necessary to become competent and efficient.

Beginner's Guide

Friendly, informal tutorials that provide a practical introduction using examples, activities, and challenges.

Essentials

Fast paced, concentrated introductions showing the quickest way to put the tool to work in the real world.

Cookbook

A collection of practical self-contained recipes that all users of the technology will find useful for building more powerful and reliable systems.

Blueprints

Guides you through the most common types of project you'll encounter, giving you end-to-end guidance on how to build your specific solution quickly and reliably.

Mastering

Take your skills to the next level with advanced tutorials that will give you confidence to master the tool's most powerful features.

Starting

Accessible to readers adopting the topic, these titles get you into the tool or technology so that you can become an effective user.

Progressing

Building on core skills you already have, these titles share solutions and expertise so you become a highly productive power user.