Sign In Start Free Trial
Account

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying KnockoutJS by Example
  • Table Of Contents Toc
KnockoutJS by Example

KnockoutJS by Example

By : Adnan Jaswal
close
close
KnockoutJS by Example

KnockoutJS by Example

By: Adnan Jaswal

Overview of this book

KnockoutJS By Example is a project-based guide that introduces the key features and concepts of knockout.js. It helps you create an application skeleton and a Hello World application. You will develop a To-Do list application that aims to show the basic features of knockout.js in action, such as data binding and observables, following which you will develop a dynamic online customer registration form that captures and validates customer information. This book will further walk you through developing a customer banking portal, which demonstrates the use of knockout.js with components such as navigation bars, tabs, carousels, master details view, panels, forms, and wizards. You will also discover how to use token-based authentication and authorization to secure the customer banking portal, and move on to creating an editable products grid with CRUD operations. Finally, you will explore how to use the Google Maps API with knockout.js. KnockoutJS By Example will not only leave you with a basic understanding of knockout.js fundamentals but also take you through some of the advanced features. It will help you get a web application up and ready instantly.
Table of Contents (11 chapters)
close
close
10
Index

Chapter 2. Creating a To-do List Application

In the previous chapter, we built a simple address book application and introduced the skeleton we will be using in this book to develop more complex applications. This chapter will walk you through building a more complex application, a to-do list. This application will build and enhance the concepts learned in the previous chapter.

In this chapter, you will learn how to:

  • Work with lists using observable arrays
  • Bind input elements such as text fields and dropdown to our model
  • Use the foreach flow control with templating to render a table
  • Control text using the text data binding
  • Control appearance using the css data binding
  • Use visible binding to show or hide components
  • Sort the list using the sort method of the observable arrays
  • Filter the list using the arrayFilter method of the ko.utils package
  • Use computed observables to display dynamically changing data

The to-do list application allows the user to create and manage tasks. The application...

Visually different images
CONTINUE READING
83
Tech Concepts
36
Programming languages
73
Tech Tools
Icon Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.
Icon Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
Icon 50+ new titles added per month and exclusive early access to books as they are being written.
KnockoutJS by Example
notes
bookmark Notes and Bookmarks search Search in title playlist Add to playlist font-size Font size

Change the font size

margin-width Margin width

Change margin width

day-mode Day/Sepia/Night Modes

Change background colour

Close icon Search
Country selected

Close icon Your notes and bookmarks

Confirmation

Modal Close icon
claim successful

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY

Submit Your Feedback

Modal Close icon
Modal Close icon
Modal Close icon