Angular JS Certification Training Course → Angular vs Angular 2 vs Angular 4 vs Angular 5

Introduction of Web Technology
- Introduction to JS
- What is Angular?
- Why use angular among N number of frameworks available?
- How to use angular?
- Hands-On
Getting Started with Angular
This Angular certification course module will introduce you to the basic constructs of web application development, MVC architecture, what is Angular and the differences between single and multiple page applications. You will also learn how to install Angular and make use of NPM packages.
- Building Blocks of Web Application Development
- Web Application Architecture
- Introduction to Angular
- Angular Architecture
- Building blocks of Angular
- Angular Installation
- Angular CLI
- Angular CLI commands
- Understanding files in Angular
- Hands-On
Exploring Data Types & Functions
- Objects
- Numbers
- Strings
- Auto Casting
- Prototype
- Function
- Self Invoking Functions
- Arrays
- Booleans
- Un Defined
- Hands-On
Control Structures: Logical Expressions
- If statements
- Else and elseif statements
- Logical operators
- Switch statements
- Hands-On
Control Structures: Loops
- For loops
- For each loops
- Continue
- Break
- Hands-On
User-Defined Functions
- Defining functions
- Function arguments
- Returning values from a function
- Multiple return values
- Scope and global variables
- Hands-On
Debugging
- Developer’s console
- Warnings and errors
- Debugging and troubleshooting
- Hands-On
HTML compilation and Angular Compilation
- Compilation phase
- Angular Compilation
- Hands-On
Actual Angular Topics
- Modules
- Controllers
- Dependency Injection
- Service
- Filters
- Data Binding
- Scopes
- Template
- Directives
- Routers
- Providers
- Hands-On
Getting Started with Angular 5
- Course Introduction
- What is Angular
- Angular vs Angular 2 vs Angular 4 vs Angular 5
- CLI Deep Dive
- Project Setup and First App
- The course Structure
- What is TypeScript
- A basic setup of Bootstrap for Styling
- Hands-On
The Basics of Angular 5
- Module Introduction
- How an Angular App gets loaded and started
- Components
- Creating new Component
- Understanding the role of App
- Module and Component Declaration
- Understanding Component Templates
- Understanding Component Styles
- Understanding Component Selector
- Hands-On
Databinding & Directive Concepts
- Module Introduction
- What is Databinding
- String Interpolation
- Property Binding
- Property Binding vs String Interpolation
- Event Binding
- Bindable Properties and Events
- Passing and Using Data using Event Binding
- Two-Way Binding
- Forms Module and Two-Way Binding
- Understanding Directives
- Using ngIf and Else Conditions
- Using ngStyle for Styling Angular App
- Applying CSS Class dynamically with ngClass
- Displaying Lists using ngFor
- Hands-On
Advanced Component and Databinding
- Module Introduction
- Dividing the App into multiple components
- Property and Event Binding deep dive
- Binding to custom properties
- Binding to custom events
- View Encapsulation
- Understanding Local Reference inside Templates
- Getting Access to the templates using @ViewChild.
- Exploring Component Life Cycle
- Life cycle hooks deep dive
- Hands-On
Databinding and Animations
In this Angular certification module, you will learn about Angular Databinding and Animations.
- Databinding
- Types of Databinding
- Component Interaction using @Input and @Output decorator
- Angular Animations
- Component Life-cycle Hooks
- Hands-On
Angular Directives and Pipes
In this Angular training course module, you will learn how to manipulate DOM and add filters using Angular directives and pipes.
- Understanding Angular Directives
- @Component Directive
- Structural Directives
- Attribute Directives
- Custom Directives
- Pipes
- Built-in Pipes
- Chaining pipes
- Custom pipes
- PipeTransform Interface & Transform Function
- Hands-On
Advance Directive Concepts
- Creating a primary custom attribute directive
- Exploring Renderer to create a Directive
- Understanding HostListener and HostBinding
- Binding to Directive’s Properties
- Building Structural Directives
- Exploring ngSwitch
- Hands-On
Angular Services and Dependency Injection
In this Angular certification exam module, you will learn how to create Angular services and inject it using dependency injection.
- Angular service
- Need for a service
- Dependency Injection
- Creating a service
- Hierarchical Injector
- Injecting A Service into Another Service
- Observables
- Hands-On
Routing in Angular 5
- Module Introduction
- Understanding the need of a Router
- Setting Up and implementing Routes
- Navigating to Router Links
- Understanding Router Paths
- Styling Active Router Links
- Understanding Navigation Paths
- Styling Router Links
- Navigating Dynamically
- Using Relative Paths
- Passing Parameters to Routes and fetching route parameters
- Fetching route parameters in a Reactive Way
- Passing query parameters and fragments
- Understanding Nested Routes
- Redirecting and Wildcard routes
- Redirection Path Matching
- Outsourcing the Route Configuration
- Introduction to Guards
- Understanding can activate
- Understanding canActivateChild
- Understanding can deactivate
- Passing Static Data to a Route
- Understanding Resolve Guard
- Exploring Location Strategies
- Hands-On
Observables in Angular 5
- Module Introduction
- Understanding built-in Angular Observable
- Creating Observables
- Using a Custom observable
- Unsubscribe
- Using Subjects to pass and Listen to Data
- Understanding Observable Operators
- Hands-On
Forms in Angular 5
- Module Introduction
- Need of Angular’s help
- Template Driven vs Reactive Approach
- Hands-On
Template Driven Approach
- TD: Create a form and register controls
- TD: Submitting and Using Forms
- TD: Understanding Form Status
- TD: Access Forms with @ViewChild
- TD: Add validation to user input
- TD: Using Built-in Validators and HTML 5 Validation
- TD: Understanding Form Status
- TD: Output Validation Error Messages
- TD: Set default value in ngModel property binding
- TD: Using ngModel and two-way binding
- TD: Group Form Control
- TD: Using Form Data
- Hands-On
Reactive Form Approach
- Reactive: Create Forms in Code
- Reactive: form submission
- Reactive: add validation
- Reactive: gaining access to controls
- Reactive: Group Control
- Reactive: FormArray
- Reactive: custom validator
- Reactive: Examining Error Codes
- Reactive: a custom asynchronous validator
- Hands-On
Exploring Pipes in Angular 5
- Module Introduction
- Using Pipes
- Parameterizing Pipes
- Chaining Multiple Pipes
- Creating a custom Pipe
- Pure & Impure Pipes
- Understanding Asynchronous Pipes
- Hands-On
Making HTTP Requests in Angular 5
- Introduction & how HTTP request works in SPAs
- Sending a POST Request
- Adjusting request headers
- Sending a GET requests
- Sending a PUT Requests
- Use asynchronous pipes with HTTP requests
- Response with observable operators
- Catching HTTP errors
- Hands-On
Authentication & Route Protection in Angular Apps
- Introduction to Module
- How Authentication works in SPAs
- Introducing JWTs
- Creating a Signup Page and Route
- Set up the Firebase SDK
- Signing users up
- Signing users in
- Token introduction
- Send token
- An example of route protection and rerouting.
- Hands-On
Typescript Introduction
- Module Introduction
- Using types
- Classes
- Interface
- Generics
- Wrap-up & Modules
- Deep dive into typescripts.
- Hands-On
Typescript Introduction Version.3
- TypeScript overview
- Why use TypeScript?
- JavaScript vs TypeScript
- Hands-On
Installation of tools
- Installing Brackets – an IDE
- Installing TypeScript using npm
- Hands-On
Datatypes in TypeScript V.3
- Primitive Datatypes
- User-defined Datatypes
- Tuples and Unions
- Variables and Operators
- Hands-On
Decision Makers and Loops
- if, if-else, switch statements
- for, while loops
- forEach in TypeScript
- Hands-On
Functions in TypeScript V.3
- Defining and Calling a Function
- Returning functions
- Parameterized functions
- Arrow functions
- Hands-On
Inbuilt methods in TypeScript V.3
- String methods
- Array methods
- Other inbuilt methods
- Hands-On
Oops in TypeScript V.3
- Classes and Objects Introduction
- Interfaces
- Inheritance
- Hands-On
Winding up with TypeScript V.3
- Revision of TypeScript concepts
- Bridging from TypeScript to Angular
- Hands-On
Introduction to Angular 9
- What is Angular?
- Features of Angular
- Angular versions
- AngularJS vs Angular 2+
- What’s new in Angular 9
- Hands-On
Angular 9 Installation of tools
- Installing the latest version of nodeJS
- Installing Angular 9 using a node package manager (npm)
- Installing an IDE like Visual studio code
- Hands-On
Getting started with First Angular Project
- List of commands to create, run, and build your project
- Create a new Angular project
- Angular project folder structure
- Link Bootstrap to Angular
- Associating projects with icons and fonts
- Hands-On
Angular 9 Components and Modules
- What are the components?
- Component structure
- Creating components using npm
- Default vs custom components
- Manually create the component
- Component call
- Component nesting
- Angular application execution flow
- Component interaction
- Module introduction
- Hands-On
Navigation using Routers
- Angular routing overview
- Nested routes
- Relative path vs Absolute paths
- Lazy loading modules
- Module preload
- Prevent unauthorized access with protected routes
- Hands-On
Angular Templates and Directives
- Angular elements
- Advance concepts of components
- Angular Lifecycle hooks
- Structural directives
- Attribute directives
- Custom directives
- Hands-On
Data Binding
- Data binding overview
- String Interpolation
- Property Binding
- Event Binding
- Two-way data binding
- Hands-On
Validating Angular Forms
- What is Form Validation?
- Types of Form Validation
- Built-in Validators
- Form control’s status and validity
- Form Validation methods
- CSS classes for Form control
- Custom validators in Template Driven Forms
- Hands-On
Services and Dependency injection
- What are Services?
- Need for Services
- Creating a Service
- Achieving inter-component data exchange
- Dependency injection in Angular
- Creating an injectable service in class
- Injecting services
- Hands-On
Angular Animations
- Introduction to Angular Animations
- Create a simple animation
- Advanced animation example
- Creating Re-usable Angular Animations
- Hands-On
Angular Pipes and Maps
- Introduction to Pipes
- Importing and using pipes
- Parameterizing pipes
- Chaining pipes
- Custom pipes
- Creating a Filter pipe
- Hands-On
Server Interactions using HTTP
In this module, you will learn how to configure Angular routes and navigate between different components.
- HTTP client service overview
- HTTP get vs post
- Requesting and sending data to the server
- Send a get Request
- Send a put Request
- Adjusting Request Headers
- Hands-On
Angular Forms
- Introduction to Angular Forms
- Template-driven forms
- Reactive forms
- TDD vs Reactive forms
- Adding validations to forms
- Displaying error messages
- Hands-On
Authentication with JWT and Security
In this module, you will learn how to perform authentication using JWT (JSON Web Tokens)
- What is Authentication?
- Authentication and authorization
- Types of Authentication
- Where to store tokens?
- JSON Web Tokens (JWT)
- Authentication in Angular application
- Security threats in web application
- Hands-On
Angular Observables and RxJS
- Introduction to Observables
- Using observables to pass data
- Type-ahead suggestions using Observables
- Introduction to RxJS library
- Hands-On
Testing and Application Deployment In Angular
In this module, you will learn how to perform application testing.
- Testing
- Why should we perform testing?
- Types of testing
- Testing Angular application using Jasmine and Karma
- Maintaining application code using Git
- Version control system
- Why should we use Git?
- Git file workflow
- Running application on production server: Nginx
- Architecture of Nginx
- How to configure Nginx?
- Deployment of an application using Docker
- Problems before containers
- How containers solve the problems
- What is Docker?
- Docker file
- Docker image
- Docker containers
- Docker hub
- Basic Docker commands
- Hands-On

