SproutCore Guides

Getting Started: Part 1: Learn how to build a robust web app using the power of SproutCore along with the technologies you already know, like HTML and CSS.
Getting Started: Part 2: Connect the application you wrote in Part 1 to SproutCore's data store, and learn how to test with fixture data.
Core Concepts: In this guide, we will touch on many of the core concepts of SproutCore like bindings and the run loop. We'll cover just enough to get you going with out getting bogged down in the details. If you want to learn more, take a look at the detailed overviews of these concepts in the "Digging Deeper" section.
Enumerables: To simplify working with various kinds of lists, SproutCore provides a unified Enumerable interface. This guide explores which SproutCore objects are Enumerable, and how to use the Enumerable API.

Using Handlebars Templates: Learn how to make your application come to life by leveraging the tight integration between SproutCore and Handlebars, a semantic templating language.
Core View Concepts: In this guide, we will cover the basics of SproutCore views, and show you how to customize the built-in SproutCore views for your own use.

SproutCore Records: The SproutCore data framework is a full-featured ORM-like framework for working with data in SproutCore. Learn about the SproutCore data framework and how you can use it to interact with your data sources.
Using Fixtures: In order to facilitate rapid development, SproutCore provides a facility for using pre-set fixture data as your data source. This guide covers how to set up your fixtures, and how to replace them with your real server once you're ready to get going.

Using Chance, SproutCore's CSS Framework: Chance is SproutCore's CSS preprocessor. In this guide, you will learn how to use the CSS extensions that come with Chance to streamline your styling workflow.
Theming Your App: In this guide, we'll cover how to change the style of SproutCore controls in your app. As an example, we'll re-theme an SC.ButtonView.

Unit Testing: SproutCore has an easy-to-learn unit test facility that can be used to drive SproutCore test-driven development. This guide describes the basic SproutCore test commands.
Adding a Unit Test: Adding a unit test automatically or manually.
Writing Unit Tests: Describes how to write unit tests using module and test functions
Running Unit Tests: How tests are loaded and executed by the test runner.
SproutCore Development Using TDD: Show implementing the TODOs project using TDD.

Javascript Style Guide: This guide covers the style of SproutCore framework code.
Committer Guidelines: A detailed checklist of the do's and don'ts of SC framework code.
Documentation Guidelines: Writing and generating jsdoc documentation.

Contribute New Guides
SproutCore Guides are a community effort; contribute your own!

Author Credits
Meet the team responsible for putting the SproutCore Guides together.

The warning icon means the content you're looking at isn't quite done yet.

Notes are bits of important side info you want to make sure you pay attention to.

Pins are for supplementary info tidbits you might want; background, fun facts, etc.

This icon tells you you're looking at code. Which you likely knew... It's still pretty :p