Angular 2 is an open source framework formed and maintained by the developers. It is used by the developers to develop the web applications. Angular js is a programming which contains the logic components, data and presentation. AngularJs is the complete java script based open-source front end of web application framework. The angularjs framework works by reading the HTML page, Which has embedded into it additional custom tag attributes.

Introduction

  • Anatomy of an Angular 2 Application
  • Get the Most from This Course
  • Sample Application

First Things First

  • Selecting a Language
  • Selecting an Editor
  • Setting up Our Environment
  • Setting up an Angular 2 Application
  • Running an Angular 2 Application
  • About Modules
  • Loading Modules and Hosting our Application

Introduction to Components

  • What Is a Component?
  • Creating the Component Class
  • Defining the Metadata with a Decorator
  • Importing What We Need
  • Demo: Creating the App Component
  • Bootstrapping the App Component
  • Demo: Bootstrapping the App Component

Templates, Interpolation, and Directives

  • Building a Template
  • Building the Component
  • Using a Component as a Directive
  • Binding with Interpolation
  • Adding Logic with Directives: ngIf
  • Adding Logic with Directives: ngFor

Data Binding & Pipes

  • Property Binding
  • Handling Events with Event Binding
  • Handling Input with Two-way Binding
  • Transforming Data with Pipes

More on Components

  • Defining Interfaces
  • Encapsulating Component Styles
  • Using Lifecycle Hooks
  • Building Custom Pipes

Building Nested Components

  • Building a Nested Component
  • Using a Nested Component
  • Passing Data to a Nested Component Using @Input
  • Passing Data from a Component Using @Output

Services and Dependency Injection

  • How Does It Work?
  • Building a Service
  • Registering the Service
  • Injecting the Service

Retrieving Data Using HTTP

  • Observables and Reactive Extensions
  • Setting Up
  • Sending an Http Request
  • Subscribing to an Observable

Navigation and Routing Basics

  • Setting Up
  • Configuring Routes
  • Tying Routes to Actions
  • Placing the Views
  • Passing Parameters to a Route
  • Activating a Route with Code

Navigation and Routing Additional Techniques

Angular 2 Setup Revisited

  • TypeScript Configuration File (tsconfig.json)
  • npm Package File (package.json) and TypeScript Definitions File (typings.json)
  • index.html File Libraries
COMMENCING NEW BATCHES
ENQUIRY FORM
FOLLOW US ON
SUBSCRIBE TO OUR NEWSLETTER

WE ACCEPT ONLINE PAYMENTS
PAY ONLINE