Hands-On Introduction: Ruby on Rails

Course details

In this course, David Morales, a web developer and technical instructor, gives you the tools and knowledge that you need to start developing with the Ruby on Rails web framework, using a GitHub Codespaces environment. Get an overview of the development environment, then create a simple application. Learn how to work with databases, migrations, routes, controllers, and the asset pipeline. Plus, go over image management with Active Storage, code reuse techniques, and using Hotwire to add reactivity without writing JavaScript.

The best way to learn a language is to use it in practice. That’s why this course is integrated with GitHub Codespaces, an instant cloud developer environment that offers all the functionality of your favorite IDE without the need for any local machine setup. With GitHub Codespaces, you can get hands-on practice from any machine, at any time—all while using a tool that you’ll likely encounter in the workplace. Check out the “Using GitHub Codespaces with this course” video to learn how to get started.

Concepts

0. Introduction

01 - Getting started with Ruby on Rails
02 - What you should know
03 - Using GitHub Codespaces with this course
04 - Introduction to Ruby on Rails

1. Running Your First Application

05 - Understanding the application structure
06 - Starting the development server
07 - Creating a controller and the view
08 - The controller generator

2. Active Record

09 - Creating the model
10 - Manipulating and querying the model

3. The Scaffold Generator and CRUD Operations

11 - Creating the controller and the views
12 - Testing the pages
13 - CRUD operations (read)
14 - CRUD operations (write)

4. CSS and the Asset Pipeline

15 - The layout
16 - The asset pipeline

5. Exploring Partials and ERB Code

17 - Embedded Ruby (ERB)
18 - Removing the show action

6. Handling Images with Active Storage

19 - Configuring active storage
20 - Adding the image field
21 - Displaying the image
22 - Resizing the image
23 - Adding camera support

7. Reusing Code

24 - Using a helper to add a date
25 - Using scopes for the list query

8. Reactivity with Hotwire

26 - What is Hotwire
27 - Using Turbo Frames to display the form
28 - Using Turbo Streams to show the created post

Conclusion

29 - Next steps