DoneJS StealJS jQuery++ FuncUnit DocumentJS
4.3.0
5.0.0 3.13.1 2.3.35
  • About
  • Guides
  • API Docs
  • Community
  • Contributing
  • Bitovi
    • Bitovi.com
    • Blog
    • Design
    • Development
    • Training
    • Open Source
    • About
    • Contact Us
  • About
  • Guides
    • experiment
      • Chat Guide
      • TodoMVC Guide
      • ATM Guide
    • getting started
      • Setting Up CanJS
      • Technology Overview
      • Reading the Docs (API Guide)
      • Experimental ES Module Usage
    • recipes
      • Canvas Clock (Simple)
      • Credit Card Guide (Advanced)
      • Credit Card Guide (Simple)
      • CTA Bus Map (Medium)
      • File Navigator Guide (Advanced)
      • File Navigator Guide (Simple)
      • Playlist Editor (Advanced)
      • Signup and Login (Simple)
      • Text Editor (Medium)
      • Tinder Carousel (Medium)
      • TodoMVC with StealJS
      • Video Player (Simple)
    • topics
      • Debugging
      • Forms
    • upgrade
      • Migrating to CanJS 3
      • Migrating to CanJS 4
      • Using Codemods
  • API Docs
  • Community
  • Contributing
  • GitHub
  • Twitter
  • Chat
  • Forum
  • News
Bitovi

recipes

  • Edit on GitHub

A listing of small examples that are useful for learning CanJS.

Credit Card

The Credit Card Guide (Simple) walks through building a simple credit card payment form with Stripe. It also performs simple validation on the payment form values.

Credit Card App

The Credit Card Guide (Advanced) recipe builds nearly same application, but with better validations and with Kefir streams instead of can-define.

CTA Bus Map

The CTA Bus Map (Medium) walks through showing Chicago Transit Authority (CTA) bus locations on a Google Map. You'll learn how to create a can-component that integrates with 3rd party widgets.

CTA Bus Map

Signup and Login

The Signup and Login (Simple) walks through building simple signup, login forms and a logout button.

Signup and Login

File Navigator

The File Navigator Guide (Simple) walks through building a simple navigation widget where you can open and close folders.

The File Navigator Guide (Advanced) walks through a navigation widget that uses can-connect to load the data for a folder from a simulated service layer.

File Navigator

TodoMVC with StealJS

The TodoMVC with StealJS guide builds the TodoMVC application, like the TodoMVC Guide, but using StealJS to load modules. It is designed to be done in a classroom-like setting and includes links to keynote and powerpoint presentations for each section.

Weather Report

The Weather Report Guide (Simple) walks through building a 10 day forecast widget using YQL. The Weather Report Guide (Advanced) extends the simple widget to remove imperative code and automatically lookup the users location using the browser's geolocation with event streams.

Weather Report

Playlist Editor

The Playlist Editor (Advanced) shows how to use YouTube's API to search for videos and make a playlist. This makes authenticated requests with OAuth2. It uses jQuery++ for drag/drop events. It shows using custom attributes and custom events.

Playlist Editor

CanJS is part of DoneJS. Created and maintained by the core DoneJS team and Bitovi. Currently 4.3.0.

On this page

Get help

  • Chat with us
  • File an issue
  • Ask questions
  • Read latest news