Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Branch: master
Fetching contributors…

Cannot retrieve contributors at this time

253 lines (250 sloc) 9.407 kB
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible'>
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'>
<title>Rails Tutorials &#183; Devise with CanCan and Twitter Bootstrap</title>
<meta content='Ruby on Rails tutorial for a Rails 3.2 application using Devise with CanCan and Twitter Bootstrap.' name='description'>
<meta content='' name='author'>
<link href="/assets/application.css" media="all" rel="stylesheet" type="text/css" />
<script src="/assets/application.js" type="text/javascript"></script>
<meta content="authenticity_token" name="csrf-param" />
<meta content="tY5QIERuYmop6ziDsTLgZfbi63IRXGuRDH7/hZ1mLBA=" name="csrf-token" />
<script src="/assets/google_analytics.js" type="text/javascript"></script>
</head>
<body>
<header class='navbar navbar-fixed-top'>
<nav class='navbar-inner'>
<div class='container'>
<a href="http://railsapps.github.com/" class="brand">RailsApps Project</a>
</div>
</nav>
</header>
<div id='main' role='main'>
<div class='container'>
<div class='content'>
<div class='row'>
<div class='span12'>
<div class='modal hide' id='free-access'>
<div class='modal-body'>
<p>
<span class='label label-success'>
FREE ACCESS
</span>
</p>
<div class='tutorial-list'>
<h4>Basic Tutorials</h4>
<ul>
<li>
<a href='http://railsapps.github.com/tutorial-rails-devise-rspec-cucumber.html'>Devise, RSpec, Cucumber</a>
</li>
<li>
<a href='http://railsapps.github.com/tutorial-rails-mongoid-devise.html'>Devise, Mongoid</a>
</li>
<li>
<a href='http://railsapps.github.com/tutorial-rails-mongoid-omniauth.html'>OmniAuth, Mongoid</a>
</li>
<li>
<a href='http://railsapps.github.com/tutorial-rails-subdomains.html'>Subdomains</a>
</li>
</ul>
</div>
<p>
<span class='label label-warning'>
MEMBERSHIP REQUIRED
</span>
</p>
<div class='tutorial-list'>
<h4>Premium Tutorials</h4>
<ul>
<li>
<a data-dismiss='modal' href='#'>Twitter Bootstrap, Devise, CanCan</a>
</li>
<li>
<a data-dismiss='modal' href='#'>Startup Prelaunch Signup App</a>
</li>
</ul>
</div>
</div>
<div class='modal-footer'>
<a class='btn' data-dismiss='modal' href='#'>Close</a>
</div>
</div>
<div class='modal hide' id='subscription'>
<div class='modal-body'>
<p>
<span class='label label-success'>
FREE TRIAL TODAY
</span>
</p>
<div class='tutorial-list'>
<h4>Premium Tutorials</h4>
<ul>
<li>
<a href='http://railsapps.github.com/tutorials-rails-bootstrap-devise-cancan.html'>Twitter Bootstrap, Devise, CanCan</a>
</li>
<li>
<a href='http://railsapps.github.com/tutorial-rails-prelaunch-signup.html'>Startup Prelaunch Signup App</a>
</li>
</ul>
<h4>Basic Tutorials</h4>
<ul>
<li>
<a href='http://railsapps.github.com/tutorial-rails-devise-rspec-cucumber.html'>Devise, RSpec, Cucumber</a>
</li>
<li>
<a href='http://railsapps.github.com/tutorial-rails-mongoid-devise.html'>Devise, Mongoid</a>
</li>
<li>
<a href='http://railsapps.github.com/tutorial-rails-mongoid-omniauth.html'>OmniAuth, Mongoid</a>
</li>
<li>
<a href='http://railsapps.github.com/tutorial-rails-subdomains.html'>Subdomains</a>
</li>
</ul>
<p>
Click a link to any tutorial for instant access.
</p>
</div>
</div>
<div class='modal-footer'>
<a class='btn' data-dismiss='modal' href='#'>Close</a>
</div>
</div>
<div class='hero-unit' id='welcome'>
<h1>
<img alt='Rails Application for a Startup Prelaunch Signup Site' height='100' src='http://railsapps.github.com/images/tutorial.png' title='Rails Application for a Startup Prelaunch Signup Site' width='120'>
The tutorials.
</h1>
<ul class='thumbnails pull-center'>
<li class='span3'>
<div class='thumbnail'>
<img alt='Simon' height='40' src='http://a0.twimg.com/profile_images/1299866823/me_normal' width='40'>
<p>One of the best resources for Rails developers, tons of useful tutorials, advice, best practices... Thank you!</p>
</div>
</li>
<li class='span3'>
<div class='thumbnail'>
<img alt='Daniel May' height='40' src='http://a0.twimg.com/profile_images/1299379352/dmay_normal.jpg' width='40'>
<p>@rails_apps Awesome tutorials covering #rails, #mongoid, #devise. Keep up the great work & even do more?</p>
</div>
</li>
<li class='span3'>
<div class='thumbnail'>
<img alt='Jordan Burke' height='40' src='http://a0.twimg.com/profile_images/1633972767/IMG_0426-1__1__normal.JPG' width='40'>
<p>Big thanks to @rails_apps for providing some great RoR starter apps and tutorials.</p>
</div>
</li>
</ul>
</div>
<div class='span10 offset1 well' id='featured'>
<div class='ribbon-featured'>
<a href='#'>
FEATURED
<br>TUTORIAL</br>
</a>
</div>
<h2>Devise with CanCan and Twitter Bootstrap</h2>
<p>
Ruby on Rails tutorial for Devise with CanCan and Twitter Bootstrap.
</p>
<ul>
<li>Devise gives you ready-made authentication and user management.</li>
<li>CanCan provides authorization for administrator access.</li>
<li>Twitter Bootstrap is a popular front-end framework for CSS styling.</li>
<li>RSpec and Cucumber for testing and behavior-driven development.</li>
</ul>
</div>
<div class='row' id='price-table-wrapper'>
<div class='span12 offset1' id='price-table'>
<div class='flex well pricehover'>
<div class='price'>
<h2>Hobo</h2>
</div>
<ul class='unstyled pricing animated fadeIn'>
<li>Access to Basic Tutorials</li>
<li>Single User</li>
<li>No Membership</li>
</ul>
<h3>FREE</h3>
<button class='btn btn-success' data-toggle='modal' href='#free-access' id='hobo'>Subscribe</button>
</div>
<div class='flex well pricehover'>
<div class='price'>
<h2>Student</h2>
</div>
<ul class='unstyled pricing animated fadeIn'>
<li>Access to Basic + Premium Tutorials</li>
<li>Single User</li>
<li>Annual Membership</li>
</ul>
<h3>$12</h3>
<button class='btn btn-success' data-toggle='modal' href='#subscription' id='student'>Subscribe</button>
</div>
<div class='flex well pricehover featured'>
<div class='price featuredprice'>
<h2>Pro</h2>
</div>
<ul class='unstyled pricing animated fadeIn'>
<li>Access to Basic + Premium Tutorials</li>
<li>Single User</li>
<li>Monthly Membership</li>
</ul>
<h3>$9</h3>
<button class='btn btn-success' data-toggle='modal' href='#subscription' id='pro'>Subscribe</button>
</div>
<div class='flex well pricehover'>
<div class='price'>
<h2>Team</h2>
</div>
<ul class='unstyled pricing animated fadeIn'>
<li>All the Benefits of Pro... for Your Entire Team</li>
<li>Multiple Users</li>
<li>Annual Membership</li>
</ul>
<h3>$179</h3>
<button class='btn btn-success' data-toggle='modal' href='#subscription' id='team'>Subscribe</button>
</div>
</div>
</div>
<div class='well span10' id='tutorials'>
<div class='span1'>
<div class='ribbon-tutorials'>
<a href='#'>
GO PRO!
<br>GET ALL THIS</br>
</a>
</div>
</div>
<div class='span4'>
<h4>Basic Tutorials</h4>
<dl>
<dt>Authentication and Testing with SQL</dt>
<dd>Devise for user management with RSpec and Cucumber for testing and behavior-driven development (BDD). ActiveRecord with SQLite database.</dd>
<dt>Authentication and Testing with NoSQL</dt>
<dd>Devise plus RSpec and Cucumber for testing and BDD. Mongoid with MongoDB datastore.</dd>
<dt>OmniAuth Authentication with NoSQL</dt>
<dd>Authentication using OmniAuth with a service provider such as Twitter or Facebook. RSpec and Cucumber for testing and BDD. Mongoid with MongoDB datastore.</dd>
<dt>Subdomains with NoSQL</dt>
<dd>Basecamp-style subdomains combined with Devise for user management plus RSpec and Cucumber for testing. Mongoid with MongoDB datastore.</dd>
</dl>
</div>
<div class='span4'>
<h4>Premium Tutorials</h4>
<dl>
<dt>Authentication with Authorization plus Twitter Bootstrap</dt>
<dd>Devise for user management with CanCan for an administrative dashboard plus Twitter Bootstrap for design.</dd>
<dt>Web Startup Prelaunch Site</dt>
<dd>Full-featured application to register visitors who wish to be notified when a site is launched. Includes Twitter Boostrap modal windows, integration with MailChimp for broadcast email, administrative dashboard with "invite" feature, and much more.</dd>
</dl>
</div>
</div>
</div>
</div>
<footer></footer>
</div>
</div>
</div>
</body>
</html>
Jump to Line
Something went wrong with that request. Please try again.