Modern Front-end Development for Rails

Modern Front-end Development for Rails

In this course, you will learn to build a fully-functional application with Rails Webpacker, Webpack, and TypeScript.

Intermediate

97 Lessons

12h

Certificate of Completion

In this course, you will learn to build a fully-functional application with Rails Webpacker, Webpack, and TypeScript.

AI-POWERED

Explanations

AI-POWERED

Explanations

This course includes

36 Playgrounds
12 Quizzes

This course includes

36 Playgrounds
12 Quizzes

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 acquainted with Stimulus and React which will help with creating richer interactions. In the latter half, you’ll work with TypeScript and set up communication between a server. Beyond that, you’ll work through managing state in your...Show More

Course Content

1.

Getting Started

2.

Client-side Rails

3.

Stimulus

4.

React

5.

Cascading Style Sheets

6.

TypeScript

7 Lessons

7.

Webpack

4 Lessons

8.

Webpacker

4 Lessons

9.

Talking to the Server

9 Lessons

10.

Managing State in Stimulus Code

6 Lessons

11.

Managing State in React

6 Lessons

12.

Using Redux to Manage State

4 Lessons

13.

Validating Code with Advanced TypeScript

7 Lessons

14.

Testing with Cypress

7 Lessons

15.

More Testing and Troubleshooting Basics

3 Lessons

16.

Appendix

8 Lessons

Trusted by 1.4 million developers working at companies

Anthony Walker

@_webarchitect_

Emma Bostian 🐞

@EmmaBostian

Evan Dunbar

ML Engineer

Carlos Matias La Borde

Software Developer

Souvik Kundu

Front-end Developer

Vinay Krishnaiah

Software Developer

Eric Downs

Musician/Entrepeneur

Kenan Eyvazov

DevOps Engineer

Souvik Kundu

Front-end Developer

Eric Downs

Musician/Entrepeneur

Anthony Walker

@_webarchitect_

Emma Bostian 🐞

@EmmaBostian

Hands-on Learning Powered by AI

See how Educative uses AI to make your learning more immersive than ever before.

Instant Code Feedback

Evaluate and debug your code with the click of a button. Get real-time feedback on test cases, including time and space complexity of your solutions.

AI-Powered Mock Interviews

Adaptive Learning

Explain with AI

AI Code Mentor

FOR TEAMS

Interested in this course for your business or team?

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