Get your free demo class

Get your free demo class

Get your free demo class

Get your free demo class

Get your free demo class

Get Your Free Demo Class

Get your free demo class

Get your free demo class

Get your free demo class

Get your free demo class

Get your free demo class

Pages

Courses

Get your free demo class

Angular JS Certification Training Course

Introduction of Web Technology

Exploring Data Types & Functions

Control Structures: Logical Expressions

Control Structures: Loops

User-Defined Functions

Debugging

HTML compilation and Angular Compilation

Actual Angular Topics

Getting Started with Angular 5

The Basics of Angular 5

Databinding & Directive Concepts

Advanced Component and Databinding

Databinding and AnimationsIn this Angular certification module, you will learn about Angular Databinding and Animations.

Angular Directives and PipesIn this Angular training course module, you will learn how to manipulate DOM and add filters using Angular directives and pipes.

Advance Directive Concepts

Angular Services and Dependency InjectionIn this Angular certification exam module, you will learn how to create Angular services and inject it using dependency injection.

Routing in Angular 5

Observables in Angular 5

Forms in Angular 5

Template Driven Approach

Reactive Form Approach

Exploring Pipes in Angular 5

Making HTTP Requests in Angular 5

Authentication & Route Protection in Angular Apps

Typescript Introduction

Typescript Introduction Version.3

