JSConf.it 2011: A Wondrous Experience of Sound, Light, and Code

YAY! A Wondrous Experience of Sound, Light, and Code Cappuccino and SproutCore in 45 Minutes Johannes Fahrenkrug @jfahrenkrug springenwerk.com herzpoetin.deDonnerstag, 12. Mai 2011

starstwins.comDonnerstag, 12. Mai 2011

Intro & Similarities Capp in 10 Video! SC in 10 Video! Wrap Up & Recommendations Q &A starstwins.comDonnerstag, 12. Mai 2011

SimilaritiesDonnerstag, 12. Mai 2011

Similarities Desktop-ishDonnerstag, 12. Mai 2011

Similarities Desktop-ish No PluginDonnerstag, 12. Mai 2011

Similarities Desktop-ish No Plugin Cocoa- inspiredDonnerstag, 12. Mai 2011

Similarities Desktop-ish No Plugin Cocoa- inspired ouramericangeneration.orgDonnerstag, 12. Mai 2011

SimilaritiesDonnerstag, 12. Mai 2011

CappuccinoDonnerstag, 12. Mai 2011

Intro 1/10Donnerstag, 12. Mai 2011

Intro • Objective-J and JavaScript 1/10Donnerstag, 12. Mai 2011

Intro • Objective-J and JavaScript • Port of Apple’s Cocoa framework 1/10Donnerstag, 12. Mai 2011

Intro • Objective-J and JavaScript • Port of Apple’s Cocoa framework • Low learning curve for iOS/Mac developers 1/10Donnerstag, 12. Mai 2011

Intro • Objective-J and JavaScript • Port of Apple’s Cocoa framework • Low learning curve for iOS/Mac developers • No need to use HTML/JS/CSS 1/10Donnerstag, 12. Mai 2011

Intro • Objective-J and JavaScript • Port of Apple’s Cocoa framework • Low learning curve for iOS/Mac developers • No need to use HTML/JS/CSS • Design UIs in Xcode’s Interface Builder 1/10Donnerstag, 12. Mai 2011

Intro • Objective-J and JavaScript • Port of Apple’s Cocoa framework • Low learning curve for iOS/Mac developers • No need to use HTML/JS/CSS • Design UIs in Xcode’s Interface Builder • http://cappuccino.org 1/10Donnerstag, 12. Mai 2011

Installation 1. git clone git://github.com/280north/cappuccino.git 2. Run ./bootstrap.sh 3. Add export PATH=”/usr/local/narwhal/bin:$PATH” to your ~/.proﬁle or ~/.zshrc 4. Run jake sudo-install 5. That’s it! 2/10Donnerstag, 12. Mai 2011

New Project 3/10Donnerstag, 12. Mai 2011

New Project 1. capp gen –t NibApplication my_awesome_app 3/10Donnerstag, 12. Mai 2011

New Project 1. capp gen –t NibApplication my_awesome_app 2. Run nib2cib Resources/MainMenu.xib 3/10Donnerstag, 12. Mai 2011

New Project 1. capp gen –t NibApplication my_awesome_app 2. Run nib2cib Resources/MainMenu.xib 3. Open index.html 3/10Donnerstag, 12. Mai 2011

Edit the UI 4/10Donnerstag, 12. Mai 2011

Edit the UI 1. cd MyAwesomeApp 4/10Donnerstag, 12. Mai 2011

Edit the UI 1. cd MyAwesomeApp 2. Run xcodecapp 4/10Donnerstag, 12. Mai 2011

Edit the UI 1. cd MyAwesomeApp 2. Run xcodecapp 3. Edit the UI in Xcode 4/10Donnerstag, 12. Mai 2011

Objective-J 5/10Donnerstag, 12. Mai 2011

Objective-J Class name 5/10Donnerstag, 12. Mai 2011

Objective-J Class name Superclass 5/10Donnerstag, 12. Mai 2011

Objective-J Class name Superclass Ivars 5/10Donnerstag, 12. Mai 2011

Objective-J Class name Superclass Ivars Methods 5/10Donnerstag, 12. Mai 2011

Objective-J 5/10Donnerstag, 12. Mai 2011

Hook Up UI 6/10 wallpaper110.com & United Plankton PicturesDonnerstag, 12. Mai 2011

Advanced Features 7/10 www.botanicalgarden.ubc.caDonnerstag, 12. Mai 2011

Advanced Features in din gs B 7/10 www.botanicalgarden.ubc.caDonnerstag, 12. Mai 2011

Advanced Features KVO in din gs /KV B C 7/10 www.botanicalgarden.ubc.caDonnerstag, 12. Mai 2011

Advanced Features KVO in din gs /KV B C NativeHost 7/10 www.botanicalgarden.ubc.caDonnerstag, 12. Mai 2011

Advanced Features KVO in din gs /KV B C NativeHost Categorie 7/10 s www.botanicalgarden.ubc.caDonnerstag, 12. Mai 2011

Testing https://github.com/280north/OJTest •Unit Tests •Specs •Mocks •Auto-Testing •Code Coverage 8/10Donnerstag, 12. Mai 2011

