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.

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!

Get up and running with ReactJS by developing five cutting-edge and responsive projects About This Book Create pragmatic real-world applications while learning React and its modern developer tools Build sustainable user interfaces by transforming data into components of UI Learn how to generate reusable ReactJS components effectively Who This Book Is For If you are a web developer and wish to learn ReactJS from scratch, then this book is tailor-made for you. Good understanding of Javascript, HTML, and CSS is expected. What You Will Learn Create, reuse, and compose React components using JSX Share data between various React components and techniques for data flow within a React app Handle user interactions with the help of event handlers and dynamic components Set up and use various next generation ES2015/ES6 features with React Understand the performance and immutability features of React using React add-ons Learn the techniques of Animation in React Use data stores to store model-related data and information Create a flux-based React application by using Reflux library In Detail ReactJS is an open-source JavaScript library that brings the power of reactive programming to web applications and sites. It aims to address the challenges encountered in developing single-page applications, and is intended to help developers build large, easily scalable and changing web apps. Starting with a project on Open Library API, you will be introduced to React and JSX before moving on to learning about the life cycle of a React component. In the second project, building a multi-step wizard form, you will learn about composite dynamic components and perform DOM actions. You will also learn about building a fast search engine by exploring server-side rendering in the third project on a search engine application. Next, you will build a simple frontpage for an e-commerce app in the fourth project by using data models and React add-ons. In the final project you will develop a complete social media tracker by using the flux way of defining React apps and know about the best practices and use cases with the help of ES6 and redux. By the end of this book, you will not only have a good understanding of ReactJS but will also have built your very own responsive frontend applications from scratch. Style and approach An easy-to-follow program to learn ReactJS with the help of real world projects. Each topic is explained within the context of a project and provides plenty of tips and tricks for using ReactJS.

Client side JavaScript for enterprise Oracle applications. About This Book Develop resilient and robust client-side applications Explore the power of popular JavaScript libraries such as jQuery, RequireJS, and custom Oracle JavaScript libraries Integrate JavaScript for Oracle developers Easily debug and secure your cloud interfaces Who This Book Is For If you are a web components developer looking to create client-side apps that are resilient and robust using Oracle JET, then this book is the right choice for you. What You Will Learn Use Yeoman or npm to start a new Oracle JET-based project Implement real-world use cases using Oracle JET components Get to know the best practices for Oracle JET web applications Explore Knockout.js, the framework behind Oracle JET Implement a multi-platform app with OJ and Cordova In Detail This book will give you a complete practical understanding of the Oracle JavaScript Extension Toolkit (JET) and how you can use it to develop efficient client-side applications with ease. It will tell you how to get your own customized Oracle JET set up. You'll start with individual libraries, such as jQuery, Cordova, and Require.js. You'll also get to work with the JavaScript libraries created by Oracle, especially for cloud developers. You'll use these tools to create a working backend application with these libraries. Using the latest Oracle Alta UI, you'll develop a state-of-the-art backend for your cloud applications. You'll learn how to develop and integrate the different cloud services required for your application and use other third-party libraries to get more features from your cloud applications. Toward the end of the book, you'll learn how to manage and secure your cloud applications, and test them to ensure seamless deployment. Style and approach This book will have a practical step by step approach where every step of application development will be explained in detail with code samples.

JavaScript is the engine behind every web app, and a solid knowledge of it is essential for all modern web developers. Pro JavaScript for Web Apps gives you all of the information that you need to create professional, optimized, and efficient JavaScript applications that will run across all devices. It takes you through all aspects of modern JavaScript application creation, showing you how to combine JavaScript with the new features of HTML5 and CSS3 to make the most of the new web technologies. The focus of the book is on creating professional web applications, ensuring that your app provides the best experience for your users, with smooth and responsive control and feedback and an intuitive and optimized interface. You will learn how to take a basic application and bring it up to a professional level while making sure that it remains bullet-proof and bug free. Pro JavaScript for Web Apps will also enhance your development workflow using jQuery to streamline the process and freeing you to spend more time on the important parts of your app while the framework deals with the mundanity. The best app experiences are a combination of a beautiful idea with flawless execution. If you have the ideas, Pro JavaScript for Web Apps will help you craft them into a phenomenal app.

This book is intended for .NET developers who want to use the MVVM design pattern to create powerful client-side JavaScript linked to server-side C# logic. Basic experience with ASP.NET, Razor, and creating web applications is needed.