Ruby On Rails Web Development: To-Do List App

Learn how Rails scaffold quickly builds a to-do list app by generating a database with description and completed fields, along with automated views, migrations, and routes.

Create and push a Rails database migration to generate a lists table with description and a default false completed flag, then review the resulting schema and timestamps.

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.

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.

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.

Learn to integrate Bootstrap into a Ruby on Rails app by adding the bootstrap gem, updating assets, and restarting the server to apply Bootstrap styles and fonts.

Learn bootstrap basics by applying bootstrap classes to your Rails to-do list app, wrap content in a container, implement responsive layout, and style tables, buttons, and cards for mobile-friendly UI.

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.

Create a Stryker CSS class to apply a strike-through on completed to-do items and apply it to the relevant table cell in the index view.

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.

Explore redirection in a Rails to-do list app by updating or adding items, redirecting to the main index with a confirmation message.

Create and customize flash messages in a Rails to-do app by rendering a flash partial, styling with Bootstrap alerts, and ensuring notices appear on index and show pages.

Move the new item form to the index page and render the form on index, new, and edit actions, then apply bootstrap styling with a card.

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.

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.

Add and render a navbar form by copying a form structure, adjust wrappers, and update the index page to replace the old search with a cleaner, green action button.

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.

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.

Add a delete marked items feature to the Ruby on Rails to-do list app, creating a trash action, route, and confirmation prompt to remove completed items.

Add a trash action to delete all items, wire a dedicated route, and trigger a delete-all link on the index page with a confirmation prompt.

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.

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.

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.

Register a domain name from a registrar, point it to your Heroku app by updating DNS settings, and scale with dynos as traffic grows.

This video shows changing redirects in the lists controller so that create, update, and destroy actions always redirect to the root URL, not the lists page.

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.