Intro to Cappuccino
jason harwig

[cappuccino description]
• Open source (LGPL2)
• Client side (BYOBE)
• Web application Framework

[cappuccino background]

Extending JavaScript

• Classical Inheritance
• Imports
• No Compilation step (GWT)

Prototype, Jquery, Dojo
extend without new syntax

var Animal = Class.create({
initialize: function(name, sound) {
this.name = name;
this.sound = sound;
},
speak: function() {
alert(this.name + \" says: \" + this.sound +
\"!\");
}
});

ES4, JS 2 Syntax

class C extends B {
function C(m) {
mem = m
}
public function getmem() { return
mem }
private var mem : Object
};

Extend a language without
breaking legacy/future scripts?
create a superset of JavaScript

Look to History
Objective-C

Objective-J
superset of JavaScript

Objective-J Implementation

Obj ective-J
Ja vaScript
Object ive-J File Prep rocessor

-J File
• Valid JavaScript is valid Objective-J
Objective
• Syntax resembled Objective-C

import <Foundation/CPObject.j>
@implementation Animal : CPObject
{
CPString name;
CPString sound;
}
- (void)speak
{
alert(name + \" says: \" + sound + \"!\");
}

• Written in JavaScript ive-J
Object
• No Plugin Required
• No Compile Step P repro cessor

Language Features

@import \"MyClass.j\"
...

No Memory Management

Categories

import <Foundation/CPString.j>
@implementation CPString (Reversing)
- (CPString)reverse
{
var reversedString = \"\",
index = [self length];
while(index--)
reversedString += [self characterAtIndex: index];
return reversedString;
}
@end

Static Variables

Cappuccino
Cocoa Framework implemented in Objective-J

\"Cappuccino is designed for
applications, not web pages.\"
- cappuccino.org

Goodbye HTML, CSS, DOM

Hello Cocoa for the web

NSTex tField CPTe xtField

CAAnimation CPDocument
CPMutableArray
CPString
CABasicAnimation
CPDocumentController
CPMutableIndexSet
CPTabView
CAFlashLayer
CPDOMDisplayServer
CPNinePartImage
CPTabViewItem
CALayer
CPDOMWindowBridge
CPNotification
CPTextField
CAMediaTimingFunction CPDOMWindowLayer
CPNotificationCenter
CPThreePartImage
CAPropertyAnimation
CPEnumerator
CPNull
CPToolbar
CPAnimation
CPEvent
CPNumber
CPToolbarItem
CPApplication
CPException
CPObject
CPUndoManager
CPArray
CPFlashMovie
CPPanel
CPURLConnection
CPArray CPFlashView
CPPasteboard
CPURLRequest
CPBundle
CPFont
CPPopUpButton
CPURLResponse
CPButton
CPFontManager
CPProgressIndicator
CPUserSessionManager
CPClipView
CPGraphicsContext
CPPropertyListSerialization CPValue
CPCoder
CPHTTPURLResponse
CPResponder
CPView
CPCollectionView
CPImage
CPRunLoop
CPWebScriptObject
CPCollectionViewItem
CPImageView
CPScroller
CPWebView
CPColorPanel
CPIndexSet
CPScrollView
CPWindow
CPColorPicker
CPIndexSet CPSecureTextField
CPWindowController
CPColorWell
CPInvocation
CPSegmentedControl
CPColorWheelColorPicker CPJSONPConnection
CPShadow
CPControl
CPKeyedArchiver
CPShadowView
CPCookie
CPKeyedUnarchiver
CPSlider
CPData
CPKulerColorPicker
CPSliderColorPicker
CPDate
CPMenu
CPSortDescriptor
CPDictionary
CPMenuItem
CPSplitView

Application Structure

AppController.j AppKit
Frameworks Foundation
NewApplication index.html Objective-J
Info.plist
main.j

Cappuccino Starter

Lights Off

Build Tools
Steam Press Bake

• Manage the build proces
• Create application S team
• Compile application for release

• Code optimizer
Press
• Combine into on js

• Like Rails Capistrano
Bake
• Atomic releases

Further Research
• NIB2CIB - User Interface Builder
github.com/280north/cappuccino/wikis/nib2cib
• Cappucchino Documentation, Tutorials, Demos
cappuccino.org