Learning Knockout.JS

Course

Online

£ 20 VAT inc.

Description

  • Type

    Course

  • Methodology

    Online

  • Start date

    Different dates available

Create powerful data-driven web applications using Knockout.JS, with the help of real-world examplesAmong the various JavaScript libraries available to developers, Knockout.JS really stands out due to the diverse features it provides and also because it promotes the use of the Model-View-ViewModel (MVVM) design pattern to build data-driven web applications. Construct power-packed apps without compromising on its flexibility and build rich user interfaces, which will update in real-time when the data model state changes, eliminating the need to refresh pages.Learning Knockout.JS will walk you through all of the key features of Knockout.JS and make it easy for you to quickly and easily build feature-and data-rich web applications that are easy to extend and maintain.We start off with a brief introduction to Knockout.JS, and its various benefits, and explore the different design patterns in context of Knockout.JS to make your JavaScript code cleaner and more manageable. After that, we will walk through and understand the relationship between Models, Views, and ViewModels, as well as creating them.Along with that, you will also learn how we can use the different data binding attributes to manipulate the output. We will also discuss and implement various important concepts such as two way data binding and dependency tracking to update your UI in real-time and to separate the components of your application into logical parts.We will analyze Knockout’s template feature to help you deal with data context in most scenarios. Then, we will take a look at how to track the changes in dependencies and subscribe to them using computed observables and subscriptions. Furthermore, you will also learn how to customize bindings and functions as well as using extenders to create our own set of Knockout tools. Finally, we will take a look at some advanced features of Knockout.JS to take your knowledge to the next level!
.
Learning Knockout

Facilities

Location

Start date

Online

Start date

Different dates availableEnrolment now open

About this course

Use the popular MVVM design pattern to separate the concerns of your applications
Boost your JavaScript skills with the Module and Revealing Module patterns
Work with model data in the UI using Knockout’s data-binding syntax to manage data efficiently
Master and implement the concept of data context to get even more out of your UI
Build complex UI structures easily through the use of Knockout’s template features
Create computed observables to enhance interactions between model data and the UI
Expand your Knockout.JS skill set through the use of custom functions, bindings, and extenders
Preview the advanced features of Knockout.JS and launch your skills to the next level

Questions & Answers

Add your question

Our advisors and other users will be able to reply to you

Who would you like to address this question to?

Fill in your details to get a reply

We will only publish your name and question

Emagister S.L. (data controller) will process your data to carry out promotional activities (via email and/or phone), publish reviews, or manage incidents. You can learn about your rights and manage your preferences in the privacy policy.

Reviews

This centre's achievements

2021

All courses are up to date

The average rating is higher than 3.7

More than 50 reviews in the last 12 months

This centre has featured on Emagister for 6 years

Subjects

  • Javascript training
  • HTML
  • Javascript
  • Works
  • Approach
  • Design
  • Web
  • Project

Course programme

Introducing Knockout.JS 4 lectures 18:36 The Course Overview This video will provide an overview of what will be taught in this course. We will orient the viewer on what Knockout.JS is and what it can accomplish for them; also, a sample project will be demonstrated.
  • Give an overview of the topics that are covered in this course
  • Describe common obstacles to building dynamic data-driven websites and explain how Knockout.JS is a solution to those roadblocks; highlight the various features of Knockout.JS
  • Discuss the problem of how to catalog books, CD’s, and DVD’s. Track their location and find out who may have borrowed them. Cover a tour of the application and demonstrate the various features
The MVVM Design Pattern We will explain the MVVM software design pattern in relation to other MV* patterns (such as MVC and MVP). Describe how Knockout.JS uses MVVM in a web environment.
  • Explain the individual components that the MV* patterns have in common—the Model and the View
  • Describe the Controller in MVC and the Presenter in MVP. Then explain the ViewModel of the MVVM pattern and how it differs from the rest
  • Demonstrate how Knockout.JS implements the MVVM pattern using HTML and JavaScript
