Browse Library
Sign In Start Free Trial
Close icon Search icon
Account
Browse Library Advanced Search Sign In Start Free Trial

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying Knockout.JS Essentials
  • Table Of Contents Toc
  • Feedback & Rating feedback
Knockout.JS Essentials

Knockout.JS Essentials

By : Ferrando
4 (2)
Buy this Book
close
close
Knockout.JS Essentials

Knockout.JS Essentials

4 (2)
By: Ferrando
Buy this Book

Overview of this book

If you are a JavaScript developer who has been using DOM manipulation libraries such as Mootools or Scriptaculous, and you want go further in modern JavaScript development with a simple and well-documented library, then this book is for you. Learning how to use Knockout will be perfect as your next step towards building JavaScript applications that respond to user interaction.
Table of Contents (10 chapters)
close
close
close
Preface
Icon
Preface
Icon
What this book covers
Icon
What you need for this book
Icon
Who this book is for
Icon
Conventions
Icon
Reader feedback
Icon
Customer support
Lock Free Chapter
1
1. Refreshing the UI Automatically with KnockoutJS
Icon
1. Refreshing the UI Automatically with KnockoutJS
Icon
KnockoutJS and the MVVM pattern
Icon
A real-world application – koCart
Icon
Installing components
Icon
The view-model
Icon
Observables to refresh the UI automatically
Icon
Summary
2
2. KnockoutJS Templates
Icon
2. KnockoutJS Templates
Icon
Preparing the project
Icon
Creating templates
Icon
Handling templates with if and ifnot bindings
Icon
Managing templates with jQuery
Icon
Managing templates with koExternalTemplateEngine
Icon
Summary
3
3. Custom Bindings and Components
Icon
3. Custom Bindings and Components
Icon
Custom bindings
Icon
Create a binding to debug – the toJSON binding
Icon
Summary
4
4. Managing KnockoutJS Events
Icon
4. Managing KnockoutJS Events
Icon
Event-driven programming
Icon
The click event
Icon
Event types
Icon
Event binding
Icon
Unobtrusive events with jQuery
Icon
Delegation pattern
Icon
Building custom events
Icon
Events and bindings
Icon
Summary
5
5. Getting Data from the Server
chevron up
Icon
5. Getting Data from the Server
Icon
REST services
Icon
Defining CRUD
Icon
Singleton resources
Icon
Setting CRUD operations in the resource
Icon
Using resources in the view-model
Icon
Using Mockjax to mock HTTP requests
Icon
Generating mock data with MockJSON
Icon
Retrieving a product by ID
Icon
Creating a new product
Icon
Separation of concerns – behavior and data
Icon
Creating the product service
Icon
Creating the CartProduct service
Icon
Updating a product
Icon
Deleting a product
Icon
Sending the order to the server
Icon
Handling AJAX errors
Icon
Validating data
Icon
Extending the product model
Icon
Extending the customer model
Icon
Summary
6
6. The Module Pattern – RequireJS
Icon
6. The Module Pattern – RequireJS
Icon
Installing the Knockout context debugger extension
Icon
The console
Icon
The module pattern
Icon
Creating the Shop module
Icon
The ViewModel module
Icon
The Models module
Icon
The Resources module
Icon
The Services module
Icon
Events, bindings, and Knockout components
Icon
Updating the add-to-cart-button component
Icon
Updating events
Icon
Using RequireJS to manage dependencies
Icon
Updating the template engine
Icon
Configuring RequireJS
Icon
Using RequireJS in our project
Icon
Defining the app.js file
Icon
Converting a normal module into an AMD module
Icon
Applying RequireJS to components
Icon
Applying RequireJS to mocks
Icon
Applying RequireJS to bindings
Icon
Applying RequireJS to events
Icon
The limits of the application
Icon
Summary
7
7. Durandal – The KnockoutJS Framework
Icon
7. Durandal – The KnockoutJS Framework
Icon
Installing Durandal
Icon
The shell view-model
Icon
Durandal life cycle
Icon
Building a page with Durandal
Icon
Summary
8
8. Developing Web Applications with Durandal – The Cart Project
Icon
8. Developing Web Applications with Durandal – The Cart Project
Icon
Introduction
Icon
Setting up the project
Icon
Routing the project – the shell view-model
Icon
The navigation and shell templates
Icon
Grouping code by feature – managing big projects
Icon
Summary
9
Index
Icon
Index

Chapter 5. Getting Data from the Server

We now have a cart application. To make it work as a real-world app, we need it to get data from a server. However, this book is focused on how to develop a project using KnockoutJS, not on how to configure and run a server.

Fortunately, this situation occurs in every project. Frontend developers begin to work just with the data specification and without any backend servers.

In this chapter, we are going to build a fully-functional frontend communication layer without a server at the backend. To succeed in this task, we are going to mock our data layer with fake objects. When we remove the mock layer, our application will be able to work with real data. This will help us to develop our applications faster and safer: faster because we don't need to wait for a real server response, and safer, because our data manipulation doesn't affect the real server.

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.
Knockout.JS Essentials
End of Section 5
Next Section
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
Order Page Read Now

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