Introduction to the Cappuccino web application framework from 280 North.

1. Intro to Cappuccino
jason harwig

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

3. [cappuccino background]

6. Extending JavaScript

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

8. Prototype, Jquery, Dojo
extend without new syntax

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

10. ES4, JS 2 Syntax

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

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

13. Look to History
Objective-C

14. Objective-J
superset of JavaScript

15. Objective-J Implementation

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

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

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

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

20. Language Features

21. @import quot;MyClass.jquot;
...

22. No Memory Management

23. Categories

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

25. Static Variables

26. Cappuccino
Cocoa Framework implemented in Objective-J

27. quot;Cappuccino is designed for
applications, not web pages.quot;
- cappuccino.org

29. Goodbye HTML, CSS, DOM

30. Hello Cocoa for the web

31. NSTex tField CPTe xtField

32. 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

33. Application Structure

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

35. Cappuccino Starter

36. Lights Off

37. Build Tools
Steam Press Bake

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

39. • Code optimizer
Press
• Combine into on js

40. • Like Rails Capistrano
Bake
• Atomic releases

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