Rails for Front-end Development: Essential Tools
INTERACTIVE COURSE

Rails for Front-end Development: Essential Tools

Intermediate

120 Lessons

25h

Certificate of Completion

Rails for Front-end Development: Essential Tools
68 Playgrounds
15 Quizzes
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

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...Show More

FOR TEAMS
Unlock this course (and 1,000+ more) for your entire org with DevPath

Course Content

1

Getting Started

3 Lessons

2

Client-side Rails

7 Lessons

Show all 7 lessons
3

Turbolinks

8 Lessons

4

Stimulus

11 Lessons

5

React

9 Lessons

6

Cascading Style Sheets

9 Lessons

7

TypeScript

7 Lessons

8

Webpack

4 Lessons

9

Webpacker

4 Lessons

10

Talking to the Server

7 Lessons

11

Immediate Communication with ActionCable

5 Lessons

12

Managing State in Stimulus Code

5 Lessons

13

Managing State in React

7 Lessons

14

Using Redux to Manage State

4 Lessons

15

Validating Code with Advanced TypeScript

8 Lessons

16

Testing with Cypress

8 Lessons

17

More Testing and Troubleshooting Basics

4 Lessons

18

Appendix

10 Lessons

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.

2x Faster Learning — With No Setup

Videos are holding you back. Educative‘s interactive, text-based lessons accelerate learning — no setup, downloads, or alt-tabbing required.

AI-Powered Learning

Learn faster and smarter with adaptive AI tools embedded in every Educative course.

Progress You Can Show

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