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

Preview in Mapt

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

Chris Black, David Ly

1 customer reviews
Create a complete and structured single page application by doing more with less code using Knockout.js
Mapt Subscription
FREE
$29.99/m after trial
Video
$72.25
RRP $84.99
Save 14%
What do I get with a Mapt Pro subscription?
  • Unlimited access to all Packt’s 5,000+ eBooks and Videos
  • Early Access content, Progress Tracking, and Assessments
  • 1 Free eBook or Video to download and keep every month after trial
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
$0.00
$72.25
$29.99p/m after trial
RRP $84.99
Subscription
Video
Start 30 Day Trial

Frequently bought together


Building a Single Page Web Application with Knockout.js [Video] Book Cover
Building a Single Page Web Application with Knockout.js [Video]
$ 84.99
$ 72.25
Data Analysis with Pandas and Python [Video] Book Cover
Data Analysis with Pandas and Python [Video]
$ 39.99
$ 34.00
Buy 2 for $35.00
Save $89.98
Add to Cart
Subscribe and access every Packt eBook & Video.
 
  • 5,000+ eBooks & Videos
  • 50+ New titles a month
  • 1 Free eBook/Video to keep every month
Start Free Trial
 

Video Details

ISBN 139781783284054
Course Length1 hour and 51 minutes

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.

Table of Contents

Exploring Knockout.js
Course Overview
Declarative Bindings
Automatic UI Refresh
Dependency Tracking
Templating
Using Knockout.js
When to Use Knockout
Complex Interactions between Components
Understanding MVVM
Getting Started with Knockout Docs
Creating a Basic Document
Keeping a List of Documents
Selecting a Document to Edit
Working with Classes
Keeping Code Organized Using Templates
Common Errors and Debugging
Common Errors
Debugging Techniques
Chrome Extension: Knockout Context Debugger
Using Subscriptions for Debugging
A More Complex Type: Spreadsheets
Creating a Spreadsheet Class
Creating a New Template
Creating New Items through the UI
Adding Rows and Columns (ViewModel Side)
Adding Rows and Columns (View Side)
Advanced Techniques
Filtering Data
Auto-saving Using Throttled Computed
Introduction to Custom Bindings: Adding Animation
Custom Binding: Sortable
Working With Forms: Creating Surveys
Creating a Survey Class
Adding Checkbox Questions
Adding Radio Button and Select List Questions
Adding a Preview Mode
Saving and Loading Data
Overriding toJSON
Loading Data from the Server
Additional Tools and Resources

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

Authors

Screenshots

Table of Contents

Exploring Knockout.js
Course Overview
Declarative Bindings
Automatic UI Refresh
Dependency Tracking
Templating
Using Knockout.js
When to Use Knockout
Complex Interactions between Components
Understanding MVVM
Getting Started with Knockout Docs
Creating a Basic Document
Keeping a List of Documents
Selecting a Document to Edit
Working with Classes
Keeping Code Organized Using Templates
Common Errors and Debugging
Common Errors
Debugging Techniques
Chrome Extension: Knockout Context Debugger
Using Subscriptions for Debugging
A More Complex Type: Spreadsheets
Creating a Spreadsheet Class
Creating a New Template
Creating New Items through the UI
Adding Rows and Columns (ViewModel Side)
Adding Rows and Columns (View Side)
Advanced Techniques
Filtering Data
Auto-saving Using Throttled Computed
Introduction to Custom Bindings: Adding Animation
Custom Binding: Sortable
Working With Forms: Creating Surveys
Creating a Survey Class
Adding Checkbox Questions
Adding Radio Button and Select List Questions
Adding a Preview Mode
Saving and Loading Data
Overriding toJSON
Loading Data from the Server
Additional Tools and Resources

Video Details

ISBN 139781783284054
Course Length1 hour and 51 minutes
Read More
From 1 reviews

Read More Reviews

Recommended for You

Data Analysis with Pandas and Python [Video] Book Cover
Data Analysis with Pandas and Python [Video]
$ 39.99
$ 34.00
C++ Operating on Files [Video] Book Cover
C++ Operating on Files [Video]
$ 53.99
$ 45.90
Industrial Cybersecurity Book Cover
Industrial Cybersecurity
$ 35.99
$ 25.20
OAuth 2.0 Cookbook Book Cover
OAuth 2.0 Cookbook
$ 35.99
$ 25.20
Web Security: Common Vulnerabilities And Their Mitigation [Video] Book Cover
Web Security: Common Vulnerabilities And Their Mitigation [Video]
$ 48.99
$ 41.65
Kali Linux - An Ethical Hacker's Cookbook Book Cover
Kali Linux - An Ethical Hacker's Cookbook
$ 35.99
$ 25.20