This book is a practical guide to KnockoutJS programming and provides how to integrate with several web technology such as HTML5, Bootstrap CSS, RequireJS, PHP, ASP.NET MVC, Node.js and Socket.io. It describes all the elements of the KnockoutJS API and illustrates their use with code examples. The following is a list of highlight topics: * Preparing development environment * Model-View-ViewModel (MVVM) and Observables * Knockout Data Binding and Templates * Interacting with Server * Knockout Modular: KnockoutJS and RequireJS * Case study 1: Building web application with KnockoutJS, PHP and MySQL * Case study 2: Building web application with KnockoutJS, ASP.NET MVC and SQL Server * Case study 3: Building web application with KnockoutJS, Node.js, Express and MongoDB * Case study 4: Building web application with KnockoutJS, Node.js and Socket.io

Use Knockout.js to design and build dynamic client-side web applications that are extremely responsive and easy to maintain. This example-driven book shows you how to use this lightweight JavaScript framework and its Model-View-ViewModel (MVVM) pattern. You’ll learn how to build your own data bindings, extend the framework with reusable functions, and work with a server to enhance your client-side application with persistence. In the final chapter, you’ll build a shopping cart to see how everything fits together. If you’re a web developer with experience in JavaScript, HTML, and CSS, you’re ready for Knockout. Learn how to create a ViewModel Bind HTML data and attributes, and CSS classes and styles Understand data binding in Knockout’s context hierarchy Use properties that change dynamically through user interaction Work with forms by using several different bindings Bind multiple ViewModels on a single page Extend or attach custom functions to observables Perform server-side interactions with jQuery Map a JavaScript object or apply JSON data to a new object

Develop rich, interactive, and real-world web applications using knockout.js About This Book Master the full range of features provided by knockout.js such as declarative binding, automatic refresh, dependency tracking, and templating using this project based guide Tackle real-world problems such as page navigation, forms, composite UI components, maps integration, server interaction for CRUD operations, and application security Discover the power of knockout.js as you build applications with complexity ranging from beginner to advanced Extend and customize knockout.js to harness its full potential Integrate with third party libraries and APIs to build fully featured applications Who This Book Is For This book is intended for designers and developers who want to learn how to use Knockout to develop rich, interactive, and modular web applications. The book assumes no prior knowledge of the Knockout library but basic familiarity with HTML, CSS, and JavaScript would be helpful. What You Will Learn Explore the basic concept behind the Model-View-View Model (MVVM) design pattern and how it is implemented by knockout.js Develop a modular application skeleton based on the Module Pattern that can be used as a template for your projects Use knockout.js with other libraries and APIs, such as JQuery, Bootstrap, and the Google Maps API, to give your users a richer experience Create real-world dynamic web forms to capture user information and learn how knockout.js makes it easier to capture, validate, and submit form data Develop and use dynamic UI components such as grids, tabs, master details view, and wizards Extend knockout.js to add custom extenders, binding handlers, subscribers, and observables Secure your single page application using token-based authentication In Detail 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.

Use Knockout.js to design and build dynamic client-side web applications that are extremely responsive and easy to maintain. This example-driven book shows you how to use this lightweight JavaScript framework and its Model-View-ViewModel (MVVM) pattern. You’ll learn how to build your own data bindings, extend the framework with reusable functions, and work with a server to enhance your client-side application with persistence. In the final chapter, you’ll build a shopping cart to see how everything fits together. If you’re a web developer with experience in JavaScript, HTML, and CSS, you’re ready for Knockout. Learn how to create a ViewModel Bind HTML data and attributes, and CSS classes and styles Understand data binding in Knockout’s context hierarchy Use properties that change dynamically through user interaction Work with forms by using several different bindings Bind multiple ViewModels on a single page Extend or attach custom functions to observables Perform server-side interactions with jQuery Map a JavaScript object or apply JSON data to a new object

Bring dynamic server-side web content and responsive web design together to build websites that work and display well on any resolution, desktop or mobile. With this practical book, you’ll learn how by combining the ASP.NET MVC server-side language, the Bootstrap front-end framework, and Knockout.js—the JavaScript implementation of the Model-View-ViewModel pattern. Author Jamie Munro introduces these and other related technologies by having you work with sophisticated web forms. At the end of the book, experienced and aspiring web developers alike will learn how to build a complete shopping cart that demonstrates how these technologies interact with each other in a sleek, dynamic, and responsive web application. Build well-organized, easy-to-maintain web applications by letting ASP.NET MVC 5, Bootstrap, and Knockout.js do the heavy lifting Use ASP.NET MVC 5 to build server-side web applications, interact with a database, and dynamically render HTML Create responsive views with Bootstrap that render on a variety of modern devices; you may never code with CSS again Add Knockout.js to enhance responsive web design with snappy client-side interactions driven by your server-side web application

This book is for web developers and designers who work with HTML and JavaScript to help them manage data and interactivity with data using KnockoutJS. Knowledge about jQuery will be useful but is not necessary.

With Learning JavaScript Design Patterns, you’ll learn how to write beautiful, structured, and maintainable JavaScript by applying classical and modern design patterns to the language. If you want to keep your code efficient, more manageable, and up-to-date with the latest best practices, this book is for you. Explore many popular design patterns, including Modules, Observers, Facades, and Mediators. Learn how modern architectural patterns—such as MVC, MVP, and MVVM—are useful from the perspective of a modern web application developer. This book also walks experienced JavaScript developers through modern module formats, how to namespace code effectively, and other essential topics. Learn the structure of design patterns and how they are written Understand different pattern categories, including creational, structural, and behavioral Walk through more than 20 classical and modern design patterns in JavaScript Use several options for writing modular code—including the Module pattern, Asyncronous Module Definition (AMD), and CommonJS Discover design patterns implemented in the jQuery library Learn popular design patterns for writing maintainable jQuery plug-ins "This book should be in every JavaScript developer’s hands. It’s the go-to book on JavaScript patterns that will be read and referenced many times in the future."—Andrée Hansson, Lead Front-End Developer, presis!