Angular 7 Training Course

Angular is a platform for developing web applications. Angular 7 is the latest update of the Angular framework which is known to be faster and better than the previous updates. This course consists of various new features and gives you an overview of the various components and modules of Angular 7.

Request a quote Review training schedules

Learn more about the course below.

TRAINING SCHEDULES

Angular 7 Training program overview

In this training course, you will learn how to create web applications, use angular components, services and many more. With the help of the video tutorials and the mock tests included, the learning experience will be more effective

Overview

Skills

Understand the Angular architecture, its components and learn how to create various projects using this programming language.

The registration process

Once you have completed our simplified enrolment process, you’ll receive an email confirmation with your payment receipt in your registered email ID. You can then access the entire content of the online student portal immediately by logging in to your account on our site. Should you require any assistance please reach out to us via email (support@greycampus.com) or via our online chat system.

The course curriculum

The curriculum for this Angular 7 training incorporates all updates. The following is a list of broad topics covered

  • Course Introduction
  • What is Angular
  • How this course works
  • The Course Outline
  • Section Introduction
  • What Do We Have Here
  • Angular Architecture
  • From Scaffold to Application
  • Section Summary
  • Section Introduction
  • Create a Components Project
  • Working with Components
  • Section Summary
  • Section Introduction
  • Create a Routing Project
  • Let's Do Some Routing
  • Section Summary
  • Section Introduction
  • Create a Services Project
  • Start Building Services
  • Wiring Services Up
  • Accessing Services
  • Service-Enabled Components
  • Finalizing our Services Implementation
  • Section Summary
  • Section Introduction
  • Modules Defined
  • Refactoring for Modules
  • Finish our Modules Refactor
  • Section Summary
  • Section Introduction
  • Integrate the Module
  • Style our Components
  • Section Summary
  • Section Introduction
  • Directives
  • Pipes
  • Section Summary
  • Section Introduction
  • Types of Forms
  • The Angular Forms Module
  • Implementing Reactive Forms
  • Stying Reactive Forms
  • Section Summary
  • Course Conclusion
  • What Now
  • Final Comments"
  • What is Angular?
  • Angular vs Angular 2 vs Angular 7
  • Project Setup and First App
  • Editing the First App
  • What is TypeScript?
  • A Basic Project Setup using
  • Bootstrap for Styling
  • How an Angular App gets Loaded and Started
  • Components
  • Creating a New Component
  • Understanding the Role of AppModule and Component Declaration
  • Using Custom Components
  • Creating Components with the CLI & Nesting Components
  • Working with Component Templates
  • Working with Component Styles
  • Fully Understanding the Component Selector
  • What is Databinding?
  • String Interpolation
  • PropeTy Binding
  • PropeTy Binding vs String Interpolation
  • Event Binding
  • Bindable PropeTies and Events
  • Passing and Using Data with Event Binding
  • Two-Way-Databinding
  • Understanding Directives
  • Using ngIf to Output Data Conditionally
  • Enhancing ngIf with an Else Condition
  • Styling Elements Dynamically with ngStyle
  • Applying CSS Classes Dynamically with ngClass
  • Outputting Lists with ngFor
  • Getting the Index when using ngFor
  • Understanding Angular Error Messages
  • Debugging Code in the Browser Using Sourcemaps
  • Using Augury to Dive into Angular Apps
  • Splitting Apps into Components
  • PropeTy & Event Binding Overview
  • Binding to Custom PropeTies
  • Assigning an Alias to Custom PropeTies
  • Binding to Custom Events
  • Assigning an Alias to Custom Events
  • View Encapsulation
  • Using Local References in Templates
  • Getting Access to the Template & DOM with @ViewChild
  • Projecting Content into Components with ng-content
  • Understanding the Component Lifecycle
  • Seeing Lifecycle Hooks in Action
  • Lifecycle Hooks and Template Access
  • Getting Access to ng-content with @ContentChild
  • Creating a Basic Attribute Directive
  • Using the Renderer to build a Better Attribute Directive
  • Using HostListener to Listen to Host Events
  • Using HostBinding to Bind to Host PropeTies
  • Binding to Directive PropeTies
  • Behind the Scenes on Structural Directives
  • Building a Structural Directive
  • Understanding ngSwitch
  • Why Services?
  • Creating a Logging Service
  • Injecting the Logging Service into Components
  • Creating a Data Service
  • Understanding the Hierarchical Injector
  • Injecting Services into Services
  • Using Services for CrossComponent Communication
  • Why a Router?
  • Setting up and Loading Routes
  • Navigating with Router Links
  • Understanding Navigation Paths
  • Styling Active Router Links
  • Navigating Programmatically
  • Using Relative Paths in Programmatic Navigation
  • Passing Parameters to Routes
  • Fetching Route Parameters
  • Fetching Route Parameters Reactively
  • Passing Query Parameters and Fragments
  • Retrieving Query Parameters and Fragments
  • Practicing and some Common Gotchas
  • Setting up Child (Nested) Routes
  • Conaguring the Handling of Query Parameters
  • Redirecting and Wildcard Routes
  • Outsourcing the Route Conaguration
  • Guards
  • Protecting Routes with can Activate
  • Protecting Child (Nested) Routes with can Activate Child
  • Using a Fake Auth Service
  • Controlling Navigation with can Deactivate
  • Passing Static Data to a Route
  • Resolving Dynamic Data with the resolve Guard
  • Understanding Location Strategies
  • Analyzing a Built-in Angular Observable
  • Building & Using a First Simple Observable
  • Building & Using a Custom Observable from Scratch
  • Using Subjects to Pass AND Listen to Data
  • Understanding Observable Operators
  • Template-Driven (TD) vs Reactive Approach
  • Example Form
  • Creating the Form and Registering the Controls
  • Submitting and Using the Form
  • Understanding Form State
  • Accessing the Form with @ViewChild
  • Adding Validation to check User Input
  • Built-in Validators & Using HTML5 Validation
  • Using the Form State
  • Outputting Validation Error Messages
  • Set Default Values with ngModel PropeTy Binding
  • Using ngModel with Two-WayBinding
  • Grouping Form Controls
  • Handling Radio Buttons
  • Setting and Patching Form Values
  • Using Form Data
  • Resetting Forms
  • The Reactive Approach
  • Reactive: Setup
  • Reactive: Creating a Form in Code
  • Reactive: Syncing HTML and Form
  • Reactive: Submitting the Form
  • Reactive: Adding Validation
  • Reactive: Getting Access to Controls
  • Reactive: Grouping Controls
  • Reactive: Arrays of Form Controls (FormArray)
  • Reactive: Creating Custom Validators
  • Reactive: Using Error Codes
  • Reactive: Creating a Custom Async Validator
  • Reactive: Reacting to Status or Value Changes
  • Reactive: Setting and Patching Values
  • Using Pipes
  • Parametrizing Pipes
  • Chaining Multiple Pipes
  • Creating a Custom Pipe
  • Parametrizing a Custom Pipe
  • Pure and Impure Pipes
  • Understanding the "async" Pipe
  • How Http Requests Work in SPAs
  • Firebase & The Right Database
  • Sending Requests (Example: POST Request)
  • Adjusting Request Headers
  • Sending GET Requests
  • Sending a PUT Request
  • Transform Responses with
  • Observable Operators (map())
  • Using the Returned Data
  • Catching Errors without rxjs-compat
  • Catching Http Errors
  • Using the "async" Pipe with Http Requests
  • Authentication in Single-PageApplications
  • About JWT
  • Creating a Signup Page and Route
  • Setting up the Firebase SDK
  • Use getIdToken() instead of getToken()
  • Signing Users Up
  • Signin Users In
  • Requiring a Token (on the Backend) Sending the Token
  • Checking and Using Authentication Status
  • Adding a Logout Button
  • The Idea behind Modules
  • Understanding the App Module
  • Understanding Feature Modules
  • Creating a Recipe Feature Module
  • Module ImpoT Order
  • Registering Routes in a Feature Module
  • Understanding Shared Modules
  • Creating a Shared Module
  • Creating a Shopping List Feature Module
  • Loading Components via Selectors vs Routing
  • Creating the Auth Feature Module
  • Understanding Lazy Loading
  • Adding Lazy Loading to the Recipes Module
  • Protecting Lazy Loaded Routes with canLoad
  • How Modules and Services Work Together
  • Understanding the Core Module
  • Creating a Basic Core Module
  • Restructuring Services to use the Child Injector
  • Using Ahead-of-Time Compilation
  • How to use AoT Compilation with the CLI
  • Preloading Lazy Loaded Routes
  • Deployment Preparations and Important Steps
  • Making Animations Work with Angular 4+
  • Animations Triggers and State
  • Switching between States
  • Transitions
  • Advanced Transitions
  • Transition Phases
  • The "void" State
  • Using Keyframes for Animations
  • Grouping Transitions
  • Using Animation Callbacks
  • Adding Service Workers
  • Caching Assets for Oiine Use
  • Caching Dynamic Assets & URLs