Angular JS Training

Angular JS Course:
AngularJS is a structural framework for dynamic web apps. It lets you use HTML as your template language and lets you extend HTML's syntax to express your application's components clearly and succinctly. Angular's data binding and dependency injection eliminate much of the code you would otherwise have to write. And it all happens within the browser, making it an ideal partner with any server technology. Angular is what HTML would have been, had it been designed for applications. HTML is a great declarative language for static documents. It does not contain much in the way of creating applications, and as a result building web applications is an exercise. This course also bootstraps with Angular 2. Migration from AngularJS 1 to Angular 2. Candidates will be developing 2 projects as a part of this course.

Angular JS Course Curriculum

1. Anatomy of an AngularJS App

Preparing the Example Project

Working with Modules

Setting the Boundaries of an AngularJS Application

Using Modules to Define AngularJS Components

Defining Controllers

Defining Directives

Defining Filters

Defining Services

Using Modules to Organize Code

Working with the Module Life Cycle

2. Using Binding and Template Directives

Why and When to Use Directives

Preparing the Example Project

Using the Data Binding Directives

Performing One-Way Bindings (and Preventing Them)

Creating Two-Way Data Bindings

Using the Template Directives

Generating Elements Repeatedly

Repeating Multiple Top-Level Elements

Working with Partial Views

Using the ng-include Directive as an Attribute

Conditionally Swapping Elements

Hiding Unprocessed Inline Template Binding Expressions

3. Using Element and Event Directives

Preparing the Example Project

Using the Element Directives

Showing, Hiding, and Removing Elements

Managing Classes and CSS

Handling Events

Creating a Custom Event Directive

Managing Special Attributes

Managing Boolean Attributes

Managing Other Attributes

4. Working with Form

Preparing the Example Project

Using Form Elements with Two-Way Data Bindings

Implicitly Creating Model Properties

Checking That the Data Model Object Has Been Created

Validating Forms

Performing Basic Form Validation

Providing Form Validation Feedback

Using CSS to Provide Feedback

Using the Special Variables to Provide Feedback

Deferring Validation Feedback

Using the Form Directive Attributes

Using Input Elements

Using Text Areas

Using Select Elements

5. Using Controllers and Scopes

Why and When to Use Controllers and Scopes

Preparing the Example Project

Understanding the Basics

Creating and Applying Controllers

Setting Up the Scope

Modifying the Scope

Organizing Controllers

Using a Monolithic Controller

Reusing a Controller

Using Controller Inheritance

Reusing a Controller

Using Multiple Controllers

Using Scope-less Controllers

Explicitly Updating the Scope

Setting Up jQuery UI

Controlling the Button State

Counting the Button Clicks

6. Using Filters

Why and When to Use Filters

Preparing the Example Project

Downloading the Localization File

Filtering Single Data Values

Formatting Currency Values

Filtering Single Data Values

Formatting Other Numeric Values

Formatting Dates

Changing String Case

Generating JSON

Localizing Filter Output

Filtering Collections

Limiting the Number of Items

Selecting Items

Sorting Items

Chaining Filters

Creating Custom Filters

Creating a Filter That Formats a Data Value

Creating a Collection Filter

Building on Existing Filters

7. Creating Custom Directives

Why and When to Create Custom Directives

Preparing the Example Project

Creating a Custom Directive

Defining the Directive

Implementing the Link Function

Breaking the Data Property Dependency

Handling Data Changes

Working with jqLite

Navigating the Document Object Models

Modifying Elements

Creating and Removing Elements

Handling Events

Other jqLite Methods

Accessing AngularJS Features from jqLite

Replacing jqLite with jQuery

8. Creating Complex Directives

Preparing the Example Project

Defining Complex Directives

Defining How the Directive Can Be Applied

Using Directive Templates

Using a Function as a Template

Using an External Template

Selecting an External Template with a Function

Replacing the Element

Managing Directive Scopes

Creating Multiple Controllers

Giving Each Directive Instance Its Own Scope

Creating Isolated Scopes

9. Advanced Directive Features

Preparing the Example Project

Using Transclusion

Using Compile Functions

Using Controllers in Directives

Adding another Directive

Creating Custom Form Elements

Handling External Changes

Handling Internal Changes

Formatting Data Values

Validating Custom Form Elements

10. Working with Modules and Services

Why and When to Use and Create Services and Modules

Using Modules to Structure an Application

Maintaining a Single Module

Creating a New Module

Creating and Using a Service

Using the Factory Method

Using the Service Method

Using the Provider Method

Using the Built-in Modules and Services

11. Services for Global Objects, Errors, and Expressions

Preparing the Example Project

Accessing the DOM API Global Objects

Why and When to Use the Global Object Services

Accessing the Window Object

Accessing the Document Object

Using Intervals and Timeouts

Accessing the URL

Performing Logging

Dealing with Exceptions

Why and When to Use the Exception Service

Working with Exceptions

Working Directly with the Exception Service

Implementing a Custom Exception Handler

Working with Dangerous Data

Why and When to Use the Dangerous Data Services

Displaying Dangerous Data

Using an Unsafe Binding

Explicitly Trusting Data

Working with AngularJS Expressions and Directives

Why and When to Use the Expression and Directive Services

Converting Expressions into Functions

Interpolating Strings

Compiling Content

12. Services for Ajax and Promises

Why and When to Use the Ajax Services

Preparing the Example Project

Making Ajax Requests

Making the Ajax Request

Other General RDD Operations

Making the Ajax Request

Receiving Ajax Responses

Configuring Ajax Requests

Setting Ajax Defaults

