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! Who this course is for:
This course is for developers who want to learn how to build real world front end applications with frameworks such as Angular and React JS that run on Ruby on Rails backend APIs
Requirements
A basic knowledge of Ruby on Rails Access to a Mac or Linux computer (or online IDE such as C9) Basic JavaScript knowledge
Last Updated 5/2021
VISITOR COMMENTS (0 )
FILE LIST
Filename
Size
.pad/0
3 B
TutsNode.net.txt
63 B
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/1 - Project Introduction/3 - Monolith vs Microservice Architecture Deep Dive Romanian.srt
14 KB
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/1 - Project Introduction/4 - The Role of Services in Microservice Architecture English.srt
11.2 KB
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/10 - Connecting the Angular 2 App with the Rails Proposal Microservice/52 - Using an Angular 2 Observable to Stream Live Data for the Proposal List Componen English.srt
21.6 KB
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/10 - Connecting the Angular 2 App with the Rails Proposal Microservice/52 - Using an Angular 2 Observable to Stream Live Data for the Proposal List Componen Polish.srt
21 KB
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/10 - Connecting the Angular 2 App with the Rails Proposal Microservice/52 - Using an Angular 2 Observable to Stream Live Data for the Proposal List Componen Romanian.srt
21.7 KB
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/10 - Connecting the Angular 2 App with the Rails Proposal Microservice/53 - How to Implement an Angular 2 Show Page Component with API Data English.srt
24.7 KB
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/10 - Connecting the Angular 2 App with the Rails Proposal Microservice/53 - How to Implement an Angular 2 Show Page Component with API Data Polish.srt
24.6 KB
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/10 - Connecting the Angular 2 App with the Rails Proposal Microservice/53 - How to Implement an Angular 2 Show Page Component with API Data Romanian.srt
25.3 KB
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/10 - Connecting the Angular 2 App with the Rails Proposal Microservice/56 - How to Create New Records in a Rails API from an Angular App English.srt
23.6 KB
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/10 - Connecting the Angular 2 App with the Rails Proposal Microservice/56 - How to Create New Records in a Rails API from an Angular App Polish.srt
22.8 KB
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/10 - Connecting the Angular 2 App with the Rails Proposal Microservice/56 - How to Create New Records in a Rails API from an Angular App Romanian.srt
23.2 KB
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/11 - Final Application Changes/59 - How to Trigger Sending Emails from the Rails Microservice English.srt
17 KB
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/11 - Final Application Changes/59 - How to Trigger Sending Emails from the Rails Microservice Polish.srt
16.8 KB
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/11 - Final Application Changes/59 - How to Trigger Sending Emails from the Rails Microservice Romanian.srt
17.5 KB
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/12 - Creating the React JS Application/61 - How to Generate a React Application with TypeScript Webpack Babel and Scss English.srt
17.2 KB
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/12 - Creating the React JS Application/61 - How to Generate a React Application with TypeScript Webpack Babel and Scss Polish.srt
17.6 KB
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/12 - Creating the React JS Application/62 - Deep Dive Routing in React English.srt
28.3 KB
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/12 - Creating the React JS Application/62 - Deep Dive Routing in React Polish.srt
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/12 - Creating the React JS Application/64 - How to Iterate Over Arrays and Nested Arrays in React English.srt
14.7 KB
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/12 - Creating the React JS Application/64 - How to Iterate Over Arrays and Nested Arrays in React Polish.srt
14.7 KB
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/12 - Creating the React JS Application/65 - Build an Animated Sliding Pane Modal in React English.srt
17.9 KB
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/12 - Creating the React JS Application/65 - Build an Animated Sliding Pane Modal in React Polish.srt
18.3 KB
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/12 - Creating the React JS Application/67 - Creating a Dedicated Sliding Pane Component in a Separate File English.srt
21.9 KB
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/12 - Creating the React JS Application/67 - Creating a Dedicated Sliding Pane Component in a Separate File Polish.srt
22.7 KB
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/13 - Live Deep Dive Coding Workshops/69 - Create a Custom React Hook to Add Responsive Features to an Application English.srt
60.4 KB
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/13 - Live Deep Dive Coding Workshops/69 - Create a Custom React Hook to Add Responsive Features to an Application Polish.srt
61.5 KB
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/13 - Live Deep Dive Coding Workshops/69 - Create a Custom React Hook to Add Responsive Features to an Application.mp4
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/14 - React Rails Authentication/72 - Building the User Model and Session Controller for the Rails API Authentication English.srt
14.9 KB
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/14 - React Rails Authentication/72 - Building the User Model and Session Controller for the Rails API Authentication Polish.srt
15.3 KB
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/14 - React Rails Authentication/73 - Implementing the Registration Controller and Final Authentication Features English.srt
18 KB
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/14 - React Rails Authentication/73 - Implementing the Registration Controller and Final Authentication Features Polish.srt
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/4 - Building the Document Management Component/13 - Source code.txt
93 B
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/4 - Building the Document Management Component/14 - Source code.txt
93 B
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/4 - Building the Document Management Component/15 - Source code.txt
93 B
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/4 - Building the Document Management Component/16 - Creating Mock Data in an Angular 2 Application English.srt
18.7 KB
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/4 - Building the Document Management Component/16 - Creating Mock Data in an Angular 2 Application Polish.srt
18.1 KB
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/4 - Building the Document Management Component/16 - Creating Mock Data in an Angular 2 Application Romanian.srt
18.8 KB
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/4 - Building the Document Management Component/16 - Source code.txt
93 B
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/4 - Building the Document Management Component/17 - Source code.txt
93 B
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/5 - Building the Proposal Component/18 - Source code.txt
93 B
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/5 - Building the Proposal Component/19 - Source code.txt
93 B
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/5 - Building the Proposal Component/20 - Source code.txt
93 B
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/5 - Building the Proposal Component/22 - Introduction to Angular 2 Forms Romanian.srt
14.3 KB
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/5 - Building the Proposal Component/23 - Completing the Angular Proposal Form English.srt
23 KB
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/5 - Building the Proposal Component/23 - Completing the Angular Proposal Form Polish.srt
22.7 KB
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/5 - Building the Proposal Component/23 - Completing the Angular Proposal Form Romanian.srt
23.6 KB
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/5 - Building the Proposal Component/24 - How to Implement Dynamic Data Validations in Angular 2 English.srt
14.5 KB
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/5 - Building the Proposal Component/24 - How to Implement Dynamic Data Validations in Angular 2 Polish.srt
14.4 KB
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/5 - Building the Proposal Component/24 - How to Implement Dynamic Data Validations in Angular 2 Romanian.srt
15.4 KB
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/5 - Building the Proposal Component/26 - How to Trigger Active Classes in Angular 2 Views English.srt
17.5 KB
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/5 - Building the Proposal Component/26 - How to Trigger Active Classes in Angular 2 Views Polish.srt
17 KB
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/5 - Building the Proposal Component/26 - How to Trigger Active Classes in Angular 2 Views Romanian.srt
18 KB
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/6 - Integrating Bootstrap 4 in an Angular 2 Application/29 - Creating a Bootstrap 4 Navigation Bar English.srt
18 KB
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/6 - Integrating Bootstrap 4 in an Angular 2 Application/29 - Creating a Bootstrap 4 Navigation Bar Polish.srt
17.8 KB
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/6 - Integrating Bootstrap 4 in an Angular 2 Application/29 - Creating a Bootstrap 4 Navigation Bar Romanian.srt
18.5 KB
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/6 - Integrating Bootstrap 4 in an Angular 2 Application/38 - How to Integrate the List Group Component Styles in Angular 2 English.srt
15.1 KB
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/6 - Integrating Bootstrap 4 in an Angular 2 Application/38 - How to Integrate the List Group Component Styles in Angular 2 Polish.srt
14.9 KB
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/6 - Integrating Bootstrap 4 in an Angular 2 Application/38 - How to Integrate the List Group Component Styles in Angular 2 Romanian.srt
15.7 KB
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/7 - Creating a Ruby on Rails Microservice to Manage Documents/42 - Source code.txt
112 B
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/8 - Connecting the Angular Front End with the Rails Document API App/46 - Introduction to Angular 2 Observables English.srt
23 KB
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/8 - Connecting the Angular Front End with the Rails Document API App/46 - Introduction to Angular 2 Observables Polish.srt
22.5 KB
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/8 - Connecting the Angular Front End with the Rails Document API App/46 - Introduction to Angular 2 Observables Romanian.srt
23.2 KB
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/8 - Connecting the Angular Front End with the Rails Document API App/47 - How to Render API Data in an Angular 2 Application English.srt
21.1 KB
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/8 - Connecting the Angular Front End with the Rails Document API App/47 - How to Render API Data in an Angular 2 Application Polish.srt
20.6 KB
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/8 - Connecting the Angular Front End with the Rails Document API App/47 - How to Render API Data in an Angular 2 Application Romanian.srt
21.3 KB
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/9 - Creating the Proposal Ruby on Rails Microservice API Application/51 - Using the Seeds File to Create Sample Data in a Rails 5 API App English.srt
15.3 KB
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/9 - Creating the Proposal Ruby on Rails Microservice API Application/51 - Using the Seeds File to Create Sample Data in a Rails 5 API App Polish.srt
15.4 KB
[TutsNode.net] - React JS Angular Rails 5 Bootcamp/9 - Creating the Proposal Ruby on Rails Microservice API Application/51 - Using the Seeds File to Create Sample Data in a Rails 5 API App Romanian.srt