Ruby on Rails for Web Development

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.

Setting Up Your Development Environment

Course Introduction

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.

Heroku Toolbelt

How to install the Heroku Toolbelt, which will allow us to push our code to Heroku later on for web hosting.

Generate SSH Key

Rails Installation

Download and install Ruby on Rails using the Rails Installer.

Create Pinteresting Project

Create a new Ruby on Rails project, named Pinteresting.

Error Handling

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 Architecture

Learn 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 Control

Save your version control to the cloud at Github.

BitBucket For Version Control

Save your version control to the cloud at BitBucket.

Hosting Your App On Heroku

How 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 Routing

Routing basics to create custom URL's.

Understanding the Gemfile and Gems

Adding, removing, and installing Gems.

Adding Additional Web Pages

Building 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. HTML

How and why to use ERB to create web links.

Adding CSS with Bootstrap

Styling with Bootstrap CSS.

Creating a Navbar

How to build a Bootstrap navbar?

Using Partials

What are partials and why are they so important?

Creating a Jumbotron and Buttons with Bootstrap

Let'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.

Pins Scaffold

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.

Rails Associations

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.

Adding Pagination

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.

Conclusion

Conclusion

Summing up what we just did.

Where to Go Next

Tips on what to learn going forward to further your education.

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.

IT, Web Development

Currently there are no Q&As for this course. Be the first to ask a question.

Certificate of completion

Digital certificate - Included