Home

Welcome to the Focus JavaScript Framework wiki

Introduction

Focus is a JavaScript framework developped by KleeGroup. It has other github repositories associated:

• focus-starter-kit
• focus-generator, a simple page generator.

Installation

• Installation detailed in the wiki: here

Architecture

• Evolution
• Single Page application: SPA

WEB API

• Controllers and routes
• Services

Page patterns

• Index
• Search
• List
• Detail
• Composite
• Extra

First steps

• Application concepts
• Understand application structure
• How to write your first page
• What does brunch

Use cases

This section is still under construction

List pattern

• I have a list to display only in consult.
• I have a list to display with an edit mode.

Search page with results

Display page

Domains

• Definition

Klee helpers

We have built customs helpers in order to be able to use efficiently Backbone and add conventions on top of it.

• Helpers documentation here
• Helpers for handlebars template here

Core function

Existing template (view and model)

The search pattern

• The search view
• The search model
• The results view
• The results collection
• The results templates
• Optionally: The single result view and model

The detail / edit pattern

• The model
• The readonly view
• The edit / save view
• How to write a template