Joosy (1.0RC4) Who's using Annotated sample Guides Screencasts API Code Bugs/Patches Community

Joosy Guides

Joosy Guides (v1.0.0)

Joosy is a javascript framework. Being a harmonious extensions to Rails it introduces everything you like about this framework right to your browser. Ready conventions set, extensive CoffeeScript, HAML support, Helpers, seamless backend integration, automatic code generation and more.

Joosy allows you to create web apps which work completely in the browser. So that, it helps you to relocate all your Rails Views to the client side. It also helps you with managing the growing quantity of JS code. On another hand, it makes your backend to have exactly one function – to be a simple REST provider. That leads to easier development support and improves the scalability greatly.

Besides Rails, Joosy is based on top of CoffeeScript, jQuery and Sugar.js in role of ActiveSupport.

Finally, Joosy boosts your development drastically. Just like Rails does.

Joosy basics

  • Getting started

    Everything you need to know to get started. Architecture description and incredible features highlight.

  • Joosy vs X

    Comparison of Joosy against Backbone and Ember.js.

Creating a blog on Joosy

  • Rails preparations

    During this chapter we’ll setup Joosy application based on a Rails application and prepare tiny REST backend.

  • Resources

    Resources are your models data representations. Before we get to the application itself, we’ll learn how to fetch from the backend and manage the data after you received it.

  • Layouts, pages and routing

    In this chapter we’ll create basic blog pages with layouts and learn how routing in Joosy works. We’ll alse learn how to load basic data from server during page load.

  • Elements, events and filters

    This chapter describes HTML elements and events binding. We’ll add useless hiding clocks to our header, yay!

  • Forms

    With help of Forms we’ll finally add posts management to our blog. We’ll make tiny admin pages to create and edit posts.

  • Dynamic rendering

    This chapter will show you what you can do with your resources and dynamic binding. We’ll learn how to link variable value and its HTML representation which will automatically update after variable changes. Using that we’ll add inline title editor to our blog.

  • Widgets

    In this chapter we’ll move our inline title editor to a widget and will reuse it on all blog posts pages.

  • Helpers

    Using helpers we’ll add piratish flavour to our blog. This chapter either learns how to create local helpers accessible only inside views of one page.

  • Preloaders

    Now that our blog is ready we’ll improve its loading. This chapter will learn you how to use two different kind of preloaders that come with Joosy. You’ll know their advantages and how you can use them.

  • Load, unload and ‘in progress’ animations

    This is advanced chapter that will show you how you can get some advanced control over the process of pages loading. We’ll add fading animation that will both: indicate the process of page loading and just look good :).

Advanced guides