React JS + Angular + Rails 5 Bootcamp

سرفصل های دوره

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

1 - Project Introduction

1 - The Angular Rails Application Were Going to Build

2 - Application Architecture for an Angular Rails Application

3 - Monolith vs Microservice Architecture Deep Dive

4 - The Role of Services in Microservice Architecture

5 - The Role of Components in Microservices

2 - System configuration for Angular 2 Application

6 - Configuring a System to Run Angular 2 Applications

7 - Generating an Angular 2 Application from Scratch

7 - angular 2 quickstart code.zip

7 - source code.zip

3 - Angular 2 Development

8 - Hello Angular 2

8 - source code.zip

9 - Working with Browser Sync

9 - source code.zip

10 - Creating the App Component

10 - source code.zip

11 - Introduction to Angular 2 Routing

11 - source code.zip

12 - How to Create View Files in Angular 2

12 - source code.zip

4 - Building the Document Management Component

13 - Create a Document Management Component

13 - source code.zip

14 - Creating Links Between Pages in Angular

14 - source code.zip

15 - Creating an Angular Interface to Model Data

15 - source code.zip

16 - Creating Mock Data in an Angular 2 Application

16 - source code.zip

17 - How to Access Component Data from an Angular View Template

17 - source code.zip

5 - Building the Proposal Component

18 - Creating the Initial Proposal Component

18 - source code.zip

19 - Creating an Angular 2 Data Model for Proposals

19 - source code.zip

20 - Populating an Angular List View with Data

20 - source code.zip

21 - Building an Angular 2 Component that will Create New Proposals

21 - source code.zip

22 - Introduction to Angular 2 Forms

22 - source code.zip

23 - Completing the Angular Proposal Form

23 - source code.zip

24 - How to Implement Dynamic Data Validations in Angular 2

24 - source code.zip

25 - Creating Dynamic Routes in Angular 2 Based on an ID Lookup

25 - source code.zip

26 - How to Trigger Active Classes in Angular 2 Views

26 - source code.zip

6 - Integrating Bootstrap 4 in an Angular 2 Application

27 - Installing Bootstrap 4 into an Angular 2 Application with ngbootstrap

28 - How to Set Universal Styles in an Angular 2 Application

28 - source code.zip

29 - Creating a Bootstrap 4 Navigation Bar

29 - source code.zip

30 - How to Dynamically Add CSS Classes in an Angular 2 View

30 - source code.zip

31 - Using Bootstrap Cards in an Angular Application

31 - source code.zip

32 - Creating Angular 2 Component Specific CSS Files

32 - source code.zip

33 - Setting Additional Global Styles for All Application Components in Angular 2

33 - source code.zip

34 - How to Override the Default Bootstrap 4 Navigation Styles

34 - source code.zip

35 - Adding Styles to an Angular 2 Form

35 - source code.zip

36 - How to Style Dynamic Validation Messages in Angular 2

36 - source code.zip

37 - How to Style Form Inputs with Bootstrap 4 Styles

37 - source code.zip

38 - How to Integrate the List Group Component Styles in Angular 2

38 - source code.zip

39 - How to Work with Angular 2 Pipes to Format Currencies

39 - source code.zip

40 - Final Style Changes to Angular Application

40 - source code.zip

41 - How to Add a Custom Font to an Angular 2 Application

41 - source code.zip

7 - Creating a Ruby on Rails Microservice to Manage Documents

42 - Generating a Rails 5 API Application from Scratch

42 - source code.zip

43 - How to Generate Data in a Rails 5 Application

43 - source code.zip

44 - How to Configure the Network Settings for a Rails API App

44 - source code.zip

8 - Connecting the Angular Front End with the Rails Document API App

45 - Creating an Angular 2 Service for Managing API Data

45 - source code.zip

46 - Introduction to Angular 2 Observables

46 - source code.zip

47 - How to Render API Data in an Angular 2 Application

47 - source code.zip

48 - Analyzing Real Time Data Updates with an Angular Rails System

48 - source code.zip

49 - Final Style Changes to Angular 2 Document Component

49 - source code.zip

9 - Creating the Proposal Ruby on Rails Microservice API Application

50 - Building a Rails 5 API Microservice

50 - source code.zip

51 - Using the Seeds File to Create Sample Data in a Rails 5 API App

51 - source code.zip

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

52 - source code.zip

53 - How to Implement an Angular 2 Show Page Component with API Data

53 - source code.zip

54 - How to Build a Custom Link Function in an Angular 2 Component

54 - source code.zip

55 - Creating an Angular 2 Form Submit Button

55 - source code.zip

56 - How to Create New Records in a Rails API from an Angular App

56 - source code.zip

11 - Final Application Changes

57 - How to Add Dynamic Notifications in an Angular 2 Application

57 - source code.zip

58 - Adding Final Style Changes to the Proposal Show Component

58 - source code.zip

59 - How to Trigger Sending Emails from the Rails Microservice

59 - source code.zip

60 - Angular 2 Rails 5 Bootcamp Course Summary

60 - final angular application code.zip

60 - final rails document application code.zip

60 - final rails proposal application code.zip

12 - Creating the React JS Application

61 - How to Generate a React Application with TypeScript Webpack Babel and Scss

61 - npm project builder module.zip

62 - Deep Dive Routing in React

62 - react routing getting started documentation.zip

62 - source code.zip

63 - How to Access the URL Params in React with the useParams Hook

63 - source code.zip

64 - How to Iterate Over Arrays and Nested Arrays in React

64 - source code.zip

65 - Build an Animated Sliding Pane Modal in React

65 - sliding pane library.zip

65 - source code.zip

66 - Combining the useEffect and useState React Hooks to Store and Manage Data

66 - source code.zip

67 - Creating a Dedicated Sliding Pane Component in a Separate File

67 - source code.zip

68 - How to Work with Forms in a React JS Application

68 - source code.zip

13 - Live Deep Dive Coding Workshops

69 - Create a Custom React Hook to Add Responsive Features to an Application

69 - final version of code.zip

69 - starter code.zip

14 - React Rails Authentication

70 - Section Introduction.html

71 - Ruby on Rails App Creation and Initial Configuration

72 - Building the User Model and Session Controller for the Rails API Authentication

73 - Implementing the Registration Controller and Final Authentication Features

74 - Configuring the Rails API Session Store to Work in All Environments

75 - Generating and Configuring the React JS Authentication Application

75 - react app generator library.zip

76 - Building the React Registration Component

77 - React JS Render Props for Managing the Logged In State and Redirecting Users

78 - Building the Login Component in React JS

79 - How to Check if a User is Logged In with React

80 - Implementing the Logout Functionality in React

139,000 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Udemy-Training