Building a Single Page Web Application with Knockout.js [Video]

Video Description

Knockout is a JavaScript MVVM (Model View ViewModel) library that helps you create rich, dynamic user interfaces with clean, maintainable code. Moreover, Knockout automatically updates the UI when your data model state changes, ridding you of the need to refresh the page. As a developer, discover how you can use Knockout.js to architect a complete single page web application from start to finish while maintaining its structure and flexibility!

This course walks you through the process of creating a real-life web application using the MVVM pattern to add functionality to the code as it evolves. If your JavaScript often turns into a giant convoluted mess while building an application with Knockout, this video course will give you an insight on how to organize your code to avoid this.

Starting with an overview of the core concepts behind Knockout.js to create a real-world application, you'll begin your journey by first learning to build a simplified version of Google Docs. You'll discover the power of data binding and dependency tracking to automatically keep various parts of your application in sync. Next, you’ll learn how you can use debugging techniques to track errors before moving on to creating a spreadsheet to represent more complex data structures. Lastly, you’ll learn how to create a form and then save and load a page using server side functionality.

The final section of the course lets you explore best practices and some additional tools you can use to ensure a maintainable code base.

Style and Approach

Packt video courses are designed to cover the breadth of the topic in short, hands-on, task-based videos. Each course is divided into short manageable sections, so you can watch the whole thing or jump to the bit you need. The focus is on practical instructions and screencasts showing you how to get the job done.

A clear and practical approach to building a web application with sample code provided to help you every step of the way so you can see not just the final product, but also the evolution of the code base.

What You Will Learn

• Use declarative data-binding to specify what your code should do in the HTML markup
• Write class-based JavaScript code to encapsulate functionality similar to object-oriented languages
• Apply the MVVM pattern to utilize two-way bindings between JavaScript and HTML
• Cut down on duplicate code and make code more maintainable by using inheritance with base.js
• Create custom bindings to expand on Knockout's functionality
• Use knockout templates to organize and reuse markup
• Dynamically choose a template based on the type of object
• Learn how the "this" keyword works in JavaScript and how to use it effectively
• Utilize computed properties to automatically track dependencies

Currently there are no Q&As for this course. Be the first to ask a question.