Course Information
Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
13 Hour(s) 21 Minute(s)
Language
English
Taught by
Jordan Hudgens
Certificate
- Available
- *The delivery and distribution of the certificate are subject to the policies and arrangements of the course provider.
Rating
1 views
Course Overview
Learn how to build a real world React JS and Angular apps that utilize Ruby on Rails for a backend API.
May 2021 Course Update! Added a new section of live coding workshops, including a deep dive on how to work with React hooks
Are you ready to build professional applications that combine the front end frameworks, such as React JS and Angular with Ruby on Rails as a backend? Then this is the course for you. My name is Jordan Hudgens, and I'll be your instructor for the course. In addition to being the lead instructor for devCamp I've also been building web applications for over a decade for organizations such as Eventbrite and Quip.
After you have completed this course you will be able to build modern React JS, Angular, and Ruby on Rails 5 applications. In fact, in this course we're going to develop several applications that highlight the powerful and dynamic features offered by front end frameworks such as React JS and Angular working as the user interfaces, and Ruby on Rails API apps functioning as the backend. This is a powerful combination since you will learn how to create incredibly fast, dynamic React JS and Angular applications that embrace features such as real time updates, along with the power and flexibility provided by the Ruby on Rails framework.
Throughout the course material you will learn concepts such as:
How to configure your system to run Angular and React JS Applications
How to generate an Angular applications
How to generate React JS applications
What it takes to build React and Angular components
How to work with Angular Observables to automatically update page elements without even needing to refresh the page.
Along with how to communicate with APIs and parse the data they return.
How to integrate authentication from scratch with session based auth
And everything else you'll need in order to build real world React JS and Angular applications, with a Ruby on Rails API!
This is not an entry level course. You will need at least a basic understanding of Rails in order to go through this material. Additionally, I also recommend that you are familiar with the TypeScript and JavaScript programming languages, however if you haven't worked with TypeScript or JavaScript before, you can still work through the course.
Each lesson of the course is paired with the source code that I used in the guide so you can check your work. And since the application we're building is a real world app I'll constantly be adding to the course material with new features, as I do with my other courses.
Please feel free to review the course curriculum and I look forward to going through the material with you on your development journey!
Course Content
- 14 section(s)
- 80 lecture(s)
- Section 1 Project Introduction
- Section 2 System configuration for Angular 2 Application
- Section 3 Angular 2 Development
- Section 4 Building the Document Management Component
- Section 5 Building the Proposal Component
- Section 6 Integrating Bootstrap 4 in an Angular 2 Application
- Section 7 Creating a Ruby on Rails Microservice to Manage Documents
- Section 8 Connecting the Angular Front End with the Rails Document API App
- Section 9 Creating the Proposal Ruby on Rails Microservice API Application
- Section 10 Connecting the Angular 2 App with the Rails Proposal Microservice
- Section 11 Final Application Changes
- Section 12 Creating the React JS Application
- Section 13 Live Deep Dive Coding Workshops
- Section 14 React + Rails Authentication
What You’ll Learn
- Build Angular and React applications from scratch
- Integrate Angular and React applications with multiple Ruby on Rails APIs
- Implement features such as: routing, data binding, data updates without a page refresh, and more!
- Build React JS applications
- Integrate authentication between a Ruby on Rails API and JavaScript framework front end
Skills covered in this course
Reviews
-
VVishal Gunvantrao Inzalkar
I am referring this in 2025 and i want to use ng client which is not covered
-
KKofi Garbrah
Clear easy to understand instruction. The course is a bit dated using an older version of Angular (Angular 2 instead of Angular 19).
-
KKarl Bylko
I can't in good faith give the course full "what I expected" rating since it wasn't updated to keep up with new changes with Angular framework. Other than that it was very useful in terms of building functionality that has a real life use case.
-
NNick Johnson
I came to this course as a rails developer, and wanted a course that showed me how a microservice or api-only rails application would communicate with Javascript Frontend applications, like those done in Angular. Main reason being that I'd only worked on applications that were purely done in rails in the past, with the frontend handled in ERB and HAML. This course gave me exactly what I wanted to know in an in-depth and engaging way. It was my first Udemy course and I think I struck gold with this one!
