Book Image

KnockoutJS by Example

By : Adnan Jaswal
Book Image

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 (17 chapters)
KnockoutJS by Example
Credits
About the Author
Acknowledgment
About the Reviewers
www.PacktPub.com
Preface
Index

Logging in to the application


The first user story of this chapter is about securing the application using a login screen and token-based authentication using JWT. We will implement the following flow:

  1. The user accesses the customer banking portal via the browser.

  2. The portal application looks for the authentication token to check whether the user is already authenticated or not.

  3. The portal application displays the login screen to prompt the user for their username and password.

  4. The user enters his/her username and password.

  5. The portal application submits the username and password to the server.

  6. The server validates the username and password and returns a token.

  7. The portal application stores the token returned by the server.

  8. The portal application makes a request to retrieve member data and passes the authentication token with the request.

  9. The server validates the incoming authentication token and returns the requested member data.

You should start on this story by checking out code from chapter6\checkpoint6...