Deployment 1. Run jake release 2. Copy everything to any server, its just static ﬁles 3. Or run jake desktop for NativeHost 9/10Donnerstag, 12. Mai 2011

License 10/10Donnerstag, 12. Mai 2011

License 10/10Donnerstag, 12. Mai 2011 LGPL

Donnerstag, 12. Mai 2011

http://bit.ly/jsconf-cappDonnerstag, 12. Mai 2011

SproutCoreDonnerstag, 12. Mai 2011

Intro 1/10Donnerstag, 12. Mai 2011

Intro • Straight JavaScript, HTML, CSS 1/10Donnerstag, 12. Mai 2011

Intro • Straight JavaScript, HTML, CSS • Partly inspired by Apple’s Cocoa framework 1/10Donnerstag, 12. Mai 2011

Intro • Straight JavaScript, HTML, CSS • Partly inspired by Apple’s Cocoa framework • Partly inspired by Ruby on Rails 1/10Donnerstag, 12. Mai 2011

Intro • Straight JavaScript, HTML, CSS • Partly inspired by Apple’s Cocoa framework • Partly inspired by Ruby on Rails • Usable for desktop-ish AND "classic" applications 1/10Donnerstag, 12. Mai 2011

Intro • Straight JavaScript, HTML, CSS • Partly inspired by Apple’s Cocoa framework • Partly inspired by Ruby on Rails • Usable for desktop-ish AND "classic" applications • Touch & mobile support built-in 1/10Donnerstag, 12. Mai 2011

Intro • Straight JavaScript, HTML, CSS • Partly inspired by Apple’s Cocoa framework • Partly inspired by Ruby on Rails • Usable for desktop-ish AND "classic" applications • Touch & mobile support built-in • http://sproutcore.com 1/10Donnerstag, 12. Mai 2011

Installation 2/10Donnerstag, 12. Mai 2011

Installation • gem install sproutcore 2/10Donnerstag, 12. Mai 2011

Installation • gem install sproutcore • gem install sproutcore --pre (to get the latest beta) 2/10Donnerstag, 12. Mai 2011

Installation • gem install sproutcore • gem install sproutcore --pre (to get the latest beta) • Installer from http://www.sproutcore.com 2/10Donnerstag, 12. Mai 2011

New Project 3/10Donnerstag, 12. Mai 2011

New Project • sc-init my_awesome_app 3/10Donnerstag, 12. Mai 2011

New Project • sc-init my_awesome_app • cd my_awesome_app 3/10Donnerstag, 12. Mai 2011

New Project • sc-init my_awesome_app • cd my_awesome_app • Run sc-server 3/10Donnerstag, 12. Mai 2011

New Project • sc-init my_awesome_app • cd my_awesome_app • Run sc-server • Open http://localhost:4020 3/10Donnerstag, 12. Mai 2011

Hook Up UI 5/10 image from apple.comDonnerstag, 12. Mai 2011

Hook Up UI 5/10Donnerstag, 12. Mai 2011

Templates 6/10 image from sproutcore.comDonnerstag, 12. Mai 2011

Templates http://guides.sproutcore.com/getting_started.html 6/10 image from apple.comDonnerstag, 12. Mai 2011

Advanced Features 7/10 www.botanicalgarden.ubc.caDonnerstag, 12. Mai 2011

Advanced Features Tou ch 7/10 www.botanicalgarden.ubc.caDonnerstag, 12. Mai 2011

Advanced Features Mo Tou ch dule s 7/10 www.botanicalgarden.ubc.caDonnerstag, 12. Mai 2011

Advanced Features Mo Tou ch dule s DataStore 7/10 www.botanicalgarden.ubc.caDonnerstag, 12. Mai 2011

Advanced Features Mo Tou ch dule s DataStore Themes 7/10 www.botanicalgarden.ubc.caDonnerstag, 12. Mai 2011

Testing 8/10Donnerstag, 12. Mai 2011

Deployment 1. Run sc-build -rc my_awesome_app 2. Copy everything to any server, its just static ﬁles 3. Or use the strobe gem (http://strobecorp.com) 9/10Donnerstag, 12. Mai 2011

License 10/10Donnerstag, 12. Mai 2011

Donnerstag, 12. Mai 2011

http://bit.ly/jsconf-scDonnerstag, 12. Mai 2011

or ? starstwins.comDonnerstag, 12. Mai 2011

CAPPUCCINO OR SPROUTCORE? NEITHER, USE FLASH!by BubbachrissyDonnerstag, 12. Mai 2011

Majd (@jtaby) Randy (@me1000) FUN! "@jtaby @me1000 "@me1000 @jtaby says @cappuccino is says @sproutcore is so much better than so much better than @sproutcore. Is that @cappuccino. Is that true?" true?"Donnerstag, 12. Mai 2011

Grazie mille! Johannes Fahrenkrug @jfahrenkrug springenwerk.comDonnerstag, 12. Mai 2011

JSConf.it 2011: A Wondrous Experience of Sound, Light, and Code

by Johannes Fahrenkrug

Accessibility

Categories

Upload Details

Usage Rights

Statistics