Rangle.io : Angular Training

Introduction
License
Why Angular?
The Architect's Guide to Angular
EcmaScript 6 and TypeScript Features
- ES6
  Classes
  Refresher on 'this'
  Arrow Functions
  Template Strings
  Inheritance
  Delegation
  Constants and Block Scoped Variables
  ...spread and ...rest
  Destructuring
  Modules
- TypeScript
  Getting Started With TypeScript
  Working With tsc
  Typings
  Linting
  TypeScript Features
  TypeScript Classes
  Interfaces
  Shapes
  Type Inference
  Type Keyword
  Decorators
  Property Decorators
  Class Decorators
  Parameter Decorators
The JavaScript Toolchain
Bootstrapping an Angular Application
- Understanding the File Structure
- Bootstrapping Providers
Components in Angular
Directives
- Attribute Directives
  NgStyle Directive
  NgClass Directive
- Structural Directives
  NgIf Directive
  NgFor Directive
  NgSwitch Directives
  Using Multiple Structural Directives
Advanced Components
Observables
Angular Dependency Injection
Http
Change Detection
Zone.js
Advanced Angular
- Directives
  Creating an Attribute Directive
  Listening to an Element Host
  Setting Properties in a Directive
  Creating a Structural Directive
  View Containers and Embedded Views
  Providing Context Variables to Directives
- AoT
  AoT limitations
What is Immutability
- The Case for Immutability
- JavaScript Solutions
  Object.assign
  Object.freeze
Pipes
Forms
Modules
Routing
State Management
- Redux and @ngrx
  Adding @ngrx to your Project
  Defining your Main Application State
  Example Application
  Reading your Application State using Selectors
  Actions
  Modifying your Application State by Dispatching Actions
  Reducers and Pure Functions
  Reducers as State Management
  Creating your Application's Root Reducer
  Configuring your Application
  Implementing Components
  Component Architecture
  Side Effects
  Getting More From Redux and @ngrx
TDD Testing
Migrating AngularJS Projects to Angular
Project Setup
- Webpack
  Installation and Usage
  Loaders
  Plugins
  Summary
- NPM Scripts Integration
Angular CLI
Accessibility in Angular
Internationalization in Angular
Glossary
Further Reading And Reference

Powered by GitBook

On this page

Was this helpful?

Pipes

PreviousObject.freeze NextUsing Pipes

Last updated 3 years ago

Angular provides a way of filtering data: pipes. A pipe takes in data as input and transforms it to a desired output. Angular provides few built-in pipes which can be used out of the box. You can also create custom pipes when needed.