Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Turbo (Hotwire) Crash Course
Introduction to Hotwire
Traditional Web Architecture
Single-Page Applications
What is Hotwire?
Turbo Drive
Turbo Frames
Turbo Streams
Turbo Frames vs. Turbo Streams
You Don't Need Rails to Start Using Hotwire
Introduction
Project Setup
Using HTTP Server for Static Pages
Installing Turbo
Faster Navigation with Turbo Drive
Dynamic Page Updates with Turbo Frames
Setup for Turbo Streams
Targeting Elements with Turbo Streams
Let's Build a To-Do List with Hotwire
Introduction
Step 1: Create a New Rails Application
Step 2: Install Tailwind CSS
Step 3: Create the Task Resource
Step 4: Setup the Home Page
Step 5: Create New Tasks
Wait, Where's Hotwire?
Step 6: Using Stimulus for Completing Tasks
Step 7: Edit and Delete Tasks
Step 9: Using Turbo Frames for In-Place Editing
Progressive Application Development with Hotwire
Introduction (0:07)
Step 1: Setting up the Rails App
Step 2: Setup a Route to Show the Habit
Step 3: Create a Controller and Action
Step 4: Create A View to Render the Habit
Building with Turbo Drive
Enhancing with Turbo Frames
Finishing Touches with Turbo Streams
Teach online with
Building with Turbo Drive
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock