Ruby On Rails Web Development: To-Do List App

Learn Ruby On Rails The Fast And Easy Way!

Created byJohn Elder

Last updated 11/2023

English

English [Auto],

What you'll learn

Build Web Apps With Ruby On Rails
Build Your Own To-Do List App
Understand the Bootstrap CSS Framework
Use Databases with Ruby on Rails
Use Professional Webhosting For Rails Apps
Understand C.R.U.D.

Course content

3 sections • 38 lectures • 2h 56m total length

Rails Overview1:51
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/
Install Node.js5:03
Uninstall any existing node.js to ensure a clean slate, then download and install the latest stable LTS version from nodejs.org, and restart your computer after installation.
Install Sublime and Git Bash Terminal4:55
Install Sublime Text or your editor of choice and the Git Bash terminal, then set defaults and SSH keys for secure version control with GitHub and deployment to Heroku.
Create SSH Key4:16
Generate an ssh key in the git bash terminal, create a hidden .ssh directory, save the key pair, and prepare for pushing code to GitHub and Heroku.
Install The Heroku Toolbelt4:07
Install the Heroku toolbelt to connect your terminal to Heroku for deploying Ruby on Rails apps, install Mac, Linux, or Windows version, set the path, and verify with heroku --version.
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 Server7:49
Create a new Rails project named to do, install gems with bundle install, and run the Rails server to view the app locally at localhost:3000.
Git3:54
Set up git version control, configure your global username and email, initialize a repository, make the initial commit, and push to GitHub.
Github.com5:46
learn how to set up a GitHub account, create public repositories, and securely connect with SSH keys, then push code and update README files for a Rails to-do app.

Rails Scaffold3:55
Database Migration2:43
Rake Routes and Views5:36
Practice scaffolding and migrations to create a working Rails app, explore routes and views, and perform crud operations on lists in a live development server.
Root Route5:29
Configure the root route to the lists index in a Rails app, mapping /lists to the lists controller index action so the home page displays the lists.
Views Walkthru4:42
Explore how Rails views render the to-do list app’s index, show, and edit pages, iterate through database items, and use embedded Ruby. Use partials and forms, scaffolded, for UI.
Install Bootstrap CSS5:22
Bootstrap CSS Walkthru5:58
Styling Todo Items4:17
Style todo items by using embedded ruby to apply conditional bootstrap classes based on a completed boolean, turning completed rows gray and refining the to-do table in a Rails app.
Strikethrough Text2:54
Creating Links5:07
Learn to create and customize links in a Ruby on Rails to-do app using link_to, edit_list_path, and delete actions, control visibility with ERB, and navigate routes.
Redirection3:38
Explore redirection in a Rails to-do list app by updating or adding items, redirecting to the main index with a confirmation message.
Flash Messages6:09
Form On The Index Page4:50
Styling The Index Form1:57
Style the index form of a to-do app using bootstrap by wrapping fields in form-group and applying form-control classes, then experiment with nav bars and labels for a cleaner interface.
Creating a Navbar4:24
Add a Bootstrap navbar by creating a partial, include it in the application layout, and customize links and styling to fit the to-do list app.
Putting a Form on The Navbar4:02
Table Colors2:41
Experiment with table color styling in the Ruby on Rails to-do list app, adjusting the dark border, bg dark, and bg secondary on the index page and nav bar.
Style The Edit Page4:37
Prototype the edit page for to-do items by applying bootstrap styling, render form, form group, and form control classes to improve the editing experience.
Delete Marked Items Button5:37
Delete All Items Button4:18
Checkbox Buttons7:59
Learn to add checkbox buttons in a Rails to-do app to mark items as complete or incomplete using forms, toggling cross off and update actions.

Intro To Heroku Webhosting4:17
Learn how to deploy a Ruby on Rails to-do app to Heroku, switch from development to production databases, and push code via Git and GitHub using the free tier.
Pushing Code To Heroku5:00
Push your ruby on rails app to Heroku using the Heroku toolbelt, log in, add keys, create the app, push code with git push heroku master, and run migrations.
Domain Names With Heroku4:16
Register a domain name from a registrar, point it to your Heroku app by updating DNS settings, and scale with dynos as traffic grows.
Redirect To Root: Update Video3:27
Bonus Lecture10:10
Promote code tv lifetime membership with a $200 discount using the coupon code Udemy, granting access to 60+ courses, coding books, and a 30-day money-back guarantee.

Requirements

You need a computer with Internet access
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 Rails 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 with Ruby on Rails, even if you have no programming or web design experience at all.

Watch over my shoulder as I build a cool To-Do List app 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 29 videos – and is just over 2 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.

What We'll Build...

We'll build a cool To-Do List app that let's you make lists and save them to a database. You can update items as you complete them to "cross them off the list".

We'll style the website using the popular Bootstrap CSS framework (I'll show you how to use it!)

You'll Learn How To...

Use Git and Github for Version Control
Leverage Ruby on Rails Scaffold
Make a Database Migration
Use Rake Routes and Views in Ruby on Rails
Create a Root Route
Build Pages (Views)
Install Bootstrap CSS For Ruby on Rails
Style Database Items
Use Strikethrough Text for your list items
Creating Rails Links
Manage Redirection
Create Flash Error Messages
Style The Index Form
Creating a Navbar
Put a Form on The Navbar
Change Table Colors
Style The Edit Page
Build a Delete Marked Items Button
Build a Delete All Items Button
Use Checkbox Buttons
Use Heroku for Webhosting
Pushing Code To Heroku
Use a Custom Domain Name With Heroku
And More...

There's a reason why Ruby on Rails is so popular. Find out why today!

-John Elder

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

Ruby On Rails Web Development: To-Do List App

What you'll learn

Explore related topics

Course content

Setting Up The Development Environment12 lectures • 54min

Create A To-Do List App With Ruby On Rails21 lectures • 1hr 36min

Webhosting A Ruby On Rails App5 lectures • 27min

Requirements

Description

Who this course is for: