Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Ruby On Rails For Web Development
Rating: 4.3 out of 5(266 ratings)
3,074 students

Ruby On Rails For Web Development

Watch over my shoulder as I build a Pinterest-style website. I'll walk you through it step by step quickly and easily!
Created byJohn Elder
Last updated 11/2023
English
English [Auto],

What you'll learn

  • Build Web Apps With Ruby On Rails
  • Build a Clone of Pinterest

Course content

1 section35 lectures5h 47m total length
  • Intro To The Course4:07

    Intro To The Course

  • First Things First: How To Get Support Fast!0:09

    Check out my student Facebook Group...

    It's a great place to get fast support for this course from me, to interact with other students, to post your projects and code, and to access course announcements and extras...

    Join Now!

    https://www.facebook.com/groups/codemycom/

  • Rails Overview1:51

    Prepare your Windows setup by installing node, a text editor (Sublime Text), and a terminal (Git Bash). Use the Heroku toolbar to push Ruby on Rails code to free hosting.

  • Install Node.js5:03

    Install node.js to prepare for ruby on rails development; uninstall any old node versions, install the latest lts version, and restart your computer for a smooth setup.

  • Install Sublime and Git Bash Terminal4:55

    Install sublime text and the git bash terminal by downloading them and accepting defaults, then set up a secure key for connecting to GitHub and Heroku for version control.

  • Create SSH Key4:16

    Generate an ssh key using the bash terminal, create a hidden .ssh directory, and save id_rsa and id_rsa.pub for pushing code to GitHub and Heroku.

  • Install The Heroku Toolbelt4:07

    Install the Heroku toolbelt to connect your Ruby on Rails projects with the Heroku hosting platform, push code from the terminal, and leverage the free tier for testing.

  • Install Ruby on Rails4:10
  • Update!0:02

    RailsInstaller.org is down, you can find the installer here:
    https://web.archive.org/web/20210306035811/http://railsinstaller.org/en

  • Create Test Project and Handle Errors11:28
  • Create New Project and Run Server10:21

    Create a new Rails project, update the gem file, run bundle install, and start the Rails server to explore the model-view-controller structure and assets on localhost:3000.

  • Our First Web Page7:30

    Master version control basics, how to set it up, and host your repository and Rails app in the cloud, then start the Rails server in a virtual environment.

  • Version Control with Git, Set up BitBucket16:02

    Master version control with git and Bitbucket, set up private repositories, and push commits securely with SSH keys. Track changes with init, add, commit, and push for reliable web development.

  • Host Your App With Heroku16:46
  • Add Another Page8:34

    Add an about page to your Ruby on Rails app, wire routes and controllers, and use embedded Ruby links within a shared layout to update all pages at once.

  • Add Bootstrap, Navbar, Partials, Jumbotron, and Buttons17:11

    Install bootstrap with the Rails gem, update your gemfile and bundle install, then add a navbar, a jumbotron, and buttons using a partial for reuse.

  • Bootstrap Update Video1:22

    Switch to Bootstrap version 3.3.7 to match the videos and your gem file. Avoid upgrading to Bootstrap 4 beta, which is buggy and not yet compatible.

  • Style Bootstrap9:35

    Customize bootstrap by editing sass variables, change defaults, colors, and nav bar height to tailor your app’s front end, and preview changes before deploying to Heroku.

  • Install Devise To Add Users11:49

    Install devise to add user authentication in Ruby on Rails, enabling sign up, sign in, and profile editing via the devise gem and generated views.

  • Devise Add Users To Database9:40
  • Style Devise Views, Change Links Based on Logged In or Out20:04
  • Generate Pins Scaffold15:32

    This lecture demonstrates generating a Rails scaffold for pins with a description string, creating the migration, routes, controller, and views, and covering create, read, update, and destroy operations.

  • Modify Pins Views8:59

    Modify pins views by updating new, edit, show, index templates with bootstrap styling, add header link to pins, and adjust routes; note that only signed-in users should post pins.

  • Associate Pins With Users19:55

    Associate pins with users by adding a user_id and declaring belongs_to and has_many relationships. Enforce authentication for create, edit, and destroy actions and run migrations in development and Heroku.

  • Install ImageMagick and Paperclip, Edit Pin Views To Show Images17:51

    Learn to upload and display images in a Ruby on Rails app using Paperclip and ImageMagick with migrations, form changes, and image resizing to medium and thumbnail sizes.

  • Store Images on Amazon S3 - Part 19:13

    Learn to connect a Heroku Postgres database to Amazon S3 for image storage, configure the AWS SDK, create and publicize a bucket, and secure keys with environment variables.

  • Store Images on Amazon S3 - Part 212:50

    Learn to store images on Amazon S3 by creating IAM users, generating access key ID and secret access key, and configuring production environment variables for Heroku with Paperclip in Rails.

  • Quick Note On Amazon S3 Paths1:41
  • Add User Name To Database and Pins Views19:53
  • Add JQuery Masonry Transitions17:28

    Learn to implement jQuery Masonry transitions in a Ruby on Rails app by installing Masonry gem, configuring assets, and enabling animated tiling of pins with a responsive grid.

  • Pins On Show Pins Page, Make List Pins Page Our Homepage16:46
  • Change The Order Of Our Pins, And Add Pagination16:15

    Learn to display the newest pins first by ordering pins by created_at in descending order and implement pagination with will_paginate and bootstrap for a clean, navigable index page.

  • Add Subdomains and Domains To Heroku9:52
  • Make The Site Mobile Ready2:08

    Add a single viewport meta tag to the HTML head to make a Rails app mobile-ready, enabling Bootstrap's responsive menus and improved mobile layout.

  • Bonus Lecture10:10

    discover the bonus lecture in Ruby on Rails for web development, showcasing a lifetime membership with 60+ courses, a $200 discount using coupon code Udemy, and instant access.

Requirements

  • No programming skills necessary to take this course but a little HTML and CSS would be helpful

Description

Ruby on Rails can seem overwhelming at first, but it doesn’t have to be! In this course I’ll walk you through it step by step and you’ll be building your first web app in MINUTES. You’ll be amazed how quick and easy it is to create very professional looking websites, even if you have no programming or web design experience at all.

Watch over my shoulder as I build a Pinterest website step by step right in front of you. You’ll follow along and build your own copy. By the time we’re finished, you’ll have a solid understanding of Ruby on Rails and how to use it to build awesome web apps.


The course contains 19 videos – and is just over 5 hours long. Watch the videos at your own pace, and post questions along the way if you get stuck. You don’t need any special knowledge or software to take this course, though any experience with HTML or CSS is a plus. You don’t even need to know the Ruby programming language. I’ll walk you through EVERYTHING.


Ruby on Rails is a great web development tool and learning it has never been this easy.


Who this course is for:

  • This course is meant for absolute beginners who want to learn Ruby on Rails for Web Development
  • Anyone wanting to learn to build web apps