Preface

With this series of tutorials you can learn the the programming of Cape.JS, a JavaScript UI framework that was born in 2015.

You will also learn how to integrate it with a back-end server written in Ruby on Rails, by creating a simple to-do list application step by step.

Cape.JS uses a technique “virtual DOM” just like React and Riot do. You can utilize Cape.JS to create interactive websites, whose contents change dynamically in response to user actions.

Until recently, it’s general to create such interactive websites by making full use of jQuery, but front-end programming will be much easier to if you adopt “virtual DOM”.

Cape.JS is an open source project. It’s distributed under the MIT license. You can use it for free and also redistribute or sell it after you modify its source code. You can find the source code at GitHub’s repository. Also, documents are prepared.

Table of Contents

• Preface
• Hello, world!
• Reference of custom attribute value and nesting of HTML elements
• Creating the text nodes
• Integrate Cape.JS with Ruby on Rails (1)
• Integrate Cape.JS with Ruby on Rails (2)
• Let the component have the date
• Initializing the date with Ajax
• Assignment of event handler
• Updating the data with Ajax
• The data store
• Show the form for new task
• Creating new task
• The edit form of the task
• Update the task
• Delete the task
• Cape.JS 1.2
• Collection agent (1)
• Collection agent (2)
• Collection agent (3)
• Change displaying order (1)
• Change displaying order (2)
• Change displaying order (3)