The Observer Design Pattern Describe the Observer software design pattern and how Knockout.JS implements it using the observable and observableArray data types.
  • Discuss the need for the Observer design pattern
  • Describe how the Observer design pattern works
  • Introduce the Knockout.JS observable and observableArray data types and demonstrate how they work
JavaScript Closures and the Module Pattern There are many ways to get JavaScript to mimic the class structure of OOP languages. Examine several popular methods and then introduce the Module pattern and Revealing Module Pattern.
  • Show how to create a simple JavaScript object and discuss the shortcomings of this approach
  • Demonstrate how to use functions to create objects with constructors, and give details on the limitations of this method for creating objects
  • Describe the Module pattern and the Revealing Module Pattern
Introducing Knockout.JS. 4 lectures 18:36 The Course Overview This video will provide an overview of what will be taught in this course. We will orient the viewer on what Knockout.JS is and what it can accomplish for them; also, a sample project will be demonstrated.
  • Give an overview of the topics that are covered in this course
  • Describe common obstacles to building dynamic data-driven websites and explain how Knockout.JS is a solution to those roadblocks; highlight the various features of Knockout.JS
  • Discuss the problem of how to catalog books, CD’s, and DVD’s. Track their location and find out who may have borrowed them. Cover a tour of the application and demonstrate the various features
The MVVM Design Pattern We will explain the MVVM software design pattern in relation to other MV* patterns (such as MVC and MVP). Describe how Knockout.JS uses MVVM in a web environment.
  • Explain the individual components that the MV* patterns have in common—the Model and the View
  • Describe the Controller in MVC and the Presenter in MVP. Then explain the ViewModel of the MVVM pattern and how it differs from the rest
  • Demonstrate how Knockout.JS implements the MVVM pattern using HTML and JavaScript
The Observer Design Pattern Describe the Observer software design pattern and how Knockout.JS implements it using the observable and observableArray data types.
  • Discuss the need for the Observer design pattern
  • Describe how the Observer design pattern works
  • Introduce the Knockout.JS observable and observableArray data types and demonstrate how they work
JavaScript Closures and the Module Pattern There are many ways to get JavaScript to mimic the class structure of OOP languages. Examine several popular methods and then introduce the Module pattern and Revealing Module Pattern.
  • Show how to create a simple JavaScript object and discuss the shortcomings of this approach
  • Demonstrate how to use functions to create objects with constructors, and give details on the limitations of this method for creating objects
  • Describe the Module pattern and the Revealing Module Pattern
The Course Overview This video will provide an overview of what will be taught in this course. We will orient the viewer on what Knockout.JS is and what it can accomplish for them; also, a sample project will be demonstrated.
  • Give an overview of the topics that are covered in this course
  • Describe common obstacles to building dynamic data-driven websites and explain how Knockout.JS is a solution to those roadblocks; highlight the various features of Knockout.JS
  • Discuss the problem of how to catalog books, CD’s, and DVD’s. Track their location and find out who may have borrowed them. Cover a tour of the application and demonstrate the various features
The Course Overview This video will provide an overview of what will be taught in this course. We will orient the viewer on what Knockout.JS is and what it can accomplish for them; also, a sample project will be demonstrated.
  • Give an overview of the topics that are covered in this course
  • Describe common obstacles to building dynamic data-driven websites and explain how Knockout.JS is a solution to those roadblocks; highlight the various features of Knockout.JS
  • Discuss the problem of how to catalog books, CD’s, and DVD’s. Track their location and find out who may have borrowed them. Cover a tour of the application and demonstrate the various features
The Course Overview This video will provide an overview of what will be taught in this course. We will orient the viewer on what Knockout.JS is and what it can accomplish for them; also, a sample project will be demonstrated.
  • Give an overview of the topics that are covered in this course
  • Describe common obstacles to building dynamic data-driven websites and explain how Knockout.JS is a solution to those roadblocks; highlight the various features of Knockout.JS
  • Discuss the problem of how to catalog books, CD’s, and DVD’s. Track their location and find out who may have borrowed them. Cover a tour of the application and demonstrate the various features
