Duration : 1 Month

Fees : 10,000 /-

As a web developer, you'll need to learn how to use new frameworks on a regular basis. AngularJS is a full-featured framework that is incredibly popular among developers. For single-page applications, the AngularJS framework creates rich interactive features for a real-time experience. It's friendly to developers and has a supportive and active community. Products built with AngularJS include YouTube Video Manager, The Weather Channel site, several Google products, and Tinder.

Introduction to Angular JS

  • Features and Benefits of Angular JS
  • Extending HTML for Web applications
  • Model, View and Controller in perspective of Angular JS
  • Angular JS Script and CDN

Directives

  • Teaching HTML New Tricks
  • Binding Text and Attributes
  • Directive Process Life Cycle
  • Basic Directives
  • Scopes
  • Re-usable Directives
  • Directives into Components

Expressions

  • Expressions are lightweight code snippets
  • Expression Capabilities
  • Limitation
  • Expression and $eval

Filters

  • Standard Filters
  • Writing our own Customized Filters
  • Tying with filters together

Controllers

  • Where Controllers fit in in Angular JS Perspective
  • Managing Scope
  • Setting up Behaviour
  • Building a Controller
  • Advanced Controller

Models

  • How to create a Model
  • Explicit Models
  • Implicit Models

Views

  • Angular’s take on the View: A little bit different
  • Tying a View to Controller
  • Tying a View to Model

Scopes

  • What are Scopes?
  • What does scope provide?
  • Scope Lifecycle
  • Scope as glue between controller and view.

Single Page Application

  • Meaning of SPA
  • Creating Angular Modules
  • Angular Routing Service
  • Routing Basics
  • Skeleton of SPA Application

Angular Forms

  • Angular Forms vs HTML Forms
  • Angular Form Controls
  • Form Events
  • Form Validation

Ajax, Data and Angular

  • High Level Interaction with Servers
  • Low Level Interaction with $http
  • The Promises API
  • Rest API with $resources

CRUD Operation in AngularJS

  • Implementing Crud Operation using Controllers, Scope, Directives, Services.
  • Sequence Code Explanation

Real time Project with AngularJS

  • Intro to Real Time Project
  • Functional Flow Logic Explanation
  • Function conversion to Technical Flow Explanation
  • Sequence Code Explanation

Duration : 1 month

Fees : 15,000 /-

As a web developer, you'll need to learn how to use new frameworks on a regular basis. AngularJS is a full-featured framework that is incredibly popular among developers. For single-page applications, the AngularJS framework creates rich interactive features for a real-time experience. It's friendly to developers and has a supportive and active community. Products built with AngularJS include YouTube Video Manager, The Weather Channel site, several Google products, and Tinder.

Introduction

  • Anatomy of Angular 2 Application
  • Selecting Language
  • Selecting Editor
  • Setting up Environment and Angular 2 Application
  • Running an Angular 2 Application
  • About Modules
  • Introduction to TypeScript

Introduction to Components

  • What is a Component?
  • Creating the Component Class
  • Defining the Metadata with a Decorator
  • Importing what we need
  • Creating the App Component
  • Bootstrapping App Component

Templates, Interpolation and Directives

  • Building a Template
  • Building the Component
  • Using the Component as 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
  • Relative Paths with Module Id

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
  • Sending an HTTP Request
  • Exception Handling
  • Subscribing to an Observable

Navigation and Routing Basics

  • How Routing Works
  • Configuring Routes
  • Tying Routes to Actions
  • Placing the Views

Navigation and Routing Additional Techniques

  • Passing Parameters to a Route
  • Activating a Route with Code
  • Protecting Routes with Guards

Angular Modules

  • What Is an Angular Module?
  • Bootstrap Array
  • Declarations Array
  • Exports Array
  • Imports Array
  • Providers Array
  • Feature Modules
  • Shared Module
  • Revisiting AppModule

Angular 2 Forms

  • Registering input form controls to Angular
  • Validation
  • Form state and Angular generated CSS classes
  • Default values with Property Binding
  • Two-way binding with ngModel
  • ngModelGroup
  • Radio and Select controls
  • Conditionally display error message
  • Conditionally disable Submit button

Angular 2 Unit Testing

  • Introduction to Jasmine
  • Introduction on Karma
  • Unit-testing Angular app

Angular 2 Setup Revisited

  • TypeScript Configuration File (tsconfig.json) &TypeScript Definitions File (typings.json)
  • npm Package File (package.json)
  • SystemJS Configuration File (systemjs.config.js)
  • index.html File Scripts
  • Bootstrapping Revisited
  • Angular CLI