INTERACTIVE COURSE

Rails for Front-end Development: Essential Tools

Intermediate

120 Lessons

25h

Certificate of Completion

AI Explanations

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’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

Getting Started

Introduction to the Course

Understanding the Application Course Organization and Tools

Client-side Rails

Introduction to Using Rails on the Client-side

Managing State and Front-end Development Designing Around Client Logic & Patterns of Web Applications Installation and Configuration of Webpacker Configuration and Code Files Using Webpacker Quiz Yourself on Client-side Rails

Turbolinks