Master KnockoutJS : Knockout JS - JavaScript MVVM

Learn KnockoutJS - JavaScript implementation of the MVVM-Model View View Model with easy to understand examples.
3.7 (9 ratings) Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
458 students enrolled
$50
Take This Course
  • Lectures 39
  • Contents Video: 2.5 hours
    Other: 10 mins
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 12/2013 English

Course Description

This course lets you master knockoutjs. It explains all the necessary topics with easy to understand examples.
The video tutorials are provided in high definition and each lecture comes with code sample that's demonstrated in the video
The course covers knockout basic and advance topics which are intended for all level audience.
If you are into web development and you do dynamic website which involve communication with databases then this is a must for you

What are the requirements?

  • Web Browser
  • KnockoutJS Library

What am I going to get from this course?

  • By the end of this course you will master knockoutjs

What is the target audience?

  • Web Developers
  • Aspiring Web Developers

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: KnockoutJS
05:48

This lecture introduces you to KnockoutJS and MVVM Pattern

01:09

In this lecture we will see how we can download and install knockoutjs in our projects.
This lecture also shows how you can make use of Manage Nuget Packages to download and install knockoutJs in case you are using Microsoft Visual Studio IDE

04:50

In this lecture we will understand MVVM - Model-View-ViewModel Pattern with knockoutJS

02:53

In this lecture we will see how things are with and without KnockoutJS

Section 2: Observables
05:51

In this lecture we will see how we can make use of observables in KnockoutJS

05:35

In this lecture we will cover computed observables and how we can make them write-able.

10:13

In this lecture we will see how to use Observable Arrays in KnockoutJS

Section 3: Bindings
11:23

In this lecture we will see how we can make use of built in bindings provided by KnockoutJS

This lecture covers following bindings
1. The text binding
2. The html binding
3. The css binding
4. The style binding
5. The attr binding

Section 4: Bindings - Control Flow
06:28

In this lecture we will learn how to make use of foreach binding in knockoutJS

02:31

In this lecture we will explore the if binding in knockoutjs

01:06

In this lecture we will explore the ifnot control flow binding in knockoutJS

01:25

In this lecture we will expore with control flow binding in knockoutjs

Section 5: Bindings - Woking with Forms
02:56

In this lecture we will explore click binding in knockoutjs

02:32

In this lecture we will explore event binding in knockout js

02:42

In this lecture we will explore how submit binding works in knockoutjs

01:37

In this lecture we will explore how enable binding works in knockoutjs

01:11

In this lecture we will see how disable binding works in knockoutjs

02:01

In this lecture we will explore how value binding works in knockoutjs

02:02

In this lecture we will see how hasFoucs binding works in knockoutjs

02:09

In this lecture we will see how checked binding works in knockoutjs

04:04

In this lecture we will see how we can make use of options binding in knockoutjs

02:42

In this lecture we will see how selectedOptions bindings work in knockoutjs

01:57

In this lecture we will see how we can use uniqueName binding in knockoutjs

Section 6: Rendering templates
02:17

In this lecture we will see how template binding is used in knockoutjs

Section 7: Binding syntax
01:35

In this lecture we will see how data-bind syntax is used in knockoutjs

02:43

In this lecture we will see the binding context provided by knockoutjs like $root,$parent,$index and $data

Section 8: Creating custom bindings
06:24

In this lecture we will explore how custom binding works in knockoutjs

Section 9: Components in KnockoutJS
01:44

In this chapter we will be knowing what exactly components are in knockout.js

02:32

This chapter explains component lifecycle, you can skip this if you want to get to the practical aspect of components

11:09

We will be covering how to create a component and register them, make use of those components in our application in different ways

06:08

We will be learning a bit about require.js and then using that we will see how we can externally load our components template asynchronously using require.js

03:13

In this chapter we will learn how to create template only components

04:31

In this chapter we will see how to make use of CreateViewModel to pass viewmodel to our components

Components Slides & Code Samples
6 pages
Section 10: Miscellaneous
04:02

In this lecture we will see how we can convert our view model to JSON or plain js object using ko.toJSON and ko.toJS methods. We will also see how we can send data to server and populate our view model using data received from the server

03:01

In this lecture we will see how we can extend observables in knockoutJS

01:48

In this lecture we will see how we can make use of throttle extender in knockoutJS

02:56

In this lecture we will see how we can make custom functions in knockoutJS using fn

Section 11: Conclusion
4 pages

In this lecture we conclude knockoutJS

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

SkillBakery Studio, Start Learning Today...

SkillBakery is one of the fastest growing online education company.

Our vision is to provide high quality education which is affordable and accessible to everyone

We believe that every one has their own way of learning and grasping things and that's why we provide self-paced HD quality contents,so you can learn what you love at your convinience

We currently offer courses in web development and will soon be publishing new courses in other categories as well

We are committed to bring courses on new topics and we try to release one new course every month

So keep visiting us, you will surely find something for yourself here.

Ready to start learning?
Take This Course