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