Using Ajax Interceptors

Working with Promises

Getting and Using the Deferred Object

Consuming the Promise

Understanding Why Promises Are Not Regular Events

Chaining Outcomes Together

Grouping Promises

13. Services for REST

Why and When to Use the REST Services

Preparing the Example Project

Creating the RESTful Service

Creating the AngularJS Application

Using the $http Service

Listing the Product Data

Deleting Products

Creating Products

Updating Products

Testing the Ajax Implementation

Hiding the Ajax Requests

Installing the ngResource Module

Using the $resource Service

Configuring the $resource Service Actions

Creating $resource-Ready Components

14. Services for Views

Why and When to Use the View Services

Preparing the Example Project

Understanding the Problem

Using URL Routing

Installing the ngRoute Module

Defining the URL Routes

Displaying the Selected View

Wiring Up the Code and Markup

Using Route Parameters

Accessing Routes and Routes Parameters

Configuring Routes

Using Controllers with Routes

Adding Dependencies to Routes

AngularUI Router

15. Services for Animation and Touch

Preparing the Example Project

Animating Elements

Why and When to Use the Animation Service

Installing the ngAnimation Module

Defining and Applying an Animation

Avoiding the Perils of Parallel Animation

Supporting Touch Events

Why and When to Use Touch Events

Installing the ngTouch Module

Handling Swipe Gestures

Using the Replacement ng-click Directive

16. Services for Provision and Injection

Why and When to Use the Provision and Injection Services

Preparing the Example Project

Registering AngularJS Components

Managing Injection

Determining Function Dependencies

Obtaining Service Instances

Simplifying the Invocation Process

Getting the $injector Service from the Root Element

17. Localization

Angular-translate

Installation

Teaching Your App a New Language

Multi-language Support

Switching the Language at Run Time

Loading Languages

Angular-gettext

Installation

Usage

String Extraction

Translating Our Strings

Compiling Our New Language

Changing Languages

18. Caching

What Is a Cache?

Angular Caching

Caching through $http

Setting Default Cache for $http

Security

Strict Contextual Escaping: the $sce Service

Whitelisting URLs

Blacklisting URLs

$sce API

Configuring $sce

Trusted Context Types

19. AngularJS and Internet Explorer

Ajax Caching

SEO with AngularJS

Getting Angular Apps Indexed

Server Side

Options for Handling SEO from the Server Side

Taking Snapshots

Using Zombie js to Grab HTML Snapshots

Using grunt-html-snapshot

Prerender io

Noscript Approach

20. Building Angular Chrome Apps

Understanding Chrome Apps

Building our Chrome App

Building the Skeleton

manifest json

tab html

Loading the App in Chrome

The Main Module

Building the Home Page

A Settings Screen

Implementing a User Service

City Autofill/Autocomplete

Sprinkling in Time Zone Support

21. Optimizing Angular Apps

What to Optimize

Optimizing the $digest Loop

Optimizing the $digest Call

Optimizing $watch Functions

Optimizing Filters

Tips for Optimizing Page Load

Debugging AngularJS

Debugging from the DOM

Debugger

Angular Batarang

22.Getting ready for production

Working with Yeoman, Grunt & Bower in Angular

23. Best Practices

Organizing your Code

Writing Controllers & Services

Writing Directives and Views

Dealing with Scope

Communicating Between Components

Breaking Down A Page into Components

Communicating with The Server

Dealing with Models

Unit Testing

Introduction to E2E with

Frequently Asked Questions

What are the modes of training for "Angular JS" course?

This "Angular JS" course is an instructor-led training (ILT). The trainer travels to your office location and delivers the training within your office premises. If you need training space for the training we can provide a fully-equipped lab with all the required facilities. The online instructor-led training is also available if required. Online training is live and the instructor's screen will be visible and voice will be audible. Participants screen will also be visible and participants can ask queries during the live session.

Will I be provided with any study material during the "Angular JS" training?

Participants will be provided "Angular JS"-specific study material. Participants will have lifetime access to all the code and resources needed for this "Angular JS". Our public GitHub repository and the study material will also be shared with the participants.

What is the pedagogy of zekeLabs?

All the courses from zekeLabs are hands-on courses. The code/document used in the class will be provided to the participants. Cloud-lab and Virtual Machines are provided to every participant during the "Angular JS" training.

What is the duration of this course?

The "Angular JS" training varies several factors. Including the prior knowledge of the team on the subject, the objective of the team learning from the program, customization in the course is needed among others. Contact us to know more about "Angular JS" course duration.

What would be the venue for the "Angular JS" training?

The "Angular JS" training is organised at the client's premises. We have delivered and continue to deliver "Angular JS" training in India, USA, Singapore, Hong Kong, and Indonesia. We also have state-of-art training facilities based on client requirement.

Who is the trainer for "Angular JS" training?

Our Subject matter experts (SMEs) have more than ten years of industry experience. This ensures that the learning program is a 360-degree holistic knowledge and learning experience. The course program has been designed in close collaboration with the experts working in esteemed organizations such as Google, Microsoft, Amazon, and similar others.

Can we customize this course based on our requirements?

Yes, absolutely. For every training, we conduct a technical call with our Subject Matter Expert (SME) and the technical lead of the team that undergoes training. The course is tailored based on the current expertise of the participants, objectives of the team undergoing the training program and short term and long term objectives of the organisation.

How can I reach out to you if I have any other queries regarding the "Angular JS" course?

Drop a mail to us at [email protected] or call us at +91 8041690175 and we will get back to you at the earliest for your queries on "Angular JS" course.