AngularJS

AngularJs  online training in Hyderabad and Real-time experts with certified professionals.Angular Js is a very powerful Javascript frame work.It is used in single page Application projects.

  • AngularJs such as Expressions,Directives,Controller,Modules, MVC etc…..

Angularjs concepts:

  • Angular Js
  • Angular 2
  • Angular 4
  • Angular 5

angularJS online training

AngularJs Syllabus

  • AngularJS Introduction
  • Execution flow
  • Controllers
  • Bootstrapping Angular APPS
  • Data Binding
  • Understanding AngularJS Architecture
  • Dependency Injection
  • Expressions
  • Directives
  • Filters
  • Events
  • Modules
  • AngularJS XMLHttpRequest (AJAX)
  • AngularJS Forms & Input Validation
  • AngularJS Service Types
  • Single Page Applications
  • REST API Calls
  • Animations
  • Angular with UI Frameworks

Angular js 2

  • What is an SPA? What is Angular?
  • Preparing for TypeScript
  • Building with A2 Components
  • Bootstrap Scaffolding
  • Angular 2 Binding and Events
  • Dependency Injection and services
  • Directives
  • Pipes
  • Forms
  • Routing
  • HTTP, Promises, and Observables
  • Testing
  • Angular-4 new features (Add-on)

Angular Js

AngularJS Introduction:

  • Introduction To Client Side Scripting Languages
  • Basics of Javascript and jQuery
  • Introduction to AngularJS and Its History
  • Why should we use AngularJS?
  • Real-time Scenarios
  • Practical Section

Controllers:

  • Properties, Methods
  • Binding controllers with views
  • Controller hierarchy Sharing data between controllers
  • Real-time Scenarios
  • Practical Section

Bootstrapping Angular APPS:

  • Auto bootstrap
  • Custom bootstrap
  • Real-time Scenarios
  • Practical Section

Data Binding:

  • Binding Model Objects
  • Model Objects Visibility
  • $scope
  • $rootScope
  • Difference between $scope & $rootScope
  • Using $emit & $broadcast
  • JSON advantages
  • Using JSON in Angularjs
  • Use of $watch, $digest & $apply
  • Real-time Scenarios
  • Practical Section

Dependency Injection:

  • What is Dependency Injection?
  • Implicit DI
  • Inline Array Annotated DI
  • $inject Array Annotated DI
  • Real-time Scenarios
  • Practical Section

Expressions:

  • AngularJs Expressions, AngularJS Numbers
  • AngularJS Strings, AngularJS Arrays
  • AngularJS Objects
  • Real-time Scenarios
  • Practical Section

Directives:

Power of directives:

  • Working with built-in directives
  • ng-app, ng-init
  • ng-model, ng-repeat
  • ng-class, ng-template
  • ng-include …etc
  • Working with custom directives
  • Real-time Scenarios
  • Practical Section

Filters:

  • Adding Filters to Expressions
  • Adding Filters to Directives
  • Working with built-in filters
  • Creating custom filters
  • Real-time Scenarios
  • Practical Section

Events:

  • ng-click
  • Hiding HTML Elements
  • ng-disabled
  • ng-show, ng-hide
  • Real-time Scenarios
  • Practical Section

Modules:

  • Controllers Pollute the Global Namespace
  • AngularJS Application Files
  • Real-time Scenarios
  • Practical Section

AngularJS XMLHttpRequest (AJAX):

  • AngularJS $http
  • Real-time Scenarios
  • Practical Section

AngularJS Service Types:

  • Constants & Values, Factories
  • Services, Providers
  • Real-time Scenarios
  • Practical Section

Single Page Applications:

  • What is SPA?
  • How to work with SPA in angular
  • Working with routes
  • Static & dynamic routing
  • Real-time Scenarios
  • Practical Section

REST API Calls

  • Overview of REST API
  • Use of angular resource module
  • Real-time Scenarios
  • Practical Section

Animations

  • Overview of transitions
  • Use of the angular animate module

Angular with UI Frameworks

  • UI Bootstrap
  • angular-material

Angular 2/4

What is an SPA? What is Angular?

  • Single Page Apps vs Conventional Web Applications
  • Where Angular Fits
  • Angular-4 has arrived (what’s new)
  • Real-time Scenarios
  • Practical Section

Preparing for TypeScript

  • Brief Intro to TypeScript
  • The TypeScript Module System
  • Getting Setup
  • Project Setup
  • Nodemon
  • String Templates
  • Const
  • Let
  • Debugging
  • Rest & Spread Operators
  • Arrow Functions
  • ..of
  • Maps
  • Sets
  • Interface
  • Generics
  • New Object Features
  • Classes
  • Restructuring
  • TypeScript decorators
  • Real-time Scenarios
  • Practical Section

Building with A2 Components

  • A Trivial Component
  • Nested Components
  • Deeper Nesting

Bootstrap Scaffolding

  • What Is Bootstrap?
  • Bootstrap File Structure
  • Basic HTML Template
  • Global Styles
  • Default Grid System
  • Fluid Grid System
  • Bootstrap CSS
  • Typography
  • Code
  • Tables
  • Forms
  • Buttons
  • Images
  • Icons
  • Real-time Scenarios
  • Practical Section

Angular 2 Binding and Events

  • Templates
  • Bindings
  • Event Bindings
  • Two-way Binding
  • Class and Style Bindings
  • Built-in Directives
  • Component Data Binding
  • Component Events
  • Ng-model
  • Introduction to web pack/system
  • Real-time Scenarios
  • Practical Section

Dependency Injection and services

  • Why Dependency Injection?
  • Injection API
  • Component Multi Providers
  • Injection Multi Providers
  • Services Overview
  • Creating a Service
  • Injecting a Service
  • Real-time Scenarios
  • Practical Section

Directives

  • Introduction and Examples
  • Directives Overview
  • Attribute Directives
  • Custom Attribute Directive
  • Structural Directives
  • Structural Directive: ngIf
  • Structural Directive: ngFor
  • Structural Directive: ngSwitch
  • Custom Structural Directive
  • Real-time Scenarios
  • Practical Section

Pipes

  • Using Pipes
  • Creating Pipes
  • Built-in Pipes
  • Chaining Pipes
  • Custom Pipes
  • Stateful Pipes
  • Real-time Scenarios
  • Practical Section

Forms

  • Controls
  • Control groups
  • FormBuilder
  • Template Driven Approach
  • Data-Driven Approach
  • Real-time Scenarios
  • Practical Section

Routing

  • Introduction and Use
  • Creating and configuring Routes
  • Imperative Routing
  • Routing Parameters
  • Child Routes
  • Routing Lifecycle Hooks
  • Setting up Firebase
  • HTTP POST Request
  • HTTP GET Request
  • Real-time Scenarios
  • Practical Section

HTTP, Promises, and Observables

  • Promises – still available, still useful
  • Calling an API via HTTP
  • Introduction to Observables
  • Observable Bindings
  • Observables Operators
  • Real-time Scenarios
  • Practical Section

Testing

  • Unit Testing
  • End to End Testing
  • Real-time Scenarios
  • Practical Section

Angular-4 new features (Add-on)

  • ..Else Template Conditions
  • Animation Module
  • TypeScript’s StrictNullChecks
  • Angular Universal
  • FESM
  • Angular2 to Angular4 migration
  • Router ParamMap
  • TypeScript 2.1/2.2
  • Real-time Scenarios
  • Practical Section