KnockOut JS

KNOCKOUT JS

Knockout is a JavaScript MVVM (Model View ViewModel) library that helps you create rich, dynamic user interfaces with clean, maintainable code. Knockout is a JavaScript library that allows developers to create rich, responsive display and editor user interfaces with a clean underlying data model.

KnockOut JS Objectives

  • Understanding Model-View-ViewModel pattern using KnockOut JS
  • Understanding Data Binding Techniques
  • Creating Custom Bindings
  • Debugging Techniques
  • Working with Forms
  • Declaritive Bindings
  • Automatic UI Refresh
  • Dependence Tracking
  • Templating

Duration

3 Days

  • Introduction to KnockOut JS
    • Architecture of KnockOut JS
    • Tools required for KnockOut JS Development
    • Understanding Observables
    • Understanding Observable Arrays
    • Creating ViewModels with Observables
    • Understanding Computed Observables
  • Benefits of KnockOut JS
    • Anytime we can connect UI elements with data model.
    • Easily create complex dynamic data model.
    • Automatically update UI when Data Model is changed
    • when UI is changed then Data Model is changed automatically.
    • Support event-driven programming model.
    • Extend custom behavior very easily.
    • All main-stream browsers are supported.
  • 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 to Json Function
    • Enabling the Binding Handler
    • Testing the Dump Binding
    • Knockout.JS 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 Computed 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

You have gone through all the training and reading material, since you decided to choose your career. This might have given you initial understanding about the procedures and techniques and you are even able to pass your certification as well ...

Best - KnockOut JS training center in London.