get app

    React JS + Angular + Rails 5 Bootcamp

    BY
    Udemy

    Brochure Enquire
    Mode

    Online

    Fees

    ₹ 499 2999

    Quick Facts

    particular details
    Medium of instructions English
    Mode of learning Self study
    Mode of Delivery Video and Text Based

    Course and certificate fees

    Fees information
    ₹ 499  ₹2,999
    certificate availability

    Yes

    certificate providing authority

    Udemy

    The syllabus

    Project Introduction

    • The Angular + Rails Application We're Going to Build
    • Application Architecture for an Angular + Rails Application
    • Monolith vs Microservice Architecture Deep Dive
    • The Role of Services in Microservice Architecture
    • The Role of Components in Microservices

    System configuration for Angular 2 Application

    • Configuring a System to Run Angular 2 Applications
    • Generating an Angular 2 Application from Scratch

    Angular 2 Development

    • Hello Angular 2
    • Working with Browser Sync
    • Creating the App Component
    • Introduction to Angular 2 Routing
    • How to Create View Files in Angular 2

    Building the Document Management Component

    • Create a Document Management Component
    • Creating Links Between Pages in Angular
    • Creating an Angular Interface to Model Data
    • Creating Mock Data in an Angular 2 Application
    • How to Access Component Data from an Angular View Template

    Building the Proposal Component

    • Creating the Initial Proposal Component
    • Creating an Angular 2 Data Model for Proposals
    • Populating an Angular List View with Data
    • Building an Angular 2 Component that will Create New Proposals
    • Introduction to Angular 2 Forms
    • Completing the Angular Proposal Form
    • How to Implement Dynamic Data Validations in Angular 2
    • Creating Dynamic Routes in Angular 2 Based on an ID Lookup
    • How to Trigger 'Active' Classes in Angular 2 Views

    Integrating Bootstrap 4 in an Angular 2 Application

    • Installing Bootstrap 4 into an Angular 2 Application with ng-bootstrap
    • How to Set Universal Styles in an Angular 2 Application
    • Creating a Bootstrap 4 Navigation Bar
    • How to Dynamically Add CSS Classes in an Angular 2 View
    • Using Bootstrap Cards in an Angular Application
    • Creating Angular 2 Component Specific CSS Files
    • Setting Additional Global Styles for All Application Components in Angular 2
    • How to Override the Default Bootstrap 4 Navigation Styles
    • Adding Styles to an Angular 2 Form
    • How to Style Dynamic Validation Messages in Angular 2
    • How to Style Form Inputs with Bootstrap 4 Styles
    • How to Integrate the List Group Component Styles in Angular 2
    • How to Work with Angular 2 Pipes to Format Currencies
    • Final Style Changes to Angular Application
    • How to Add a Custom Font to an Angular 2 Application

    Creating a Ruby on Rails Microservice to Manage Documents

    • Generating a Rails 5 API Application from Scratch
    • How to Generate Data in a Rails 5 Application
    • How to Configure the Network Settings for a Rails API App

    Connecting the Angular Front End with the Rails Document API App

    • Creating an Angular 2 Service for Managing API Data
    • Introduction to Angular 2 Observables
    • How to Render API Data in an Angular 2 Application
    • Analyzing Real Time Data Updates with an Angular + Rails System
    • Final Style Changes to Angular 2 Document Component

    Creating the Proposal Ruby on Rails Microservice API Application

    • Building a Rails 5 API Microservice
    • Using the Seeds File to Create Sample Data in a Rails 5 API App

    Connecting the Angular 2 App with the Rails Proposal Microservice

    • Using an Angular 2 Observable to Stream Live Data for the Proposal List Componen
    • How to Implement an Angular 2 Show Page Component with API Data
    • How to Build a Custom Link Function in an Angular 2 Component
    • Creating an Angular 2 Form Submit Button
    • How to Create New Records in a Rails API from an Angular App

    Final Application Changes

    • How to Add Dynamic Notifications in an Angular 2 Application
    • Adding Final Style Changes to the Proposal Show Component
    • How to Trigger Sending Emails from the Rails Microservice
    • Angular 2 + Rails 5 Bootcamp Course Summary

    Creating the React JS Application

    • How to Generate a React Application with TypeScript, Webpack, Babel and Scss
    • Deep Dive: Routing in React
    • How to Access the URL Params in React with the useParams Hook
    • How to Iterate Over Arrays and Nested Arrays in React
    • Build an Animated Sliding Pane Modal in React
    • Combining the useEffect and useState React Hooks to Store and Manage Data
    • Creating a Dedicated Sliding Pane Component in a Separate File
    • How to Work with Forms in a React JS Application

    Live Deep Dive Coding Workshops

    • Create a Custom React Hook to Add Responsive Features to an Application

    React + Rails Authentication

    • Section Introduction
    • Ruby on Rails App Creation and Initial Configuration
    • Building the User Model and Session Controller for the Rails API Authentication
    • Implementing the Registration Controller and Final Authentication Features
    • Configuring the Rails API Session Store to Work in All Environments
    • Generating and Configuring the React JS Authentication Application
    • Building the React Registration Component
    • React JS Render Props for Managing the Logged In State and Redirecting Users
    • Building the Login Component in React JS
    • How to Check if a User is Logged In with React
    • Implementing the Logout Functionality in React

    Trending Courses

    Digital Marketing Courses Fashion Design Courses Data Science Courses Interior Design Courses Graphic Designing Courses Cyber Security Courses Nursing Courses Tally Courses Data Analysis Courses Web Designing Courses Artificial Intelligence Courses Ethical Hacking Courses Free Digital Marketing Courses And certifications Free Artificial Intelligence Courses And Certifications Free Data Analysis Courses And Certifications Free Cyber Security Courses And Certifications Free Data Science Courses And Certifications Free Cloud Computing Courses And Certifications Free Python Courses And Certifications Free Fashion And Textiles Courses And Certifications Free Graphic Designing Courses And Certifications Free Web Designing Courses And Certifications

    Popular Courses

    General Management Courses Public Health Courses Teaching and Education Courses Financial Management Courses Web Development Courses Mathematics Courses Data Science Courses Cyber Security Courses Programming Courses Digital Marketing Courses Law Courses Leadership Courses Explore all courses

    Popular Platforms

    upGrad Courses Udemy Courses Edx Courses Swayam Courses Coursera Courses Futurelearn Courses Mindmajix Technologies Courses Vskills Courses IIT Kharagpur Courses Emeritus Courses IIT Kanpur Courses NPTEL Courses Explore all platforms

    Learn more about the Courses

    10 Reasons to Enrol Yourself in a Digital Marketing Course 8 Must-Have Skills for AWS Cloud Architects Planning to Upskill Yourself? Enrol for a Program in Data Science 25+ Tips for Improving Your Graphic Design Skills Top Universities in India Offering Cyber Security Courses 15+ Courses for Learning Data Mining How to Make a Career in the Field of Artificial Intelligence Top 10 Benefits Of Holding A Certification In Business Intelligence Which are the best certification courses for Photography in India A Beginner's Guide to Pursue Python Programming Want to Pursue a Career in Blockchain Technology? Here is all that you need to Know How Entrepreneurs Can Use Machine Learning to Make their Business Successful? The Scope of Artificial Intelligence in India Top 10 Online Courses for Travel Lovers 10 Best Certification Courses After Hospital and Healthcare Management
    Providers
    Close

    Download the Careers360 App on your Android phone

    Regular exam updates, QnA, Predictors, College Applications & E-books now on your Mobile

    Careers360 App
    150M+ Students
    30,000+ Colleges
    500+ Exams
    1500+ E-books