Essential Knockout and JavaScript Tips
By John Papa
Interested in taking your Knockout and JavaScript skills up a notch? By the end of this course you will learn more about how Knockout works, various debugging techniques for declarative HTML and JavaScript view models, exploring your data context and observables, the many uses of custom bindings, the power of subscriptions, custom functions and performance tuning.
Course info
Rating
Level
Intermediate
Updated
Jun 20, 2013
Duration
3h 49m
Table of contents
What to Expect from Knockout and JavaScript Tips
Getting Started with the Demo Code
Demo Code
0m
Where's the Code?
1m
Fork the Code
2m
Cloning the Code with SmartGit
3m
Tooling Options
2m
Discard and Commit
4m
Demo Resources
1m
Round 1: Starting Off on the Right Foot with Observables
Getting Started on the Right Foot
1m
Mastering Observables
4m
Examining Observables in Plunker
7m
2 Way Data Binding
4m
Observables and Parentheses
4m
Adding and Removing Parentheses
4m
When and Where to Use Observables
4m
Round 2: Live Debugging
Debugging Knockout Code
1m
Debugging
4m
Using Conditional Breakpoints
2m
Evaluating Expressions
1m
Checking Scope
3m
Changing Code on the Fly in the Browser
3m
Locating and Timing XHR Calls
3m
Recap
1m
Round 3: Inspecting Bindings
Inspecting Declarative Bindings
1m
Inspecting Bindings With a Computed
6m
Moving Debug Logic to from HTML to JavaScript
5m
Cycles in Object Graphs
1m
Custom toJson Function
4m
Enabling the Binding Handler
3m
Testing the Dump Binding
5m
KnockoutJS Chrome PlugIn
2m
Examining Context Changes
3m
Right Tool for the Right Job
1m
Round 4: Custom Binding Handlers
Extending Your Bindings
1m
Top Reasons for Custom Bindng Handlers
2m
Creating a Binding Handler
3m
UI and Animation
5m
3rd Party Control Scenario
2m
Using the Bootstrap Typeahead
6m
Data Binding the Typeahead
4m
Designing a Binding Handler
3m
Writing the Typeahead Handler
4m
But Wait, There's More!
5m
Recap
1m
Round 5: The Truth About Computed Observables
Computeds Observables
1m
In a Nutshell
3m
Timings
4m
Triggering Disposal of a Computed
2m
Deferring Evaluation
2m
The Case for a Writeable Computed
2m
Using Computeds Wisely
1m
Round 6: Manual Subscriptions
Manual Subscriptions
1m
Why Should I Create Subscriptions?
2m
Subscription Syntax
2m
Car Demo
1m
Car Demo HTML
6m
Car Demo ViewModel
3m
Car Demo Constructor
4m
Car Demo Filtering with Computeds
4m
Car Demo Subscriptions
4m
Performing Logic Using Subscriptions
3m
Recap
1m
Round 7: Event Delegation and Performance
Managing Events and Performance
1m
Advantages of Event Delegation
3m
Bindings on Each Row
3m
Adding jQuery Event Delegation
5m
How to Use the Delegated Binding Handler
3m
Refactoring for the Binding Handler
5m
Recap
2m
Round 8: Performance
Efficient Knockout
1m
Bindings All At Once
3m
Understanding Array Updates
3m
Creating the Array Performance Demo
5m
Testing Observable Array Performance
1m
Using the Underlying Array
2m
Testing Large Array Performance
3m
Improving Large Array Performance
2m
Tracking Re-Evaluations
3m
Time to Throttle
2m
Throttling Local Data
4m
Throttling Ajax
3m
Recap
1m
Description
Course info
Rating
Level
Intermediate
Updated
Jun 20, 2013
Duration
3h 49m
Description
Interested in taking your Knockout and JavaScript skills up a notch? By the end of this course you will learn more about how Knockout works, various debugging techniques for declarative HTML and JavaScript view models, exploring your data context and observables, the many uses of custom bindings, the power of subscriptions, custom functions and performance tuning.
About the author
About the author
John Papa is a Principal Developer Advocate with Microsoft and an alumnus of the Google Developer Expert, Microsoft Regional Director, and MVP programs.
More from the author
More courses by John Papa