Year-End Discount: 10% OFF 1-year and 20% OFF 2-year subscriptions!

Rails for Front-end Development: Essential Tools

120 Lessons
15 Quizzes
68 Playgrounds
90 Illustrations

Takeaway Skills

Build a fully-functional application with Rails, Webpacker, Webpack, TypeScript and dynamic CSS

Learn how Turbolinks makes navigating your web application faster

Learn how Stimulus framework enhance static or server-rendered HTML as compared to other front-end frameworks

Understand how React and ActionCable allow you to change data without reloading the page

Learn how to manage state in Stimulus, React and Redux

Learn code validation and testing using Cypress

Build a fully-functional application with Rails, Webpacker, Webpack, TypeScript and dynamic CSS

Learn how Turbolinks makes navigating your web application faster

Learn how Stimulus framework enhance static or server-rendered HTML as compared to other front-end frameworks

Understand how React and ActionCable allow you to change data without reloading the page

Learn how to manage state in Stimulus, React and Redux

Learn code validation and testing using Cypress

Course Overview

In this course, you will learn to build a fully-functional application with Rails Webpacker, Webpack, and TypeScript. To kick things off, you’ll walk through the basics of getting Rails set up to use Webpacker which will serve JavaScript and CSS to the browser. You’ll then get acquain...

How You'll Learn

Hands-on coding environments

You don’t get better at swimming by watching others. Coding is no different. Practice as you learn with live code environments inside your browser.

Faster than videos

Videos are holding you back. The average video tutorial is spoken at 150 words per minute, while you can read at 250. That‘s why our courses are text-based.

No set-up required

Start learning immediately instead of fiddling with SDKs and IDEs. It‘s all on the cloud.

Progress you can show

Built in assessments let you test your skills. Completion certificates let you show them off.

Hands-on coding environments

You don’t get better at swimming by watching others. Coding is no different. Practice as you learn with live code environments inside your browser.

Faster than videos

Videos are holding you back. The average video tutorial is spoken at 150 words per minute, while you can read at 250. That‘s why our courses are text-based.

No set-up required

Start learning immediately instead of fiddling with SDKs and IDEs. It‘s all on the cloud.

Progress you can show

Built in assessments let you test your skills. Completion certificates let you show them off.

Course Contents

1. Getting Started
2. Client-side Rails
3. Turbolinks
4. Stimulus
5. React
6. Cascading Style Sheets
7. TypeScript
8. Webpack
9. Webpacker
10. Talking to the Server
11. Immediate Communication with ActionCable
12. Managing State in Stimulus Code
13. Managing State in React
14. Using Redux to Manage State
15. Validating Code with Advanced TypeScript
16. Testing with Cypress
17. More Testing and Troubleshooting Basics
18. Appendix

Join more than 1.6 million learners from companies like

What our learners are saying

What our learners are saying

COURSE BY:

The Pragmatic Programmers

Teams of every size choose
Educative for Business
to train, upskill & onboard their developers