Skip to content
UdemyRuby on RailsPaid courseIntermediate levelCertificate

React JS + Angular + Rails 5 Bootcamp (Udemy.com)

Learn how to build a real world React JS and Angular apps that utilize Ruby on Rails for a backend API.

Created by: Jordan Hudgens

Last updated May 2021

icon
What you will 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

How it compares

Against the other 81 rated Udemy courses in Ruby on Rails on CourseDuck:

  • Rating4.4 out of 5higher than 59% of them
  • Reviews831#10 of 82 by number of reviews
  • Length13.3 hourslonger than 77% of them
  • Last updatedMay 2021more recently than 55% of them

icon
Quality Score

Content Quality
/
Video Quality
/
Qualified Instructor
/
Course Pace
/
Course Depth & Coverage
/

Overall Score : 88 / 100

icon
Course Description

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!

icon
Udemy Discount

The discount is applied through our link. Open the course from here and Udemy's current promotional price is applied at checkout on most courses, no code to type.

Some courses are excluded from Udemy's promotions. If the price does not drop, clear your browser cookies and use the button again.

icon
Instructor Details

Jordan Hudgens

Jordan Hudgens is the CTO and Founder of Bottega where he leads instruction and curriculum development for all of the DevCamp and Bottega code schools around the US.

As a full stack developer for over the past decade, Jordan has traveled the world building applications and training individuals on a variety of technology stacks, including: Ruby on Rails, Python, React JS, React Native, JavaScript, and TypeScript, with a speciality in API and machine learning development.

Jordan has developed applications for Quip, Eventbrite, and DevCamp. As a teacher, he focuses on project driven education, with a focus on jobcentric techniques. This means that he focuses specifically on teaching the skills needed in the development industry. This style of teaching is conducive to learning how to build real world products that adhere to industry best practices.

Additionally Jordan has published multiple books on programming and computer science for Packt Publishing, along with developing training curriculum for Bottega, Learn Co, DevCamp, and AppDev on the topics of Ruby on Rails, Java, AngularJS, NoSQL, API development, TypeScript and algorithms.

icon
More courses by Jordan Hudgens

$12.99

$64.99

$11.99

$99.99

$11.99

$11.99

icon
More Ruby on Rails courses

$11.99

$84.99

$74.99

Free

$74.99

$54.99

icon
Reviews

4.4

831 ratings on Udemy

Select a bar to show only those reviews.Select the bar again to show every rating.

By Ian McKinney on 5/28/2019

Hard to work with old dependencies and troubleshooting issues from using angular2 + ngbootstrap4 when current standards have changed and technically ngbootstrap currently requires angular4+. It improved my knowledge of the setup by troubleshooting the errors caused by version issues (however I still have issues starting up the server after shutdowns). The additional resources that were provided by the instructor were wonderful and it felt like I got more than I paid for ($12)

By JOSE A MERCONCHINI on 3/18/2018

Mr. Hudgens is one of the best instructors I have seen around the internet. And believe me, I have taken classes from multiple sites and watched lots of youtube videos, on all sorts of topics. He has such a deep understanding of what each component of the programming language does, that you not only learn how to program real-world apps, you also learn the why's and how's of everything that is going on. Always a pleasure to learn from him. And as a bonus, he usually replies to whatever question, no matter how small, within 24 hours, sometimes within minutes. Depending on what time you submit the question. I can't wait to see what other courses he comes out with. Thanks

By Nick Johnson on 11/8/2017

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!

By Ralf Bolz on 9/9/2017

there are some little confusing differences in the video and the working code but jordan is always ready to help, so you are never alone, if you get lost! jordan has a very clear speech and good way of explaining, so that even for not native speakers its easy to understand an follow his instructions. i was a litte disappoited that one element of this course is typescript, because its an additional language someone has to know/learn. now i am excited what follows next. the mentioned ionic frameworks at the last lesson seems to be very interesting stuff.

By Noel Delgado on 8/24/2017

This is the second course I take with Jordan and I have always been very pleased with his teaching style. He explains material well and delivers upon expectations. I am not giving a full 5 stars because this is mostly an introduction to the interaction between angular and rails. Upon completion you will understand how to make the general HTTP request methods such as GET and POST. It was helpful for me as I was a bit clueless on how to connect backends with frontends, but I was hoping to see a few more topics that can really differentiate the course from yet another tutorial online. A suggestion would be to integrate omniauth authentication. I do recommend this course as it is the best resource I have found to become closer to a true full-stack developer which consists on connecting backends with frontends.

By Daniel Grenier on 7/18/2017

This course really covers the basics on how to get a simple Rails API and call it from Angular2. It's a good base to get started. If you get stuck, there is usually enough info in the Q&A section to help you. Being a Rails developer, I wish the teacher would have spent more time explaining some of the code used in Angular. We end up typing some code without knowing exactly what it does, so how do we know whether we should use this in subsequent Angular2 projects is a mystery.

By Jonas del Angel on 6/10/2017

I just finished going through the course. It was a little bumpy at the beginning because of changes to Angular 4 and version dependencies but once I got it running I had no issues following along at all with the course. A word of advice to anyone having spacing issues with the card class in Bootstrap I suggest using md-3 inside you class call which solved the issue. Jordan did an outstanding job with the progression of the course is able to break down complex topics into easily digestible concepts.

By Antonio Nešić on 4/21/2017

Excellent course. Jordan is an excellent instructor, highly skilled and knowledgeable on the topic. Course is easy to follow, and understand. I would only recommend to a host to update the Angular examples to the latest version, and maybe add authorization (Pundit or CanCanCan), and authentication (jwt, has_secure_token, devise_auth_token, etc). I was also expecting to see some file uploading gems such as Paperclip, and even better Shrine in action. But overall, this is a highly recommended course, and covers at least 85% of the things you'll ever need as a full-stack developer, and microservices.

By Filipe Gorges Reuwsaat on 4/2/2017

Great course! It did get me through the Front-end Back-end communication barrier, and I feel strongly that this course will serve me well on my career. Jordan! I think it would be amazing if you'd include a bit of caching with Redis, I know it deviates a bit from the bigger picture of your course, but you'll find that there are no courses showing a simple integration between Redis and Rails, and I feel like it could be yet another big bump to this course :) Thanks!

By Julio Sampaio on 1/28/2017

This course is more an overview on how to build Angular 2 applications and integrate them with Rails, don't expect much details about the implementations and Angular core concepts, the instructor talk about them but in a very superficial way. In my opinion, that's OK, if you are just looking for a quick overview on angular 2. You also must have a medium knowledge on Ruby on Rails, because the instructor talks almost nothing about it.

Showing all 10 reviews on CourseDuck

Read all 831 reviews on Udemy