This documentation is currently being moved to our new documentation site.

Please view or edit the documentation there, instead.

If you're looking for Fluid Project coordination, design, communication, etc, try the Fluid Project Wiki.

Tutorial - Getting started with Infusion

 

Ok, you're convinced: The Infusion Framework looks like it has some cool stuff, and you want to use it in your application. This tutorial will walk you through the basic concepts you'll need to know and how to implement them. It starts simple and builds in complexity as it goes. Along the way, you'll find links to more documentation about the concepts you'll be learning.

Building Components

The building blocks of Infusion applications are components. If you haven't already, you might want read Understanding Infusion Components to learn what we mean when we say components, and why we use them.

If you want to use Infusion, you'll likely want to create components. Here's how:

  1. Set up your environment
  2. Define a namespace and create a closure
  3. Pick a component type
  4. Basic Component Creation - Little Components
    1. Tutorial - Model Components
    2. Tutorial - Evented Components
    3. Tutorial - View Components
    4. Tutorial - Renderer Components
  5. Tutorial - Subcomponents
  6. Tutorial - Contexts and IoCSS
  7. Loading Templates and Other Resources

Let's get started: Set up your environment