Angular

Course Overview

This Angular Certification Training Course will help you master front-end web development with Angular. Gain in-depth knowledge of concepts like facilitating the development of single-page web applications, dependency injection, typescript, components, and directives with this Angular Course.

In this tailored Angular training course, we make sure that each and every detail is coved and the student is left with real-time hands on experience. We cover:

Introduction

• Introduction to TypeScript
• A Conceptual Overview of Angular 2
• Installing Git and Node
• Creating Your First Component
• Using the Angular CLI
• Creating and Communicating Between Components
• Creating Your First Data-bound Component
• Using External Templates
• Communicating with Child Components Using @Input
• Communicating with Parent Components Using @Output
• Using Template Variables to Interact with Child Components
• Styling Components
• Exploring Angular’s CSS Encapsulation

Exploring the New Template Syntax

•  Interpolation, Property Bindings, and Expressions
• Event Bindings and Statements
• Repeating Data with ngFor
• Handling Null Values with the Safe-Navigation Operator
• Hiding and Showing Content with ngIf
• Hiding Content with the [Hidden] Binding
•  Hiding and Showing Content with ngSwitch
•  Styling Components with ngClass
•  Styling Components with ngStyle

Creating Reusable Services

•  Introduction
•  Why We Need Services and Dependency Injection
• Creating Your First Service

Routing and Navigating Pages

•  Adding Multiple Pages to Your App
•  Adding Your First Route
•  Accessing Route Parameters
•  Linking to Routes
•  Navigating from Code

Collecting Data with Forms and Validation Introduction

•  Using Models for Type Safety
•  Creating Your First Template-based Form
•  Using the Data from Your Template-based Form
•  Validating Template-based Form
•  Validating Reactive Forms

Pipes

•  Using Built-in Pipes
•  Creating a Custom Pipe
•  Sorting and Filtering Overview
•  Creating a Filtering Display
•  Filtering Data

Dependency Injection

•  Using Third Party Global Services – The Problem
• Angular Dependency Injection Lookup
•  Using the @Inject Decorator
•  The useClass Provider

Communicating with the Server Using HTTP, Observables, and Rx

•  Moving Data Storage to the Server
•  Listening to Resolved Data Changes
•  Using Querystring Parameters
•  Integrating Authentication with the Server
•  Persisting Authentication Status Across Page Refreshes
•  Saving User Data to the Server