Angular

Development

Angular is a TypeScript-based open-source web application framework led by the Angular Team at Google and by a community of individuals and corporations. Angular is a complete rewrite from the same team that built AngularJS

Introduction to ANGULAR

  • What is Angular?
  • What is a framework?
  • Prerequisites.
  • Why Angular?

Components

  • Why split app into components?
  • Property and Event binding.
  • Custom properties.
  • Encapsulation.
  • @Viewchild()
  • Component Lifecycle hooks.

Directives and Databinding

  • Introduction to directives.
    1. ngIf
    2. ngFor
    3. ngClass
    4. ngSwitch
  • Databinding & Host binding directives

Services and Dependency Injection.

  • Creating a Logging Service
  • Injecting the Logging Service into Components
  • Creating a Data Service
  • Understanding the Hierarchical Injector
  • How many Instances of Service Should It Be?
  • Injecting Services into Services
  • Using Services for Cross-Component Communication

Routing

  • Why do we need a router?
  • What is angular router? 
  • Configuring Angular Router to navigate to components.
  • Nested routes.
  • Lazy loading.
  • Redirecting routes.
  • Wildcard routes.
  • Path parameters in routes.
  • Query parameters in routes.

 

Forms in Angular

  • What’s so special about form in Angular?
  • Reactive Forms vs Template forms.
  • Creating a Template form
  • Creating a Reactive form.
  • Form validation.

Pipes in Angular

  • What are pipes in Angular?
  • Use default pipes in Angular
  • Create custom pipes in Angular.

HTTP in Angular

  • Getting to know about HTTP Client.
  • Getting responses
  • Catching error,
  • Transforming errors and responses.

Angular Route Protection

  • Guards and Resolvers.