The Course Overview This video will provide an overview of what will be taught in this course. We will orient the viewer on what Knockout.JS is and what it can accomplish for them; also, a sample project will be demonstrated.
  • Give an overview of the topics that are covered in this course
  • Describe common obstacles to building dynamic data-driven websites and explain how Knockout.JS is a solution to those roadblocks; highlight the various features of Knockout.JS
  • Discuss the problem of how to catalog books, CD’s, and DVD’s. Track their location and find out who may have borrowed them. Cover a tour of the application and demonstrate the various features
This video will provide an overview of what will be taught in this course. We will orient the viewer on what Knockout.JS is and what it can accomplish for them; also, a sample project will be demonstrated.
  • Give an overview of the topics that are covered in this course
  • Describe common obstacles to building dynamic data-driven websites and explain how Knockout.JS is a solution to those roadblocks; highlight the various features of Knockout.JS
  • Discuss the problem of how to catalog books, CD’s, and DVD’s. Track their location and find out who may have borrowed them. Cover a tour of the application and demonstrate the various features
This video will provide an overview of what will be taught in this course. We will orient the viewer on what Knockout.JS is and what it can accomplish for them; also, a sample project will be demonstrated.
  • Give an overview of the topics that are covered in this course
  • Describe common obstacles to building dynamic data-driven websites and explain how Knockout.JS is a solution to those roadblocks; highlight the various features of Knockout.JS
  • Discuss the problem of how to catalog books, CD’s, and DVD’s. Track their location and find out who may have borrowed them. Cover a tour of the application and demonstrate the various features
The MVVM Design Pattern We will explain the MVVM software design pattern in relation to other MV* patterns (such as MVC and MVP). Describe how Knockout.JS uses MVVM in a web environment.
  • Explain the individual components that the MV* patterns have in common—the Model and the View
  • Describe the Controller in MVC and the Presenter in MVP. Then explain the ViewModel of the MVVM pattern and how it differs from the rest
  • Demonstrate how Knockout.JS implements the MVVM pattern using HTML and JavaScript
The MVVM Design Pattern We will explain the MVVM software design pattern in relation to other MV* patterns (such as MVC and MVP). Describe how Knockout.JS uses MVVM in a web environment.
  • Explain the individual components that the MV* patterns have in common—the Model and the View
  • Describe the Controller in MVC and the Presenter in MVP. Then explain the ViewModel of the MVVM pattern and how it differs from the rest
  • Demonstrate how Knockout.JS implements the MVVM pattern using HTML and JavaScript
The MVVM Design Pattern We will explain the MVVM software design pattern in relation to other MV* patterns (such as MVC and MVP). Describe how Knockout.JS uses MVVM in a web environment.
  • Explain the individual components that the MV* patterns have in common—the Model and the View
  • Describe the Controller in MVC and the Presenter in MVP. Then explain the ViewModel of the MVVM pattern and how it differs from the rest
  • Demonstrate how Knockout.JS implements the MVVM pattern using HTML and JavaScript
The MVVM Design Pattern We will explain the MVVM software design pattern in relation to other MV* patterns (such as MVC and MVP). Describe how Knockout.JS uses MVVM in a web environment.
  • Explain the individual components that the MV* patterns have in common—the Model and the View
  • Describe the Controller in MVC and the Presenter in MVP. Then explain the ViewModel of the MVVM pattern and how it differs from the rest
  • Demonstrate how Knockout.JS implements the MVVM pattern using HTML and JavaScript
We will explain the MVVM software design pattern in relation to other MV* patterns (such as MVC and MVP). Describe how Knockout.JS uses MVVM in a web environment.
  • Explain the individual components that the MV* patterns have in common—the Model and the View
  • Describe the Controller in MVC and the Presenter in MVP. Then explain the ViewModel of the MVVM pattern and how it differs from the rest
  • Demonstrate how Knockout.JS implements the MVVM pattern using HTML and JavaScript
