Intermediate
120 Lessons
25h
Certificate of Completion
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’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...
Course Content
Getting Started
Client-side Rails
Turbolinks
Stimulus
React
Cascading Style Sheets
9 Lessons
TypeScript
7 Lessons
Webpack
4 Lessons
Webpacker
4 Lessons
Talking to the Server
7 Lessons
Immediate Communication with ActionCable
5 Lessons
Managing State in Stimulus Code
5 Lessons
Managing State in React
7 Lessons
Using Redux to Manage State
4 Lessons
Validating Code with Advanced TypeScript
8 Lessons
Testing with Cypress
8 Lessons
More Testing and Troubleshooting Basics
4 Lessons
Appendix
10 Lessons
How You'll Learn
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.
Videos are holding you back. Educative‘s interactive, text-based lessons accelerate learning — no setup, downloads, or alt-tabbing required.
Learn faster and smarter with adaptive AI tools embedded in every Educative course.
Built-in assessments let you test your skills. Completion certificates let you show them off.