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