Knockout For the XAML Developer
The Knockout for the XAML developer course helps XAML developers, whether you’re a WPF or Silverlight developer, take their existing MVVM skills and transition them to the exciting world of HTML development.
What you'll learn
The Knockout for the XAML developer course helps XAML developers, whether you’re a WPF or Silverlight developer, take their existing MVVM skills and transition them to the exciting world of HTML development. In this course, we take a look at many different MVVM binding scenarios a XAML developer faces, and then explore how we can use Knockout to solve the same problems in HTML. By the end of this course, you will be able to use Knockout with confidence while building your HTML applications.
Table of contents
- Introduction 3m
- What is Knockout.js 1m
- Demo: What is Knockout.js 3m
- What is TypeScript 2m
- Demo: What is TypeScript 3m
- Introduction to Context Binding 2m
- Demo: Introduction to Context Binding 4m
- Introduction to Observable Properties 2m
- Demo: Introduction to Observable Properties 4m
- Introduction to Observable Arrays 1m
- Demo: Introduction to Observable Arrays 2m
- Introduction to Computed Observables 1m
- Demo: Introduction to Computed Observables 3m
- Summary 1m
- Introduction 1m
- Working with Text Input Controls 3m
- Demo: Working with Text Input Controls 3m
- Demo: Realtime updates with Text Input Controls 3m
- Working with Text Display Controls 1m
- Demo: Working with Text Display Controls 3m
- Demo: Working with Non-Observable Controls 3m
- Working with Boolean Input Controls 1m
- Demo: Working with Boolean Input Controls 2m
- Working with Selection Controls 2m
- Demo: Working with Selection Control 3m
- Demo: Working with Multi-Select Bindings 2m
- Summary 1m
- Introduction 1m
- Handling Click Events 2m
- Demo: Handling Click Events 3m
- Demo: Click Events on non-input controls 2m
- Passing Parameters in Click Events 3m
- Demo: Passing Parameters in Click Events 5m
- Handling Input State with Click Events 2m
- Demo: Handling Input State with Click Events 2m
- Handling UI Element Focus 1m
- Demo: Handling UI Element Focus 3m
- Handling with DOM Events 2m
- Demo: Handling with DOM Events 2m
- Summary 1m
- Introduction 1m
- Changing Binding Context using 'with' 3m
- Demo Changing Binding Context using 'with' 3m
- Hierarchical Binding Context using $root and $parent 3m
- Demo Hierarchical Binding Context using $root 3m
- Demo Hierarchical Binding Context using $parent 3m
- Working with collections using 'foreach' 2m
- Demo Working with collections using 'foreach' 2m
- Demo Advanced collections using 'foreach' 2m
- Conditinal Binding using 'if' and 'ifnot' 1m
- Demo Conditinal Binding using 'if' and 'ifnot' 2m
- Summary 1m
- Introduction 1m
- Conditional Binding using 'visible' 2m
- Demo: Conditional Binding using 'visible' 2m
- Demo: Advanced Binding using 'visible' 4m
- Dynamic Styling Binding using 'css' and 'style' 2m
- Demo: Using the 'css' binder to change styles 3m
- Demo: Advanced binding with the 'css' binder 3m
- Demo: Using the 'style' binder to apply inline styles 3m
- Demo: Advanced binding with the 'style' binder 2m
- Summary 1m
About the author
Derik Whittaker is a Software Architect who specializes in all things .Net. Derik has been building enterprise systems on top of the .Net technology stack for over 12 years and along the way has picked up a thing or two about how to create killer systems. During his 12 year career Derik has worked in many different industries ranging from Marking, Healthcare, Retail, Insurance, Automotive and Online Entertainment. Currently Derik is working for a Technology startup (VStrator.com) in Raleigh N... more