AngularJS Online Training

Basic Angular JS

1. Create a dynamic application that works in all modern browsers
2. Move application logic out of the template and into Controllers
3. Use data binding to wire up your data model to your views
4. Able to create Single page application (SPA)
5. Installing Angular 4 Apps with the CLI
6. Integrate UI Animations
7. Deploy an Angular App
8. Understand Data Binding
9. Understand Components
10. Style an Angular UI
11. Which architecture Angular uses
12. How to use TypeScript to write Angular applications
13. All about directives and components, including the creation of custom directives/ components
14. How databinding works
15. All about routing and handling navigation
16. What Pipes are and how to use them
17. How to access the Web (e.g. RESTful servers)
18. What dependency injection is and how to use it
19. How to use Modules in Angular
20. How to optimize your (bigger) Angular Application
21. Create Web Applications
22. Create Hybrid Apps for Android & Ios that use sdks that implement Angular.js
23. Grasp how to work with MVC Architecture

ES6 features

1. Default Parameters in ES6
2. Template Literals in ES6
3. Multi-line Strings in ES6
4. Destructuring Assignment in ES6
5. Enhanced Object Literals in ES6
6. Arrow Functions in ES6
7. Promises in ES6
8. Block-Scoped Constructs Let and Const
9. Classes in ES6
10. Modules in ES6

Basics of Node JS

1. Node Environment setup
2. NPM
3. Inbilt modules (FS, Event Emiter etc)
4. Building Custom Modules

Angular 2, Angular 5, Angular 6

1. Introduction
2. Modules
3. Architecture
4. Components
5. Data and event binding
6. Inner Components
7. Communication between modules
8. Meta data
9. Filters / Pipes
10. Services
11. Http Service
12. Moudles
13. Routing
14. Forms Handling
15. Dependency Injection
16. Error handling
17. Basic Curd application
18. Request Intersepters

Introduction to Angular.JS

• Difference between Angular and Other JQuery Frameworks – Knockout, Backbone, Ember & Node
• Advantages of Angular
• DOM Elements

Angular Setup

• Installing Angular JS
• Configuration of Angular JS
• Structure of an Angular JS Application

Angular Architecture

• Creating Boundaries using ng-app
• Data Binding – one way binding and two way binding
• Repeating elements using ng-repeat
• Using Expressions and NG-Class
• Using Controllers
• Adapting to model changes

Views, Controllers, And Built-In Directives

• Application Setup
• Interpolation And Controllers
• Built-In Directives
• ngRepeat
• ngClass, ngTemplate, And ngInclude
• ngModel
• $Scope.$Watch
• Remove Scope Watcher
• ngCloak

AngularJS Directives

Some of the most commonly used directives are:
ng-app
Declares the root element of an AngularJS application, under which directives can be used to declare bindings and define behavior.
ng-bind
Sets the text of a DOM element to the value of an expression. For example, displays the value of ‘name’ inside the span element. Any change to the variable ‘name’ in the application’s scope reflect instantly in the DOM.
ng-model
Similar to ng-bind, but establishes a two-way data binding between the view and the scope.
ng-model-options
Provides tuning for how model updates are done.
ng-class
Conditionally apply a class, depending on the value of a boolean expression.
ng-controller
Specifies a JavaScript controller class that evaluates HTML expressions.
ng-repeat
Instantiate an element once per item from a collection.
ng-show & ng-hide
Conditionally show or hide an element, depending on the value of a boolean expression. Show and hide is achieved by setting the CSS display style.
ng-switch
Conditionally instantiate one template from a set of choices, depending on the value of a selection expression.
ng-view
The base directive responsible for handling routes[12] that resolve JSON before rendering templates driven by specified controllers.
ng-if
Basic if statement directive that instantiates the following element if the conditions are true. When the condition is false, the element is removed from the DOM. When true, a clone of the compiled element is re-inserted.
ng-aria
A module for accessibility support of common ARIA attributes.
ng-animate
A module provides support for JavaScript, CSS3 transition and CSS3 keyframe animation hooks within existing core and custom directives. Since ng-* attributes are not valid in HTML specifications, data-ng-* can also be used as a prefix. For example, both ng-app and data-ng-app are valid in AngularJS.

Angular.js Building Blocks

• View Component
• Angular JS Scopes
• Controller Component
• Directives
• Filters
• Services

Using Filters

• Understanding Filters syntax and expression
• Building your own custom Filters

Services

• Services Syntax
• Understanding Services Injecting Concepts

• About AngularJS
• Uses of AngularJS
• Introduction to JavaScript MVC Framework
• Write your first program in Angular JS
• Comparison between JavaScript Frameworks
• Dependency Injection and Controllers
• Creating Controllers
• Two Way Binding
• Sharing data between Controllers
• Inheritance
• Dependency Injection.
• Route, Directive and Filters
• Why use Routes
• Creating Routes
• Nested Routes
• Directives
• Filters
• Creating Directives and Filters.
• Creating Custom Directives and Filters
• Custom Directives
• Why Custom Directives
• Creating and Using Custom Directives
• Custom Filters
• Creating and Using Custom Filters.
• Third Party AngularJS Modules and Testing Angular
• Modules & its necessities
• Usage of angular-ui
• Usage of ng-grid
• Usage of angular-translate and Testing AngularJS.
• AngularJS with Node.js,Yeoman and Rest Exposure
• Introduction to Node.js
• Introduction to Yo Generator
• Bower, Rest Exposure
• Web Sockets and Push Notification.
• Project Discussion
• Creating templates
• Loading templates using route
• Binding data to the view
• Writing business logic and validations in controller and Exposing services
• angular integration with MVC using Lamp Stack
• Angular with Mean Stack.

Directives

• Understanding Directives Syntax
• Directive Definition Object for your custom defined syntax
• How to link directives
• Components Creation

Understanding Server Communication

• Communicating through $http
• PUT
• POST
• GET
• PATCH
• JSON Conversion
• Understanding Http Headers
• Understanding Caching Responses
• Request and Response Transformation
• Using RESTFUL Resources