Course Outline


Pre-requisites

Participants must have some background knowledge of client side web application development and must be comfortable with HTML5/CSS3 and good hold on Javascript language constructs.

Objectives

By the end of this course, participants will have a good hold on Knockout and its use in developing applications with 2-way data binding

Course Duration

1 day

Lab Setup

All participants must have access to a laptop with Internet connectivity

Course Outline

Section 1– Knockout – Introduction
  • Introduction to MVVM Pattern
  • Available MVVM frameworks
  • Features of Knockout
  • Comparison to jQuery
  • Knockout - Hello World
Section 2 – Knockout – Observables
  • Introduction to Observables
  • Creating view models with Observables
  • Using HTML5 data- attributes
  • Reading and Writing to Observables
  • Computed Observables
Section 3 – Knockout – Bindings – Controlling Text
  • visible binding
  • text binding
  • html binding
  • css binding
  • style binding
  • attr binding
Section 4 – Knockout – Bindings – Control flow
  • foreach
  • if/ifnot
  • with
Section 5 – Working with form fields
  • click binding
  • event binding
  • submit binding
  • enable/disable binding
  • value binding
Section 6 – Knockout – Misc
  • template binding
  • Creating custom bindings
  • Extending observables
  • The mapping plugin
  • Comparison to BackboneJS

The classroom training will be provided in Bangalore (Bengaluru), Chennai, Hyderabad or Mumbai and will be conducted in the client's premises. All the necessary hardware/software infrastructure must be provided by the client.