pluralsight - Building HTML5 and JavaScript Apps with MVVM and Knockout
English | WMV | 1024x768 | VC-1 20.9 Kbps 15.000 fps | WMA 128 Kbps 44.1 khz | 2 channels | 750 MB
Genre: Video Training
English | WMV | 1024x768 | VC-1 20.9 Kbps 15.000 fps | WMA 128 Kbps 44.1 khz | 2 channels | 750 MB
Genre: Video Training
Do you write a lot of HTML, JavaScript, and jQuery to push and pull data? Does your JavaScript seem to lack the structure and patterns of your non script code? In this course you will learn popular techniques to use data binding to bind your data to your target controls in HTML writing less code, but gaining more power. See how to consume json data, use json objects in JavaScript, and use declarative binding all by using the KnockoutJS JavaScript library. Learn how the XAML data binding paradigm has been brought to the web world with observable objects, change notifications, subscriptions, and 2 way bindings. Explore modern JavaScript patterns and practices that follow the SOLID principles, reduce errors in your code, and make code easier to maintain. After taking this course you will have a solid foundation for building robust web apps using common JavaScript patterns, MVVM, and KnockoutJS.
Getting Started with Knockout and MVVM in JavaScript 00:35:33
Introduction 01:36
JavaScript, Data Binding and Knockout 05:28
JavaScript for Developers: Demo 02:23
MVVM with Knockout 02:58
MVVM with Knockout: Demo 02:24
jsFiddle 02:07
jsFiddle: Demo 03:53
Using Knockout in Visual Studio 01:23
Using Knockout in Visual Studio: Demo 01:40
Begin Coding with Knockout 01:32
Begin Coding with Knockout: Demo 06:16
Resources 00:53
Resources: Demo 02:16
Summary 00:44
Bindings and Observables 00:53:06
Introduction 01:16
Push and Pull Data without Data Binding 01:50
Push and Pull Data without Data Binding: Demo 04:01
Observables 02:31
Observables: Demo 04:02
Computed Observables 02:20
Computed Observables: Demo 04:53
Computed Observables on an Object Graph: Demo 02:44
Writeable Computed Observables 01:00
Writeable Computed Observables: Demo 04:59
Observable Arrays 01:41
Observable Arrays: Demo 11:21
Observable Array Functions 01:27
Observable Array Functions: Demo 02:23
Subcribe to Observables 01:18
Subcribe to Observables: Demo 04:32
Summary 00:48
Built In Bindings 00:48:13
Built In Bindings Overview 03:56
Bindings: Text and HTML: Demo 02:05
Bindings: Values: Demo 04:40
Bindings: Checkbox and Radio Button: Demo 07:53
Bindings: Lists: Demo 06:03
Bindings: Enable and Disable: Demo 02:49
Bindings: DOM Element Focus: Demo 04:51
Bindings: Click and Event: Demo 06:19
Bindings: CSS and Styling: Demo 04:51
Bindings: Attributes: Demo 03:42
Summary 01:04
JavaScript Patterns: Spaghetti to Ravioli 00:42:39
JavaScript Patterns with Knockout 01:06
Spaghetti to Ravioli 04:53
Spaghetti to Ravioli: Demo 04:50
Object Literals and 'this' 01:34
Object Literals and 'this': Demo 07:39
The Module Pattern for ViewModels 04:10
The Module Pattern for ViewModels: Demo 07:38
The Revealing Module Pattern for ViewModels 02:26
The Revealing Module Pattern for ViewModels: Demo 06:45
Summary and Tips 01:38
Templates, Control of Flow, and Containerless Bindings 01:05:53
Templates, Control of Flow, and Containerless Bindings 01:57
Named Templates in Script Tags 01:25
Named Templates in Script Tags: Demo 02:59
Named Templates without Script Tags: Demo 02:23
Control of Flow and Binding Contexts 04:35
Control of Flow and Binding Contexts: Demo 06:59
Anonymous/Inline Templates 03:15
Anonymous/Inline Templates: Demo 03:10
Dynamically Assigned Templates 02:11
Dynamically Assigned Templates: Demo 05:48
Swap Templates with Control of Flow: Demo 01:59
Template Binding Parameters and Array Filtering 02:44
Template Binding Parameters and Array Filtering: Demo 08:33
Containerless (Comment) Bindings 02:45
Containerless (Comment) Bindings: Demo 03:59
External Templates 01:59
External Templates: Demo 06:54
Summary and Tips 02:18
Custom Binding Handlers and Persisting Data 00:43:56
Custom Binding Handlers and Persisting Data 00:53
Custom Binding Handlers 02:30
Binding Handler for jQuery Animation: fadeVisible Demo 06:56
jQuery UI Button Binding Handler Demo 04:58
Binding Handler with Behavior: starRating Demo 04:25
Unobtrusive JavaScript 02:04
Unobtrusive JavaScript: Demo 05:16
Loading and Saving Data 00:56
Ajax, Service Abstraction, and jQuery Dialogs: Demo 07:43
Change Tracking 01:04
Change Tracking: Demo 04:44
Knockout Mapper 01:04
Summary and Tips 01:23
Introduction 01:36
JavaScript, Data Binding and Knockout 05:28
JavaScript for Developers: Demo 02:23
MVVM with Knockout 02:58
MVVM with Knockout: Demo 02:24
jsFiddle 02:07
jsFiddle: Demo 03:53
Using Knockout in Visual Studio 01:23
Using Knockout in Visual Studio: Demo 01:40
Begin Coding with Knockout 01:32
Begin Coding with Knockout: Demo 06:16
Resources 00:53
Resources: Demo 02:16
Summary 00:44
Bindings and Observables 00:53:06
Introduction 01:16
Push and Pull Data without Data Binding 01:50
Push and Pull Data without Data Binding: Demo 04:01
Observables 02:31
Observables: Demo 04:02
Computed Observables 02:20
Computed Observables: Demo 04:53
Computed Observables on an Object Graph: Demo 02:44
Writeable Computed Observables 01:00
Writeable Computed Observables: Demo 04:59
Observable Arrays 01:41
Observable Arrays: Demo 11:21
Observable Array Functions 01:27
Observable Array Functions: Demo 02:23
Subcribe to Observables 01:18
Subcribe to Observables: Demo 04:32
Summary 00:48
Built In Bindings 00:48:13
Built In Bindings Overview 03:56
Bindings: Text and HTML: Demo 02:05
Bindings: Values: Demo 04:40
Bindings: Checkbox and Radio Button: Demo 07:53
Bindings: Lists: Demo 06:03
Bindings: Enable and Disable: Demo 02:49
Bindings: DOM Element Focus: Demo 04:51
Bindings: Click and Event: Demo 06:19
Bindings: CSS and Styling: Demo 04:51
Bindings: Attributes: Demo 03:42
Summary 01:04
JavaScript Patterns: Spaghetti to Ravioli 00:42:39
JavaScript Patterns with Knockout 01:06
Spaghetti to Ravioli 04:53
Spaghetti to Ravioli: Demo 04:50
Object Literals and 'this' 01:34
Object Literals and 'this': Demo 07:39
The Module Pattern for ViewModels 04:10
The Module Pattern for ViewModels: Demo 07:38
The Revealing Module Pattern for ViewModels 02:26
The Revealing Module Pattern for ViewModels: Demo 06:45
Summary and Tips 01:38
Templates, Control of Flow, and Containerless Bindings 01:05:53
Templates, Control of Flow, and Containerless Bindings 01:57
Named Templates in Script Tags 01:25
Named Templates in Script Tags: Demo 02:59
Named Templates without Script Tags: Demo 02:23
Control of Flow and Binding Contexts 04:35
Control of Flow and Binding Contexts: Demo 06:59
Anonymous/Inline Templates 03:15
Anonymous/Inline Templates: Demo 03:10
Dynamically Assigned Templates 02:11
Dynamically Assigned Templates: Demo 05:48
Swap Templates with Control of Flow: Demo 01:59
Template Binding Parameters and Array Filtering 02:44
Template Binding Parameters and Array Filtering: Demo 08:33
Containerless (Comment) Bindings 02:45
Containerless (Comment) Bindings: Demo 03:59
External Templates 01:59
External Templates: Demo 06:54
Summary and Tips 02:18
Custom Binding Handlers and Persisting Data 00:43:56
Custom Binding Handlers and Persisting Data 00:53
Custom Binding Handlers 02:30
Binding Handler for jQuery Animation: fadeVisible Demo 06:56
jQuery UI Button Binding Handler Demo 04:58
Binding Handler with Behavior: starRating Demo 04:25
Unobtrusive JavaScript 02:04
Unobtrusive JavaScript: Demo 05:16
Loading and Saving Data 00:56
Ajax, Service Abstraction, and jQuery Dialogs: Demo 07:43
Change Tracking 01:04
Change Tracking: Demo 04:44
Knockout Mapper 01:04
Summary and Tips 01:23
General
Complete name :Getting Started with Knockout and MVVM in JavaScript\01. Introduction.wmv
Format : Windows Media
File size : 2.24 MiB
Duration : 1mn 36s
Overall bit rate mode : Variable
Overall bit rate : 196 Kbps
Maximum Overall bit rate : 223 Kbps
Movie name : introduction
Encoded date : UTC 2012-01-15 13:57:41.130
Video
ID : 2
Format : VC-1
Format profile : MP@HL
Codec ID : WMV3
Codec ID/Info : Windows Media Video 9
Codec ID/Hint : WMV3
Description of the codec : Windows Media Video 9
Duration : 1mn 36s
Bit rate mode : Variable
Bit rate : 20.9 Kbps
Width : 1 024 pixels
Height : 768 pixels
Display aspect ratio : 4:3
Frame rate : 15.000 fps
Bit depth : 8 bits
Scan type : Progressive
Compression mode : Lossy
Bits/(Pixel*Frame) : 0.002
Stream size : 245 KiB (11%)
Language : English (US)
Audio
ID : 1
Format : WMA
Format version : Version 2
Codec ID : 161
Codec ID/Info : Windows Media Audio
Description of the codec : Windows Media Audio 9.2 - 128 kbps, 44 kHz, stereo 1-pass CBR
Duration : 1mn 36s
Bit rate mode : Constant
Bit rate : 128 Kbps
Channel(s) : 2 channels
Sampling rate : 44.1 KHz
Bit depth : 16 bits
Stream size : 1.47 MiB (65%)
Language : English (US)
Complete name :Getting Started with Knockout and MVVM in JavaScript\01. Introduction.wmv
Format : Windows Media
File size : 2.24 MiB
Duration : 1mn 36s
Overall bit rate mode : Variable
Overall bit rate : 196 Kbps
Maximum Overall bit rate : 223 Kbps
Movie name : introduction
Encoded date : UTC 2012-01-15 13:57:41.130
Video
ID : 2
Format : VC-1
Format profile : MP@HL
Codec ID : WMV3
Codec ID/Info : Windows Media Video 9
Codec ID/Hint : WMV3
Description of the codec : Windows Media Video 9
Duration : 1mn 36s
Bit rate mode : Variable
Bit rate : 20.9 Kbps
Width : 1 024 pixels
Height : 768 pixels
Display aspect ratio : 4:3
Frame rate : 15.000 fps
Bit depth : 8 bits
Scan type : Progressive
Compression mode : Lossy
Bits/(Pixel*Frame) : 0.002
Stream size : 245 KiB (11%)
Language : English (US)
Audio
ID : 1
Format : WMA
Format version : Version 2
Codec ID : 161
Codec ID/Info : Windows Media Audio
Description of the codec : Windows Media Audio 9.2 - 128 kbps, 44 kHz, stereo 1-pass CBR
Duration : 1mn 36s
Bit rate mode : Constant
Bit rate : 128 Kbps
Channel(s) : 2 channels
Sampling rate : 44.1 KHz
Bit depth : 16 bits
Stream size : 1.47 MiB (65%)
Language : English (US)
Screenshots