Installation of tools

Datatypes in TypeScript V.3

Decision Makers and Loops

Functions in TypeScript V.3

Inbuilt methods in TypeScript V.3

Oops in TypeScript V.3

Winding up with TypeScript V.3

Introduction to Angular 9

Angular 9 Installation of tools

Getting started with First Angular Project

Angular 9 Components and Modules

Navigation using Routers

Angular Templates and Directives

Data Binding

Validating Angular Forms

Services and Dependency injection

Angular Animations

Angular Pipes and Maps

Server Interactions using HTTPIn this module, you will learn how to configure Angular routes and navigate between different components.

Angular Forms

Authentication with JWT and SecurityIn this module, you will learn how to perform authentication using JWT (JSON Web Tokens)

Angular Observables and RxJS

Testing and Application Deployment In AngularIn this module, you will learn how to perform application testing.

Want Us to Email you About Special Offers & Updates?

Company

Platform

Resources

Get in touch

Modal title

Databinding and Animations
In this Angular certification module, you will learn about Angular Databinding and Animations.

Angular Directives and Pipes
In this Angular training course module, you will learn how to manipulate DOM and add filters using Angular directives and pipes.

Angular Services and Dependency Injection
In this Angular certification exam module, you will learn how to create Angular services and inject it using dependency injection.

Server Interactions using HTTP
In this module, you will learn how to configure Angular routes and navigate between different components.

Authentication with JWT and Security
In this module, you will learn how to perform authentication using JWT (JSON Web Tokens)

Testing and Application Deployment In Angular
In this module, you will learn how to perform application testing.