We will explain the MVVM software design pattern in relation to other MV* patterns (such as MVC and MVP). Describe how Knockout.JS uses MVVM in a web environment.
  • Explain the individual components that the MV* patterns have in common—the Model and the View
  • Describe the Controller in MVC and the Presenter in MVP. Then explain the ViewModel of the MVVM pattern and how it differs from the rest
  • Demonstrate how Knockout.JS implements the MVVM pattern using HTML and JavaScript
The Observer Design Pattern Describe the Observer software design pattern and how Knockout.JS implements it using the observable and observableArray data types.
  • Discuss the need for the Observer design pattern
  • Describe how the Observer design pattern works
  • Introduce the Knockout.JS observable and observableArray data types and demonstrate how they work
The Observer Design Pattern Describe the Observer software design pattern and how Knockout.JS implements it using the observable and observableArray data types.
  • Discuss the need for the Observer design pattern
  • Describe how the Observer design pattern works
  • Introduce the Knockout.JS observable and observableArray data types and demonstrate how they work
The Observer Design Pattern Describe the Observer software design pattern and how Knockout.JS implements it using the observable and observableArray data types.
  • Discuss the need for the Observer design pattern
  • Describe how the Observer design pattern works
  • Introduce the Knockout.JS observable and observableArray data types and demonstrate how they work
The Observer Design Pattern Describe the Observer software design pattern and how Knockout.JS implements it using the observable and observableArray data types.
  • Discuss the need for the Observer design pattern
  • Describe how the Observer design pattern works
  • Introduce the Knockout.JS observable and observableArray data types and demonstrate how they work
Describe the Observer software design pattern and how Knockout.JS implements it using the observable and observableArray data types.
  • Discuss the need for the Observer design pattern
  • Describe how the Observer design pattern works
  • Introduce the Knockout.JS observable and observableArray data types and demonstrate how they work
Describe the Observer software design pattern and how Knockout.JS implements it using the observable and observableArray data types.
  • Discuss the need for the Observer design pattern
  • Describe how the Observer design pattern works
  • Introduce the Knockout.JS observable and observableArray data types and demonstrate how they work
JavaScript Closures and the Module Pattern There are many ways to get JavaScript to mimic the class structure of OOP languages. Examine several popular methods and then introduce the Module pattern and Revealing Module Pattern.
  • Show how to create a simple JavaScript object and discuss the shortcomings of this approach
  • Demonstrate how to use functions to create objects with constructors, and give details on the limitations of this method for creating objects
  • Describe the Module pattern and the Revealing Module Pattern
JavaScript Closures and the Module Pattern There are many ways to get JavaScript to mimic the class structure of OOP languages. Examine several popular methods and then introduce the Module pattern and Revealing Module Pattern.
  • Show how to create a simple JavaScript object and discuss the shortcomings of this approach
  • Demonstrate how to use functions to create objects with constructors, and give details on the limitations of this method for creating objects
  • Describe the Module pattern and the Revealing Module Pattern
JavaScript Closures and the Module Pattern There are many ways to get JavaScript to mimic the class structure of OOP languages. Examine several popular methods and then introduce the Module pattern and Revealing Module Pattern.
  • Show how to create a simple JavaScript object and discuss the shortcomings of this approach
  • Demonstrate how to use functions to create objects with constructors, and give details on the limitations of this method for creating objects
  • Describe the Module pattern and the Revealing Module Pattern
JavaScript Closures and the Module Pattern There are many ways to get JavaScript to mimic the class structure of OOP languages. Examine several popular methods and then introduce the Module pattern and Revealing Module Pattern.
  • Show how to create a simple JavaScript object and discuss the shortcomings of this approach
  • Demonstrate how to use functions to create objects with constructors, and give details on the limitations of this method for creating objects
  • Describe the Module pattern and the Revealing Module Pattern
There are many ways to get JavaScript to mimic the class structure of OOP languages. Examine several popular methods and then introduce the Module pattern and Revealing Module Pattern Displaying Data Using Knockout.JS 3 lectures 16:24 Creating Models, Views, and ViewModels We will create a...

Additional information

Basic Knowledge of JavaScript is required

Learning Knockout.JS

£ 20 VAT inc.