Knockout JS Course

 

Knockout JS

Course Overview

KnockoutJS is an open source JavaScript library. It was built to allow you to create dynamic and rich web applications. It is built with the Model-View-ViewModel (MVVM) pattern. Knockout makes it really simple to implement a complex user interface that responds to user interactions.

I like Knockout because it is one of the most lightweight JavaScript libraries available today. It also doesn’t try to be an all-in-one framework. It serves a single purpose: data binding your ViewModel to your user interface.

Implementing Knockout involves three distinct things: a view that contains HTML and CSS elements that get data-bound to it, a ViewModel that contains the data to bind to the view, and telling Knockout to perform the data binding to the view with the ViewModel.

Knockout is a JavaScript library that helps you to create rich, responsive display and editor user interfaces with a clean underlying data model. Any time you have sections of UI that update dynamically 

This course mainly for developers, the knockout js a JavaScript framework extensions. Individuals with interest in learning can take up the course.

Individuals taking the course should have programming skill with JavaScript concepts.

You get hired as application developer in product based IT companies like nest away, Ola, converge systems and many more.

The main concepts covered in the course: Introduction, Live Debugging, Inspecting Bindings, Custom Binding Handlers, Computed Observables, Event Delegation and Performance, Performance

Knockout JS Course Syllabus

Introduction

Live Debugging

  • Debugging Knockout Code
  • Using Conditional Breakpoints
  • Evaluating Expressions
  • Checking Scope
  • Changing Code on the Fly in the Browser
  • Locating and Timing XHR Calls

Inspecting Bindings

  • Inspecting Declarative Bindings
  • Inspecting Bindings With a Computed
  • Moving Debug Logic to from HTML to JavaScript
  • Cycles in Object Graphs
  • Custom toJson Function
  • Enabling the Binding Handler
  • Testing the Dump Binding
  • KnockoutJS Chrome PlugIn
  • Examining Context Changes

Custom Binding Handlers

  • Extending Your Bindings
  • Creating a Binding Handler
  • UI and Animation
  • 3rd Party Control Scenario
  • Using the Bootstrap Typeahead
  • Data Binding the Typeahead
  • Designing a Binding Handler
  • Writing the Typeahead Handler

Computed Observables

  • Triggering Disposal of a Computed
  • Deferring Evaluation
  • The Case for a Writeable Computed
  • Using Computeds Wisely

Event Delegation and Performance

  • Managing Events and Performance
  • Advantages of Event Delegation
  • Bindings on Each Row
  • Adding jQuery Event Delegation
  • How to Use the Delegated Binding Handler
  • Refactoring for the Binding Handler

Performance

  • Efficient Knockout
  • Bindings All At Once
  • Understanding Array Updates
  • Creating the Array Performance Demo
  • Testing Observable Array Performance
  • Using the Underlying Array
  • Testing Large Array Performance
  • Improving Large Array Performance
  • Tracking Re-Evaluations
  • Time to Throttle
  • Throttling Local Data
  • Throttling Ajax