Book Image

Knockout.JS Essentials

Book Image

Knockout.JS Essentials

Overview of this book

Related Content you might be interested in

Current Title:

Small book image
Knockout.JS Essentials
Feb, 2015 | 232 pages
No titles found
Table of Contents (16 chapters)
KnockoutJS Essentials
KnockoutJS Essentials
Credits
Credits
About the Author
About the Author
Acknowledgments
Acknowledgments
About the Reviewers
About the Reviewers
www.PacktPub.com
www.PacktPub.com
Preface
Preface
Free Chapter
1
Refreshing the UI Automatically with KnockoutJS
Refreshing the UI Automatically with KnockoutJS
KnockoutJS and the MVVM pattern
A real-world application – koCart
Installing components
The view-model
Observables to refresh the UI automatically
Summary
2
KnockoutJS Templates
KnockoutJS Templates
Preparing the project
Creating templates
Handling templates with if and ifnot bindings
Managing templates with jQuery
Managing templates with koExternalTemplateEngine
Summary
3
Custom Bindings and Components
Custom Bindings and Components
Custom bindings
Create a binding to debug – the toJSON binding
Summary
4
Managing KnockoutJS Events
Managing KnockoutJS Events
Event-driven programming
The click event
Event types
Event binding
Unobtrusive events with jQuery
Delegation pattern
Building custom events
Events and bindings
Summary
5
Getting Data from the Server
Getting Data from the Server
REST services
Defining CRUD
Singleton resources
Setting CRUD operations in the resource
Using resources in the view-model
Using Mockjax to mock HTTP requests
Generating mock data with MockJSON
Retrieving a product by ID
Creating a new product
Separation of concerns – behavior and data
Creating the product service
Creating the CartProduct service
Updating a product
Deleting a product
Sending the order to the server
Handling AJAX errors
Validating data
Extending the product model
Extending the customer model
Summary
6
The Module Pattern – RequireJS
The Module Pattern – RequireJS
Installing the Knockout context debugger extension
The console
The module pattern
Creating the Shop module
The ViewModel module
The Models module
The Resources module
The Services module
Events, bindings, and Knockout components
Updating the add-to-cart-button component
Updating events
Using RequireJS to manage dependencies
Updating the template engine
Configuring RequireJS
Using RequireJS in our project
Defining the app.js file
Converting a normal module into an AMD module
Applying RequireJS to components
Applying RequireJS to mocks
Applying RequireJS to bindings
Applying RequireJS to events
The limits of the application
Summary
7
Durandal – The KnockoutJS Framework
Durandal – The KnockoutJS Framework
Installing Durandal
The shell view-model
Durandal life cycle
Building a page with Durandal
Summary
8
Developing Web Applications with Durandal – The Cart Project
Developing Web Applications with Durandal – The Cart Project
Introduction
Setting up the project
Routing the project – the shell view-model
The navigation and shell templates
Grouping code by feature – managing big projects
Summary
Index
Index

Summary

In this chapter, you have learned how to split an application using templates that share the same view-model. Now that we know the basics, it would be interesting to extend the application. Maybe we can try to create a detailed view of the product, or maybe we can give the user the option to register where to send the order. You will learn how to do these things in the coming chapters, but it would be interesting to experiment just with the knowledge we have now.

In the next chapter, we are going to learn how to extend Knockout behaviors. This will be useful to format data and to create code that we can reuse over and over. You will learn what custom bindings and components are and how they help us write reusable and elegant code.

The code of this chapter is on GitHub:

https://github.com/jorgeferrando/knockout-cart/archive/chapter2.zip

Previous Section
End of Chapter 2
Next Chapter