Premium video tutorials
Learn at your own pace
Mobile (learn on-the-go)
Unlimited tests and quizzes
Regularly updated content
Learn how to create professional looking websites step by step with Ruby on Rails! Ruby on Rails is an open source web development framework that utilizes the Ruby programming language. Proficiency in Ruby on Rails is a highly marketable skill, with growing demand for Rails developers in the job market. Top companies like Twitter, Hulu and Github all built their sites using Ruby on Rails, and in this online course you will learn to build professional web apps of your own with no programming or web design experience required.
Designed for beginners, you will build a Pinterest style website in Ruby on Rails, mastering the concepts and skills required through practical, hands-on application and examples. Experience with HTML or CSS is a bonus, however it is not necessary to take this course. By the end of the course, you will have built a fully functional website that you can add to your portfolio if you are seeking employment as a Rails developer, or use as your foundation to creating more web apps in Ruby on Rails.
- 44 practical tutorials.
- Explore options you have to download, install, and use Ruby on Rails.
- Set up your development environment with Github, BitBucket and Heroku.
- Add, install and remove Gems to add third party functionality to your Rails app.
- Create links with embedded Ruby and HTML.
- Add CSS, a Jumbotron, buttons and customize styles with Bootstrap.
- Install and customize Devise to allow users to sign up to your site, log in, and log out.
- Add images to your app with Paperclip and ImageMagick, and host images on Amazon AWS.
- Enable users to add, edit, and remove pins.
- Easily make your website mobile ready.
Want to continue improving your skills in Ruby? Check out the Intro to Ruby Programming course.
Once enrolled, our friendly support team and tutors are here to help with any course related inquiries.
Estimated study time
25h for all materials
Setting Up Your Development Environment
What to expect from the course.
Overview and Node Installation
Learn about the different tools that we'll need in order to install Ruby on Rails.
Sublime and Git Installation
Install the Sublime Text editor and the Git Bash Terminal to your computer.
How to install the Heroku Toolbelt, which will allow us to push our code to Heroku later on for web hosting.
Generate SSH Key
Download and install Ruby on Rails using the Rails Installer.
Create Pinteresting Project
Create a new Ruby on Rails project, named Pinteresting.
How to Google errors that you may receive while using Ruby on Rails.
Gem File and Rails Server
Fixing the installation error we received by modifying the Gemfile.
Understanding The Ruby on Rails MVC ArchitectureLearn about Models, Views, and Controllers and how they interact with each other.
The Rails Development Environment Walk-Thru
Finding our way around the rails directory, text editor, and terminal.
What Is Version Control?Keep track of code changes locally.
Github For Version ControlSave your version control to the cloud at Github.
BitBucket For Version ControlSave your version control to the cloud at BitBucket.
Hosting Your App On HerokuHow to push code to a production level server.
Getting Started With Rails - Building Your First Website
Creating Our First Web Page
Let's build our first Rails Web Page!
Understanding RoutingRouting basics to create custom URL's.
Understanding the Gemfile and Gems
Adding, removing, and installing Gems.
Adding Additional Web PagesBuilding out additional web pages manually (controllers, routes, and views).
Understanding the Application.html File
What is the Application.html file and what is it used for?
Creating Links with Embedded Ruby vs. HTMLHow and why to use ERB to create web links.
Adding CSS with BootstrapStyling with Bootstrap CSS.
Creating a Navbar
How to build a Bootstrap navbar?
Using PartialsWhat are partials and why are they so important?
Creating a Jumbotron and Buttons with BootstrapLet's add a Jumbotron with some simple CSS from Bootstrap.
Changing Style with Bootstrap
Customizing styles in bootstrap is easy.
Adding Functionality To Our Site
Devise Installation Part 1
Allow people to sign up to your site, log in, and log out. Part 1.
Devise Installation Part 2
Allow people to sign up to your site, log in, and log out. Part 2.
Customizing Devise Views
Using Bootstrap to customize Devise views.
Adding a Name to Devise
Adding user names to our Devise database table.
Styling the Navbar by Login Status
Change how the Navbar looks based on whether a user is logged in or out.
Creating a framework to allow people to add images to your app.
Pins CSS and C.R.U.D.
Deleting the Pins CSS file and understanding C.R.U.D.
Styling Pins Views and Links
Change the way Pins are displayed on the site.
What are Associations and why are they so important?
Understanding the Pins Controller
What is the Pins Controller and how do we use it?
Pins Controller Associations
Understanding the "correct user" in Pins Controller.
Paperclip and ImageMagick Part 1
Using Paperclip and ImageMagick to handle image uploading by users. Part 1.
Paperclip and ImageMagick Part 2
Using Paperclip and ImageMagick to handle image uploading by users. Part 2.
Amazon AWS Part 1
Using Amazon AWS S3 to store our database images.
Amazon AWS Part 2
Setting up AWS Secret Keys and configuration.
Styling the Pins Page
Modifying how our Pins Page looks.
Advanced Layout Work
Installing Masonry Part 1
Setting up JQuery Masonry.
Installing Masonry Part 2
Using JQuery Masonry animations on our Pins.
Changing Pin Order and Adding Root
Changing which Pins appear first and adding a new root route.
Break our Pins into many pages with links.
Make the Site Mobile Ready
Making our site mobile ready is easy with Bootstrap!
Adding Custom URLs and Custom Domain Names
Changing your Heroku app name and using your own domain name.
ConclusionSumming up what we just did.
Where to Go Next
Tips on what to learn going forward to further your education.